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