Основы графического дизайна на базе компьютерных технологий - Ольга Яцюк

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

□ Еще один важный параметр цвета – яркость (светлота). Самый сильный контраст по яркости дают белый и черный цвета. Чем сильнее контраст фона, графики и текста по яркости, тем выразительнее Web-страница.

□ Не используйте в качестве фона сложные текстуры с множеством цветов. Лучше использовать сплошные заливки или текстуры приглушенной яркости и насыщенности.

Цветовая палитра браузера

В главе 2 мы упоминали, что для описания цвета на мониторе используется модель RGB. Язык HTML представляет цвета шестизначными шестнадцатиричными числами, которые кодируются как #RRGGBB. Префикс # обозначает, что кодируется цвет, первые две шестнадцатиричные цифры RR определяют красную составляющую в цвете, вторая пара GG – зеленую, третья пара ВВ – синюю составляющую. Шестнадцатиричные двузначные числа изменяются в диапазоне от 00 до FF, что соответствует диапазону от 0 до 255 для десятичных чисел. Таким образом, белый цвет кодируется числом #FFFFFF, черный – #000000, красный – #FF0000, оливковый – #808000.

Чтобы эффективно использовать цвет, нужно помнить, что большое количество мониторов передает 256 цветов, однако, применяя современную цифровую технологию, дизайнеры могут создавать до 16,7 млн цветов. Если цвет, используемый в созданном графическом файле, не входит в набор цветов, отображаемых на экране, он будет искажен или затемнен. Цвет теряется, следовательно, его использование не целесообразно. Последнее время в печатном дизайне популярны цвета металлик, но включение этих цветов в Web-сайт невозможно, т. к. они не могут быть воспроизведены монитором. Качество изображения зависит от технических возможностей компьютера и от программного обеспечения. Для передачи изображения Netscape Communicator и Microsoft Internet Explorer используют только 216 цветов, которые являются общими для операционных систем Мае и Windows. Эти 216 цветов составляют палитру браузера (Browser-Safe-Pallette). Если дизайн изображения создан на основе палитры из 256 цветов, то в результате отображения в браузерах, использующих 216 цветов, цвета исказятся в соответствии с установками браузера. Эта проблема наиболее заметна на изображениях, где есть большие площади, залитые одним цветом. На них искажение цвета будет особенно заметно, и результат может быть неприятным. Использование основной палитры поможет избежать этого.

5.5.2. Выразительность цвета в Web

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

Мы уже говорили о том, что цвет очень важен в любой дизайнерской разработке. Он вызывает определенные эмоции, усиливает чувства, обостряет восприятие. Стильные, лаконичные изображения можно создавать и в ахроматической черно-белой гамме (рис. 5.4).

Рис. 5.4. Пример Web-страницы в черно-белой гамме

Для того чтобы усилить выразительность или облегчить распознавание бренда, дизайнеры используют цвет. Всем известен красный фирменный знак Coca-Cola или оранжевые упаковки стирального порошка Tide. Цвет формирует образ или вызывает нужную реакцию целевой аудитории.

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

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

5.5.3. Роль цвета в формировании образа сайта

Мы уже говорили, что каждый цвет создает определенный настрой. Часто человек даже не может определить, что его так привлекает или отталкивает. Понимание характера каждого цвета позволяет критически относиться к его применению в дизайне Web-страницы.

Рассмотрим примеры Web-страниц, в которых наиболее удачно используется цвет.

Красный мгновенно привлекает внимание. Он наиболее энергичный, иногда агрессивный (рис. CD-5.5).

Выбор красного цвета может быть обусловлен национальными предпочтениями (рис. CD-5.6.)

Голубой – цвет воды и неба, надежности и постоянства. Оттенки голубого часто используют как основной цвет фирменного стиля. Популярность этого тона и его оттенков приводит к тому, что сайты становятся похожими друг на друга. Но бывают и очень интересные решения, например, если используется два контрастных цвета (рис. CD-5.7) или гамма голубого с контрастом по яркости (рис. CD-5.8).

Глядя на зеленый цвет, люди видят образ Природы, который ассоциируется со свежестью и целомудрием. Исследования показывают, что из всех наиболее популярных цветов самый часто используемый в Web-сайтах – сине-зеленый. Дополнительные ассоциации – здоровье, чистота (рис. CD-5.9).

Желтый у многих народов ассоциируется с солнцем. Этот цвет очень популярен у Web-дизайнеров. Светло-желтый вызывает чувство бодрости, веселья.

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

Желтый и черный дают наиболее мощный цветовой контраст. Эти два цвета инстинктивно напоминают нам о хищных зверях и жалящих насекомых. Реакция на защитные природные цветовые комбинации остается с нами и сегодня (рис. CD-5.10).

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

Оранжевый цвет любят дети. Как наиболее энергичный, он ассоциируется с праздником и это хороший выбор при разработке дизайна среды для радостных событий, карнавалов. Цвет имеет широкий спектр, поэтому оттенок нужно выбирать особенно тщательно (рис. CD-5.11).

Черный цвет имеет много аспектов. Черный может выглядеть траурным, мрачным, ассоциироваться с горем, но, в то же время, это цвет таинственности, силы, власти, элегантности. Черный – хороший выбор для выражения элитарности (рис. 5.12).

Пурпурный – смесь красного и синего, наиболее сложный цвет. Сегодня пурпурный чаще всего трактуется как символ творчества. Это сложный цвет, поэтому он эффективно используется в эксклюзивном дизайне. За счет красной составляющей этот цвет привлекает внимание, вызывает волнение, заставляет остановиться (рис. CD-5.13).

Рис. 5.12. Пример Web-страницы с преобладающим черным цветом

Дизайнер Марк Ваймен (Mark Wyman) точно знал, как передать характер динамичной джазовой группы из Сан-Франциско. Группа «Casino Royale» излучает веселье и непосредственность шестидесятых. Дерзкий настрой, энергетика и дух того времени выражены в дизайне Web-страниц. Ваймен взял за основу возбуждающие психоделические цвета, которые создают ощущение молодости и задора. Web-сайт http://www.casinoroyalemusic.com представляет джазовую группу, ее членов и историю ее развития. Удачное цветовое решение сайта помогло «раскрутке» группы (рис. CD-5.14).

5.6. Перспективы развития Web-дизайна

Пытаться предсказать, как будет развиваться Web-дизайн так же трудно, как прогнозировать, куда потечет ртуть.

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

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