Веб-дизайн
Шрифт:
Из всех систем представления цвета, о которых я упоминал на стр.63, лишь одна представляет цвет в естественном, согласующемся с человеческим восприятием виде — это система HSV (тон–насыщенность — яркость). Разумеется, понятие «естественности» само по себе субъективно, и, потренировавшись, вы без особого труда научитесь видеть в любом цвете, к примеру, его красную, зеленую и синюю составляющие. Однако преимущество системы HSV бесспорно — она не только почти не требует привыкания, но и предоставляет прекрасную теоретическую базу, помогающую понять многие неочевидные закономерности цветовой вселенной. Иными словами, профессионал почти всегда думает о цвете в терминах HSV.
В системе HSV цвет разлагается
• Тон (hue) — первый и единственный собственно цветовой компонент, представляющий собой один из цветов радуги (точнее — одну из точек цветового круга, о котором ниже), максимально яркий и насыщенный. Тот факт, что любой самый экзотический и трудно определимый цвет сводится к какой–то одной точке спектра (а не, скажем, к смеси двух или трех компонентов), может показаться неправдоподобным новичкам в дизайне (и даже профессиональным художникам, привыкшим получать цвета смешением пигментов). Поэтому практика работы с системой HSV так важна для овладения компьютерным цветом.
Рис. 19
• Насыщенность (saturation) — соотношение основного тона и равного ему по яркости бесцветного серого. Максимально насыщенный цвет не содержит серого вообще, а при нулевой насыщенности, наоборот, полностью отсутствует основной тон (т. е. если при насыщенности, равной нулю, варьировать тон, результат будет оставаться одним и тем же — серым цветом).
• Яркость (value) — общая яркость цвета. Максимальное значение этого параметра превращает любой цвет в белый, а минимальная — в черный (варьирование двух других параметров в этих крайних точках не оказывает никакого эффекта).
Если попытаться соотнести параметры системы HSV с разложением цвета по системе RGB (стр. в 2), то их можно представить себе так: то» определяет общую конфигурацию движков на красной, зеленой и синен шкалах, варьирование насыщенности изменяет относительное расстояние между движками при сохранении их взаимного расположения, а изменение яркости сдвигает вверх или вниз все движки одновременно.
Большинство графических программ позволяют работать с цветом в том числе и в системе HSV. В программах Macromedia Freehand и CorelDraw, к примеру, палитра выбора цвета представляет собой цветовой круг с курсором, движение которого по дуге изменяет тон, а по радиусу — насыщенность. Третий параметр — яркость — устанавливается расположенной рядом вертикальной шкалой с движком (рис. 19 на цветной вкладке, а).
В других программах (например, CorelXARA) устройство для выбора цвета представляет собой линейный спектр с движком (для выбора параметра тона) и квадратное поле, по которому можно перемещать курсор, выбирая насыщенность по оси абсцисс и яркость по оси ординат(рис. 19, 6). Однако удобнее всего работать с палитрой в программах фирмы MetaCreations: длинный — и потому позволяющий выбирать тон с большей точностью — цветовой спектр сомкнут для компактности в кольцо, а остальные два параметра выбираются с помощью треугольного (а не квадратного) координатного поля (рис. 19, в).
Такое решение более лаконично и функционально, чем предыдущее, — в нем отсутствует бесполезная нижняя сторона квадрата «насыщенность–яркость», перемещение вдоль которой не изменяет цвет вообще. Главное же преимущество такой палитры в том, что цветовой круг, по сравнению с линейной радугой, правильнее отражает наше представление о континууме тонов как о чем–то замкнутом, не имеющем определенного начала и конца, а фиксированное расположение цветов «по сторонам света» к тому же тренирует цветовую память и ассоциативное мышление.
Прогулки по цветовому кругу
Давайте теперь вооружимся компьютерной HSV-палитрой и совершим небольшую прогулку по цветовому кругу, знакомясь с главными из его достопримечательностей. Какой бы программой вы ни пользовались, вам также понадобится достаточно большая (в идеале — на весь экран) плоскость, на которую можно будет переносить (с помощью инструмента заливки или чего–то подобного) выбранный цвет. Как мы увидим ниже, восприятие цвета очень сильно зависит от занимаемой им площади, и вы не сможете составить правильное мнение о цвете по крохотному образцу на самой палитре. Мы начнем наше путешествие с середины синего участка — самой нижней точки круга (рис. 19 на цветной вкладке) — и будем двигаться против часовой стрелки.
Первое, что приходит в голову при взгляде на цветовой круг, — это то, что он далеко не однороден. Хотя физика говорит нам, что переход от цвета к цвету является следствием монотонного изменения длины волны света, на получающемся в результате спектре явственно различаются участки самостоятельных цветов и участки переходов между цветами.
Так, явно повышенной самостоятельностью на цветовом круге обладают три основных «компьютерных» цвета — красный, зеленый и синий, а также цвета, расположенные точно посередине между ними, — фиолетовый, желтый и голубой. На реальном солнечном спектре этот эффект был бы менее очевидным, но все же заметным, — он объясняется устройством цветовых рецепторов нашего глаза, который разлагает цвет почти на те же составляющие, из которых компьютер его синтезирует (так что изобретатели систем RGB и CMYK не случайно выбрали именно эти цвета в качестве основных). Кроме того, хотя яркость в системе HSV регулируется отдельным параметром, основные тона цветового круга явно обладают различной «врожденной» яркостью; например, желтый явно светлее синего, а голубой — красного.
Наша отправная точка лежит в середине холодного полукруга, объединяющего синий, голубой и фиолетовый цвета, которые противопоставляются цветам теплым — красному, желтому и зеленому. Разделение цветов на теплые и холодные в известной мере условно — чем ближе цвет к границе верхнего и нижнего полукругов, тем с меньшей уверенностью можно отнести его к теплым или холодным. Тем не менее выражение теплые цвета (желтый, красный) обладают некими общими свойствами, отличающими их от выражение холодных цветов (синего и голубого). Принято считать, что теплая окраска приближает объект, делает его визуально больше и активнее, привлекает к нему внимание, тогда как холодный цвет отдаляет, успокаивает, переводит объект на задний план композиции.
Чистые насыщенные тона цветового круга могут быть интересны с исследовательской точки зрения, но для дизайнера большинство из них представляются заезженными, избитыми — слишком часто эти «цвета по умолчанию» мелькают на компьютерном экране. Ими можно пользоваться для второстепенных, отделочных нужд, но построить интересную цветовую композицию на основе одного из этих слишком пластмассовых цветов вряд ли возможно. Вы должны приучить себя к активному варьированию всех компонентов цвета в поисках оригинальных, неочевидных оттенков.