Ирина Никулина – Настольная книга веб-дизайнера. Практический курс по веб-дизайну и проектированию сайтов (страница 54)

Этот модуль может повторяться внизу каждой страницы сайта. Карта устанавливается со страницы интерактивных карт Яндекса. Она может быть слева от контактов, справа или внизу, под контактами.

«Подвал» сайта

«Подвал» или футер – это последний модуль сайта, который так же, как и хедер, будет повторяться на всех страницах сайта. Часто его выделяют на дизайне тёмным фоном.

«Подвал» сайта включает в себя:

– Повтор логотипа и названия организации (в уменьшенном виде по сравнению с «шапкой» сайта).

– Знак «копирайт» и надпись о том, что все авторские права защищены, и копирование материалов с сайта строго запрещено (бывает вариант: разрешено с указанием ссылки на источник).

– Повтор верхнего меню сайта. Как вариант: расширенное меню с дополнительными страницами сайта.

– Ссылка на соцсети.

– Кнопки призывов («Позвоните», «Закажите звонок», «Свяжитесь с нами» и т.д.).

– Счетчики посетителей (например, ЯндексМетрика).

– Контакты компании (телефон, электронная почта, мессенджеры).

– Реквизиты юрлица: ОГРН, ИНН и т.д.

– Политика конфиденциальности (ссылка на текст), Согласие на обработку персональных данных и т.д.

Рис.79. «Подвал» сайта учебного центра

В этой главе мы рассмотрели основные модули сайта, которые встречаются чаще всего. Но это далеко не все модули сайта. Бывают дополнительные модули, например, модуль: «Программы обучения», «Вопросы-Ответы», «Тарифы», «Статьи», «Фотогалерея», «Расписание», «Доставка», «Выполненные работы» и т.д.

Они появляются на сайте, если этого требует тема сайта или поставленные задачи. Например, для сайта обучающего центра самым главным модулем будет модуль «Программы обучения» и «Кто преподает». Оформляются они в соответствии с общим стилем сайта. Если вы начинающий веб-дизайнер, и не знаете, как правильно сделать эти модули, – посмотрите сайты конкурентов на тему вашего сайта, выявите основные элементы этих модулей и сделайте их по аналогии с чужими. (Чужой дизайн использовать нельзя, только саму структуру модуля!).

Рис. 80. Модуль фотогалерея на сайте учебного центра

Не обязательно для этих дополнительных модулей придумывать свой собственный оригинальный дизайн или структуру, напротив, их надо сделать в классической, привычной для пользователя схеме.

Глава 11. Прототипирование

В этой главе:

1. Формат и размер прототипа. Поля сайта

2. Как отобразить «резину» на прототипе

3. Прорисовка модулей прототипа

4. Утверждение прототипа сайта у заказчика

1. Формат и размер прототипа. Поля сайта

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

Рис.81. Прототип (слева) и дизайн сайта по нему (справа)

Зачем нужен прототип:

– Клиент видит наглядно структур сайта и может сразу внести правки.

– Веб-дизайнер видит результат, к которому надо стремиться.