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

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

Рис. 26 Еще одно подтверждение родству фотографических текстур и градиентов дает алгоритм сжатия, применяемый в формате JPEG и лучше всего справляющийся именно с фотографиями (причем тем лучше, чем они «фотографичное»). Взяв небольшой фрагмент фотографии (а), сохранив его в JPEG с близким к максимальному параметром сжатия и рассмотрев результат под увеличением (б), мы обнаружим, что JPEG делит изображение ни квадраты, заполняя их либо плоским цветом, либо горизонтальным и/или вертикальным градиентом. При меньших степенях сжатия JPEG пользуется рядами Фурье, частным случаем которых является простой линейный градиент

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

Материальные текстуры

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

Я не буду распространяться здесь о том, что в большинстве случаев мраморный фон выглядит претенциозно и создает ощущение уюта (хотели бы вы жить в доме, пол и стены которого облицованы мраморными плитами?). Если вы все же уверены, что на сей раз без отделочных материалов вам не обойтись, постарайтесь хотя бы ограничиться одной материальной текстурой на страницу. Прием этот весьма сильнодействующий, и вряд ли есть что–то более отвратительное, чем нагромождение разнородных материальных текстур. Даже единственная такая текстура заявляет о себе очень громко, требуя немедленной «материализации» как того объекта, к которому она применена, так и всех его соседей, — автору волей–неволей приходится вводить фаски, тени и прочие атрибуты трехмерности, подчас с разрушительнейшими последствиями для единства композиции (см. также стр.290).

Можно, однако, найти примеры, в которых сдержанное, приглушенное использование материальных текстур придает странице особый колорит. При этом, как правило, материальная текстура не заполняет равномерно всю плоскость объекта и никогда не состоит из повторяющихся изразцов. Лишь местами она намекает на материальность поверхности, не мешая ей выполнять ее основную функцию и нередко поддерживая своей аморфностью геометрический характер формы (пример 18). Чаще всего такая текстура и не пытается быть похожей на что–то конкретное, а лишь выражает идею, скажем, «просто металлической поверхности» или даже «просто шершавости».

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

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

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

Шрифт и текст

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

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

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

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