Веб-дизайн


Сочетаемость цветов


Сочетаемость цветов — одна из немногих областей дизайна, в которых почти у любого непрофес­сионала есть свое мнение. Несколько ходовых рецептов цветовых сочетаний известны всем женщинам, которые когда-либо брали в руки иголку с ниткой; да и мужчины любят порассуждать о том, что с чем сочетается или же наоборот, выбирая цвет обоев или галстука. Профессионал же, знающий, что цветов гораздо больше, чем семь, и что два «зеленых» могут отличаться друг от друга не менее силь­но, чем черный от белого, вместо готовых рецептов чаще пользуется общими принципами, хотя во многих случаях и они не могут заменить интуицию и опыт.

Что же это за принципы? Мы будем подробнее говорить о них во второй части этой главы (стр. 149). Из выве­денных там закономерностей особенно важны для подбора цветов противоположные и взаимодополняющие принципы единства и контраста.

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

111

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

Более того, иногда принцип единства главенствует и при подборе цветов, которые обязаны быть различными. Многие профессиональные страницы выполнены в одной цветовой гамме: например, со светлыми оттенками основного цвета для фона, более темными — для текста и более насыщенны­ми — для декоративных элементов (пример 16). Однако при поиске подобного цветового решения нужно быть весьма осторожным, так как слишком близкие, но не одинаковые цвета могут раздражать своей («дразнящей») близостью, а отсутствие достаточной меры контраста сделает компо­зицию скучной. Поэтому, если у вас еще недостаточно опыта, лучше придерживаться проверенного временем ре­цепта: пользоваться минимумом цветов, но сами цвета при этом подбирать по возможности контрастные.


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

Начнем с тона. Первое правило формулируется просто: нельзя пользоваться цветами, расположенными слишком близко друг к другу на цветовом круге — диссонанс между такими цветами буквально бьет по глазам (как режет ухо диссонанс между нотами, различающимися только на пол­тона). С другой стороны, прямо противоположные цвета тоже редко образуют гармоничные пары — зеленый с фио­летовым или красный с голубым обычно кажутся слишком разнородными (относительно неплохо сочетаются только синий с желтым). Пожалуй, лучше всего контрастируют друг с другом цвета, расположенные приблизительно на расстоянии четверти окружности друг от друга. Кроме того, два теплых или два холодных цвета выказывают большее сродство друг с другом, чем цвета из противоположных полушарий (напомню, что граница между теплой и холод­ной областями цветового круга проходит по горизонтали, отделяя красный от фиолетового слева и зеленый от голу­бого справа).

112



Рис. 20

(см.     цветную вкладку, стр. 334)



Рис. 21

(см.     цветную вкладку, стр. 335)

С другими двумя параметрами дело обстоит несколько проще. Разница в яркости или насыщенности двух цветов заметна сразу, но все же обычно она воспринимается лишь как нечто дополнительное к разнице основных тонов. Ло­гично поэтому, чтобы по одному из этих двух параметров цвета резко различались, усиливая контраст тонов, а по второму — поддерживали друг друга, не позволяя цветовому решению распасться (рис. 20 на цветной вкладке, а). Про­тивопоставления всех трех компонентов цвета (рис. 20, б) следует избегать — как мы увидим ниже, увеличение коли­чества противоположных аспектов не усиливает, а ослабляет контраст, разобщая элементы. Если же вы хотите усилить взаимодействие между цветами, связав их особо тесным контрастом, используйте два параметра для объединения и один (лучше всего яркость) для противопоставления (рис. 20, в).



Теперь вам должно быть понятно, почему белый и особен­но черный цвета так хорошо сочетаются с большинством других. Отсутствие у них компонентов тона и насыщен­ности позволяет сознанию зрителя считать их яркой или темной модификацией того цвета, с которым они в данный момент соседствуют, применяя к ним вариант двух общих и одного противоположного параметра (как на рис. 20, в) — то есть почти оптимальное сочетание начал единства и контраста.

Вы не хотите тратить время на поиски необычных, запоминающихся цве­тов? Простота ваших страниц не требует неординарных цветовых решений? Тогда примите к сведению совет дизайнера Роджера Блэка, отлитый в че­канную формулу: «The First Color is White, The Second Color is Black, The Third Color is Red». Все действительно настолько просто: самый яркий и самый темный из всех возможных цветов создают ощущение тесно­го единства и максимального контраста, а если вам нужен третий цвет — красный великолепно сочетается и с черным, и с белым. Противоположностью такого минималистского подхода является особый, нарочито пестрый цветовой стиль, соединяющий максимальное количество максимально ярких и насыщенных цветов. Известно, что всевозможные ра­дужные, «попугайские» заливки — один из коронных приемов дизайнеров-любителей. Однако этот мотив можно встретить и во вполне профессио­нальных композициях (таких как, например, логотип фирмы Fractal Design, рис. 21 на цветной вкладке), где он обычно уравновешивается максималь­ной цветовой сдержанностью в других частях композиции.



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

113

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


Содержание раздела