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

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

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

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

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

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

● полная десатурация, приведение цветного изображения к серой шкале;

● приведение к монохромной шкале с константной насыщенностью и тоном (т. е. не к черно–белой, а, к примеру, к черно–красной или черно–голубой палитре);

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

Эти методы регулировки видимости можно комбинировать друг с другом. Так, на сплэш–странице сайта www.capstonestudio.com(пример 14) прямоугольная фотография разделена на центральную и периферийную части, и в полном соответствии с классическими законами композиции центр (в монохромной синей гамме) сделан более ярким и заметным, чем периферия (в серой шкале).

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

С меньшим успехом цветовые эффекты применены на сайте www.vivid.com (пример 20).

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

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

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