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

На рисунке 90 показано использование цвета в веб-дизайне. В окне «Палитра цветов» в растровом редакторе Adobe Photoshop задаются компоненты цвета в той модели, которую предоставил заказчик, например, в CMYK. Чуть ниже моделей цвета появляется имя веб-цвета. Например: 3f5d93. Этим цветом заливается нужный элемент и дальше он используется путем заведения имени цвета в палитре цветов. Если этот фирменный цвет нужно передать программисту или верстальщику сайта, то он пишется так: сначала решетка, потом имя цвета: #3f5d93.

Старайтесь использовать в веб-дизайне не больше двух основных оттенков, например, синий и серый (его оттенки: темно-серый, светло-серый), оранжевый и черный, зеленый и темно-серый и т.д.

2. Создание логотипа для заказчика

Логотип – это изображение, эмблема или символика, которую используют организации и частные лица для идентификации своей деятельности и повышения узнаваемости. Иногда компания обращается к разработчику сайта на этапе открытия бизнеса, не имея на момент разработки сайта логотипа и фирменного стиля. Для веб-дизайнера разработка логотипа может стать дополнительным источником дохода.

Логотип может быть сделан только под сайт, тогда допускается его создание в растровом редакторе, или делается полноценный логотип, тогда он должен быть в векторе (создан в векторной программе, например, CorelDRAW).

Логотипы бывают трех типов:

1. Шрифтовой (состоит только из букв).

2. Фигурный (рисунок), состоит только из рисунков и геометрических фигур без надписи.

3. Комбинированный (сочетает в себе рисунок и текст).

Проще всего сделать для сайта шрифтовой логотип, просто написав название компании и подобрав интересный шрифт. Время для создания такого логотипа 5-20 минут. Если клиенту понравится такой логотип на сайте, и он попросит сделать из него векторный логотип, – веб-дизайнер может отрисовать его в векторной программе, или создать заново, применив те же шрифты и цвет.

Логотипы в векторе создаются для использования в полиграфии и печати, а значит должны быть сохранены в векторном файле, например, cdr, eps, pdf и цветовой модели CMYK. Это обязательное требование типографии. Передавать клиенту логотип в формате jpg нельзя.

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

Рис.91. Учебные комбинированные логотипы, созданные автором учебника

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

Правила создания логотипа:

– Обязательно составьте техническое задание на логотип (примеры техзаданий есть в сети Интернет).

– Предоставьте клиенту выбор: создать авторский или неавторский логотип (от этого зависит цена разработки).

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

– Используйте два цвета в логотипе, не больше, кроме логотипов детской тематики (здесь допускается больше двух цветов).

– Делайте логотип простым, состоящим из небольшого количества деталей.

– Проверьте ваш логотип: переведите его в чёрно-белый цвет. Если логотип сохранил свою красоту и стиль, – значит, он правильно создан.

– Распечатайте логотип на обычном принтере в уменьшенном виде. Хорошо сделанный логотип при уменьшении не теряет деталей.

– Презентуйте логотип в среде: на сувенирной       продукции, на визитке, на сайте, на рекламном щите. Так заказчик быстрее утвердит логотип.

– Если сразу не получается сделать логотип в векторной программе, сначала нарисуйте наброски карандашом на бумаге.

– Не используйте больше двух шрифтов в логотипе.

– Бонусом сделайте заказчику визитку с его логотипом.

Утвержденный логотип в векторной программе сохраните в формате ping и поставьте на дизайн сайта.

Глава 13. Веб дизайн первой страницы сайта

В этой главе:

1. Особенности дизайна первой страницы

2. Правила создания первой страницы

3. Технические характеристики файла

4. Основные модули первой страницы

1. Особенности дизайна первой страницы

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