Веб-дизайн

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

Разумеется, нет ничего удивительного в том, что из нескольких вариантов чего–либо чаще всего применяется простейший. Однако у нелюбви профессионалов к заковыристым текстурам должны быть и другие причины. Одна из них, как мне представляется, — это желание максимально использовать все возможности компьютерного цвета. Мощные, свободные цвета режимов high color и true color (стр. 61), сравнительно недавно получившие массовое распространение, часто становятся центральной темой композиции, и любая неоднородность поверхности была бы диссонансом в этой симфонии цвета. Кроме того, как я уже говорил, современный дизайн предпочитает простые строгие геометрические формы, а для таких форм почти любая неплоскоцветная текстура — с ее неизбежным сродством с аморфностью — кажется чужой.

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

Геометрические структуры

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

Некоторым исключением из этого правила является простейшая из геометрических текстур — горизонтальные или (реже) вертикальные узкие полоски. Текстура эта хорошо контрастирует — и потому обычно употребляется в паре с фотографической текстурой, к которой мы скоро перейдем (стр. 119). На рис. 23 фотографическая текстура представлена не столько даже реалистическим изображением пачки газет, сколько плавным (градиентным) высветлением центра «решетки»; то же сочетание текстур мы видим в примере 17. Как искусственное дрожание в звуке скрипки, неярка полосатая текстура делает фотографию «теплее» и визуально интереснее.

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

Рис. 23 Сочетание геометрической и фотографической текстур

Рис. 24 Привлекательность этого фона объясняется контрастом между прямоугольностью основы и криволинейностью приложенного к ней эффекта, а достаточно большой размер клеток не мешает чтению текста

Рис. 25Фон сайта (в увеличении горизонтальные полосы имеют высоту в один пиксел)

Пиксельные структуры

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

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

Фотографические текстуры

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