Сочетание со цветом и шрифтом

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

Выберите цвет, подходящий к предметной области сайта

Например, если Web-сайт ориентирован на продажу элитных домов, приглушенная цвето­вая палитра и классические цвета подойдут гораздо больше, чем светло-розовый или зеленый цвет. Конечно, это лишь рекомендации. Если сайт ориентирован на продажу восхитительных современных архитектурных строений, здесь нужен аккуратный дизайн, где будет много бе­лого цвета и чуть-чуть салатового и кораллового. Для начала можно продумать список прила­гательных, которые бы использовал заказчик для описания своего бизнеса, а затем уже вы­брать цветовую палитру, которая соответствует этим прилагательным.

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

(черный, белый, грязно-белый, оттенки серого) и нескольких контрастных цветов, привлекающих внимание пользователей.

Ограничение цветовой мантры предполагает сжатие Web-графики и спо­собствует более быстрой передаче данных в Интернете. Чем меньше цветов вы используете, тем меньше размер файла. Например, если в файле всего 8 цветов вместо сотни, то сжатие будет больше и файл будет меньшего разме­ра. Скорость загрузки файла прямо пропорциональна его размеру.

Используйте сочетаемые цвета

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

В цветовой палитре сайта неплохо создать баланс темных, средних и светлых цветов. Ес­ли вы не воспользуетесь темными цветами, ваш сайт будет выглядеть размытым. Пели вы не примените свеглыс оттенки, нечего будет использовать для фона или выделения специальных областей.

Для создания "настроения" сайта используйте шрифты

Следует быть предельно аккуратным со шрифтами, так как они могут демонст­рировать индивидуальность. В зависимости от выбранною вами шрифта, сайт может "выражать" холодность, профессионализм и нечто среднее между ними. Так же, как вы подбираете цветовую схему для Web-сайта, вы должны выбрать подходящие шрифты.

Как правило, шрифты с мсечками используются для передачи чувства стабильности, безопасности, профессионализма и долговечности. Это лучший выбор для сайта банковских операций и кредитных обществ. Например, текст данной книги набран шрифтом с засечками. Шрифты без засечек передают чувства современности, аккуратности и стремительности отлично под­ходят для сайтов продажи каких-то высокотехнологичных изделий. Эти шрифты лучше ис­пользовать для небольших текстовых блоков и заголовков. Текст Web-сайтов часто оформ­ляют именно шрифтами без засечек.