Шрифт:
Второй способ — понижение насыщенности — превращает фоновый цвет в светло–серый с оттенком исходного цвета. Это делает цвет менее очевидным и потому более интерес–, ным, но сам по себе он все еще может быть не слишком убедительным. Поэтому такой цвет требует поддержки со стороны цвета текста — лучше всего использовать для текста более темную вариацию того же цвета.
С тем же успехом я бы мог сказать, что, наоборот, темный цвет текста требует поддержки со стороны фона, иначе его тональная составляющая будет с трудом различима. Как аккорд звучит интереснее отдельной ноты, так и эта пара цветов гораздо лучше выражает характер их общего тонального компонента. В то же время невысокая насыщенность не позволяет цвету выйти на первый план восприятия, обеспечивая комфортное чтение (рис. 22 на цветной вкладке, в).
Необходимую долю разнообразия такому цветовому ландшафту может придать более насыщенный или контрастный по тону цвет ссылок. Вообще, для эффективного опознавания ссылки обязаны иметь более заметный цвет, чем основной текст, хотя достичь этой заметности можно разными способами — контрастом тона, увеличением насыщенности, повышением или понижением яркости. Посещенные (visited) ссылки должны сигнализировать о своей «отработанности» цветом менее насыщенным или просто более близким к цвету основного текста. Принятая в графических броузерах раскраска ссылок по умолчанию — синий цвет для «свежих» ссылок и фиолетовый для «использованных» — достигает нужного результата и без каких бы то ни было вариаций насыщенности, пользуясь тем, что фиолетовый цвет обычно производит впечатление смешанности, «нечистоты» и потому «неизначальности». Сайтwww.chess.tbm.com (пример 17) являет собой великолепный образец сбалансированного цветового дизайна. Его светлый, но притом достаточно насыщенный фоновый цвет (#СССС 99) выразителен сам по себе и не требует поддержки со стороны текста, для которого выбран слегка смягченный черный цвет (#333333). Для ссылок использован контрастный, но равным образом смягченный синий (#0033FF). Остальные графические элементы поддерживают эту разнообразную, но абсолютно лишенную пестроты цветовую гамму.
Второй тип цветовых решений — со светлым текстом и темным фоном — на первый взгляд кажется более привлекательным. Поскольку буквы текста занимают существенно меньшую площадь, чем фон, любой достаточно темный цвет для текста, как мы видели, норовит превратиться в черный. Поэтому для текста выгоднее выбирать светлый и насыщенный оттенок, которому, естественно, требуется темный фон. Нужно также учитывать, что светлый текст на темном фоне, хотя и уступает по комфортности длительного чтения черному тексту на белом, в небольших объемах меньше утомляет глаз, так как ограничивает общее количество света, получаемое от монитора (к сожалению, у многих пользователей мониторы настроены так, что белый фон страницы почти моментально вызывает резь в глазах).
Печать текста белым по черному применяется иногда и в журнальной верстке, однако только на экране компьютера эта цветовая схема открыла все заложенные в ней возможности. Любой достаточно темный цвет в качестве фона звучит сдержанно, благородно, даже таинственно;
любой светлый цвет для текста становится по–особому ярким и выразительным. Пожалуй, теперь такие цветовые сочетания уже ни у кого не ассоциируются с чем–то мрачным или траурным, так что свобода творчества ничем не ограничена.
Есть, тем не менее, одно ограничение технического плана. Фоновый цвет, который хочет выглядеть именно цветом, а не бесцветным черным, обязан быть достаточно насыщенным, — «ночью все кошки серы», и слишком слабая примесь основного тона будет в темном цвете трудно различима, несмотря даже на большую площадь, занимаемую этим цветом. Насыщенность цвета текста может при это» поддерживать насыщенность фона, а может контрастировав с ней.
На втором месте по популярности после чисто черного фона стоят насыщенные холодные цвета — такие как, например, бархатно–синий фон сайтаwww.verso.com (пример 19). Для текста, наоборот, популярны оттенки теплых цветов, в особенности желтого, призванного символизировать золото. Необычный цветовой колорит сайта www.bdaweb.com (пример 13) объясняется полным отказом от цвета как такового — темно–серые буквы i черном фоне привлекательны своей сдержанностью, но они выглядели бы мрачновато, если бы не ярко–оранжев цвет логотипа и ссылок.
Текстуры
Термином «текстуры» в этой книге обозначаются по сути, все те свойства элементов, фигур и поверхностей, которые нельзя свести к их форме, цвету или размеру. По–иному это можно было бы выразить так: текстур начинается там, где формы, цвета и расстояния, дробясь и множась, сливаются в неразличимое целое.
Стоит собрать вместе несколько десятков пикселов, w образованное ими целое приобретает новое измерение, от личное от цвета и формы, — фигура может стать шершавой или гладкой, выпуклой или вогнутой, даже теплой или холодной. Восприятие текстуры, как и цвета, сильно зависит от занимаемой ею площади и контекста всей композиции, но при всем при том текстура — едва ли не более сильное средство воздействия на сознание зрителя, чем форм и даже цвет. Как обоняние и осязание, будучи более «примитивными» органами чувств, чем зрение и слух (через них в мозг поступает гораздо меньший поток информации), под час сильнее задевают струны нашей души, так и текстура–то, какое все на ощупь, — может с легкостью поддержать или разрушить отношения, установленные между объектами другими средствами, а в некоторых случаях даже стать осью всей композиции.
Слово «текстура» чаще всего употребляется в сочетании «текстура поверхности». Однако ничто не мешает толковать понятие текстуры расширительно, рассматривая также текстуру контура: если обычная текстура определяет свойства двумерной поверхности, обращенной к зрителю, то текстура контура позволяет применить те же категории к той одномерной «поверхности», которой фигура обращена к другим элементам композиции. Тем самым понятие текстуры смыкается с понятием формы.
В компьютерной графике словом «текстура», как правило, обозначают всевозможные имитации реальных поверхностей — мрамора, дерева, кирпича и т. п., — чаще всего употребляемые для заполнения фона. Однако эти материальные текстуры представляют собой лишь один из классов текстур, достаточно ограниченный по своей применимости.
Поскольку разрешение компьютерного экрана значительно ниже разрешения любого устройства печати, экранные текстуры не могут иметь столь же тонкую структуру, как те, которые можно воспроизвести на бумаге. Однако самосветящаяся природа компьютерного экрана, его более широкий цветовой охват и специфическая пиксельная поверхность позволяют реализовать некоторые интересные эффекты. С технической точки зрения этот аспект поверхности напрямую связан с «глубиной цвета» (стр. 60) — чем сложнее текстура, тем больше нужно цветов для ее адекватной передачи.