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