Триадические цветовые схемы

Триадическая цветовая схема (см. рисунок 8.10) создается при выборе одного цвета и добавлении затем двух других цветов, которые должны лежать на одинаковом расстоянии друг от друга на цветовом круге, следующим образом:

Рис. 8.10.  Триадическая цветовая схема

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

Рис. 8.11.  Альтернативная триадическая цветовая схема

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

Теперь именно здесь может оказаться удобно использовать реальный цветовой круг, так как сетевые результаты не вполне совпадают с результатами переносного цветового круга. Однако когда я смещаю инструмент Angle/Distance под цветовым кругом к значению "max", то кажется что результаты совпадают с цветовым кругом, который находится в руках. Показанные выше результаты ближе всего подходят к результатам цветового круга.

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

Рис. 8.12.  Puzzle Pirates - Хорошая триадическая цветовая схема

Сайт Puzzle Pirates (http://www.puzzlepirates.com/), показанный на рисунке 8.12, использует триадическую схему на своей домашней странице. Они используют основную красно-сине-желтую схему, и эта основная схема отлично подходит для сайта детской игры. Отметим, что синий цвет является преобладающим, и что красные и желтые цвета используются как акценты и направляют движение глаз по странице.

Тетрадические цветовые схемы

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

Рис. 8.13.  Тетрадические цветовые схемы

Рисунок 8.14 показывает, как тетрадическая схема создается в сети:

Рис. 8.14.  Тетрадическая цветовая схема в сетевом цветовом генераторе

Обратите внимание на черную точку под красным цветом на цветовом круге слева. Это был первый выбранный цвет, затем я щелкнула на кнопке Tetrad ниже цветового круга. Появившиеся четыре цвета снова были немного смещены относительно переносного цветового круга, но после смещения инструмента Angle/Distance ниже цветового круга к значению "max" они кажутся совпадающими с цветовым кругом, который находится в руках. Показанные выше результаты в наилучшей степени соответствуют цветовому кругу.

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

Рис. 8.15.  Тетрадические оттенки

А рисунок 8.16 показывает пример средних тональностей:

Рис. 8.16.  Тетрадические средние тональности

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

Рис. 8.17.  Сайт Jane Goodall Institute - хороший пример тетрадической цветовой схемы

Сайт Jane Goodall Institute (рисунок 8.17) является одним из немногих сайтов, которые действительно хорошо реализовали тетрадическую цветовую схему. Обратите внимание на пурпурный цвет, желтую тональность, красные отблески на фотографии (сайт содержит еще красный цвет далее вниз на странице), и зеленые цвета. Пурпурный не совсем точно соответствует цветовой схеме, сгенерированной сетевым инструментом цветов — он склоняется в сторону красно-фиолетового — но он достаточно близок для использования в качестве примера того, как можно использовать цветовой круг и сетевой генератор цветов для создания некоторых идей цветового оформления сайта.

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