Веб-дизайн - [46]

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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