Дмитрий Кирсанов - Веб-дизайн

Печать текста белым по черному применяется иногда и в журнальной верстке, однако только на экране компьютера эта цветовая схема открыла все заложенные в ней возможности. Любой достаточно темный цвет в качестве фона звучит сдержанно, благородно, даже таинственно;

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

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

На втором месте по популярности после чисто черного фона стоят насыщенные холодные цвета — такие как, например, бархатно–синий фон сайта www.verso.com(пример 19). Для текста, наоборот, популярны оттенки теплых цветов, в особенности желтого, призванного символизировать золото. Необычный цветовой колорит сайта www.bdaweb.com(пример 13) объясняется полным отказом от цвета как такового — темно–серые буквы i черном фоне привлекательны своей сдержанностью, но они выглядели бы мрачновато, если бы не ярко–оранжев цвет логотипа и ссылок.

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

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

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

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

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

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

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

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

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

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