Шаблоны сайта ресторана «Пять Звезд»

Задача: Сделать шаблоны для сайта ресторана

Выбираем цвета будущего дизайна. Имеем логотип сети:

С учетом цветов логотипа, а также других факторов, выбираем цвета: красный, серый, черный. Одновременно разрабатываем визуальный образ для главной страницы сайта:

Собираем все вместе, отрисовываем шапку главной страницы. Слева под логотипом размещаем элемент, символизирующий кино. С помощью этого элемента оформлена ссылка на страницу интерьеров ресторана.

За счет выступа снизу, образованного картинкой, под шапкой образовалось место, куда разместим горизонтальное меню тематических разделов в виде группы кликабельных иконок. Нам необходимо создать шесть разделов: «полукруг», «пицца», «мангал», «индиго», «азия», «боулинг».

Отрисовываем макет страницы раздела. Шапку уменьшаем по высоте, чтобы освободить место для контента, и вмещаем в нее информацию о разделе: название, иконку, меню раздела.

Разрабатываем иконки тематических разделов для помещения в шапку (на сером градиентном фоне):

и для меню разделов на главной странице (уменьшенные, на черном фоне):

Собираем главную страницу:

Отрисовываем одну из страниц тематических разделов

×

Вы используете устаревший браузер Internet Explorer

Данный сайт создан с использованием современных технологий, не поддерживаемых Вашим устаревшим браузером. Поэтому некоторые элементы страниц могут отображаться некорректно, а некоторые функции сайта будут недоступны. Настоятельно рекомендуем загрузить и установить любой из следующих современных браузеров. Это бесплатно и займет всего несколько минут.