Веб-дизайн - [47]
Рис. 26 Еще одно подтверждение родству фотографических текстур и градиентов дает алгоритм сжатия, применяемый в формате JPEG и лучше всего справляющийся именно с фотографиями (причем тем лучше, чем они «фотографичное»). Взяв небольшой фрагмент фотографии (а), сохранив его в JPEG с близким к максимальному параметром сжатия и рассмотрев результат под увеличением (б), мы обнаружим, что JPEG делит изображение ни квадраты, заполняя их либо плоским цветом, либо горизонтальным и/или вертикальным градиентом. При меньших степенях сжатия JPEG пользуется рядами Фурье, частным случаем которых является простой линейный градиент
Таким образом, фотографии вместе с искусственными способами получения плавных переходов цветов логично объединить в один текстурный класс — класс изображений, в которых все плавно, неоднородно и не слишком четко. Текстуры эти, которые я буду называть «фотографическими», представляют собой великолепную контрастно–дополняющую пару к простым текстурам, в первую очереди к плоскому цвету: множество профессиональных композиций построено именно на противопоставлении не слишком четкой фотографии (размытость которой к тому же подчеркнута искусственными средствами) окружающим ее строгим, плоским, геометричным формам. Контраст этот только усиливается тем, что плоские формы (к которым относят и буквы заголовков и текста) обычно насыщены информацией, тогда как фотография зачастую выбирается загадочная по сюжету и с трудом опознаваемая по композиции.
Материальные текстуры
Пора, пожалуй, сказать несколько слов и о тех изображениях, которые у большинства ассоциируются с самим словом «текстура». Как я уже говори имитации материальных поверхностей редко используйте профессиональными веб–дизайнерами. В то же время в компьютерной графике существует особый жанр «стилизации» под реальность» (характерный, в частности, для оформления компьютерных игр), активно пользующийся всевозможными материальными текстурами, — и лучшим образцам этого жанра нельзя отказать в пусть и узком, но все же профессионализме. В чем же секрет эффективного использования в дизайне мрамора, красного дерева и прочих стройматериалов?
Я не буду распространяться здесь о том, что в большинстве случаев мраморный фон выглядит претенциозно и создает ощущение уюта (хотели бы вы жить в доме, пол и стены которого облицованы мраморными плитами?). Если вы все же уверены, что на сей раз без отделочных материалов вам не обойтись, постарайтесь хотя бы ограничиться одной материальной текстурой на страницу. Прием этот весьма сильнодействующий, и вряд ли есть что–то более отвратительное, чем нагромождение разнородных материальных текстур. Даже единственная такая текстура заявляет о себе очень громко, требуя немедленной «материализации» как того объекта, к которому она применена, так и всех его соседей, — автору волей–неволей приходится вводить фаски, тени и прочие атрибуты трехмерности, подчас с разрушительнейшими последствиями для единства композиции (см. также стр.290).
Можно, однако, найти примеры, в которых сдержанное, приглушенное использование материальных текстур придает странице особый колорит. При этом, как правило, материальная текстура не заполняет равномерно всю плоскость объекта и никогда не состоит из повторяющихся изразцов. Лишь местами она намекает на материальность поверхности, не мешая ей выполнять ее основную функцию и нередко поддерживая своей аморфностью геометрический характер формы (пример 18). Чаще всего такая текстура и не пытается быть похожей на что–то конкретное, а лишь выражает идею, скажем, «просто металлической поверхности» или даже «просто шершавости».
Если же текстура служит фоном для всей страницы (образованным повторяющимся фоновым изображением, стр.260), она требует тщательной координации с остальными элементами. При этом для них не только недопустимо пользоваться никакой другой текстурой, но желательно вообще свести площадь графики переднего плана к минимуму, — чтобы не вводить в заметных количествах даже плоский цвет, который может конфликтовать с текстурой фона.
В то же время цельность странице вполне могут придать графические элементы, использующие ту же самую фоновую текстуру в трансформированном или перекрашенном виде.
Излюбленные мотивы текстур у профессиональных дизайнеров — как будто бы в пику роскошным мраморным апартаментам любителей — это старение и осыпание, изношенность и заброшенность, ржавчина и выцветание, Подчас нелегко даже понять, что именно легло в основу той или иной текстуры, — очевидно лишь общее настроение покинутости, упадка, декаданса. В сочетании с мотивами нарочитой небрежности, искажения, смазанности и раздвоения, популярными в современной графике (стр. 295), эти текстуры служат основой стиля, характерного для многих дизайнерских сайтов (пример 5). Конечно, все это вряд ли пригодится вам для строгого делового сайта, но вы должны научиться видеть особую, пусть на первый взгляд искаженную, красоту «декадентского» стиля — важной составляющей современной визуальной культуры. К сожалению, интерес к этому аспекту дизайна иногда переходит в то, то я называю «текстурщина» — чрезмерное увлечение дизайнеров (иногда даже талантливых) всевозможными выпуклостями и закруглениями, бликами и затенениями, мерцаниями и переливами… У дизайнеров–профессионалм это поветрие, конечно, мало похоже на наивное украшательство любителей, но в основе его лежит, то же самое — происходящее прежде всего от увлечения техническими средствами создания текстурных эффектов (а именно для этого предназначено большинство подключаемых модулей Photoshop) увлечение «поверхностной» (не только в переносном, но и в прямом смысле) красивостью при подчас обескураживающей примитивности цвета и форм в композиции.
