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

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

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

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

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

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

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

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

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

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

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