Веб-дизайн
Шрифт:
В отсутствие какой–либо асимметрии или развития движение выражено очень слабо. Тем не менее и в этом случае одни направления движения более естественны, чем другие: натренированные чтением, глаза наши скользят по горизонталям слева направо, а по вертикалям — сверху вниз. Если нет выраженно динамических элементов, любая мелочь, которая помогает этому движению, усиливает подсознательное удовлетворение от композиции, а все, что ему мешает, безотчетно раздражает.
Вот почему асимметричное оформление страниц с более широким левым полем, столь частое на веб–сайтах (на этих широких полях обычно располагаются инструменты навигации, стр.205), более естественно и эргономично, чем если бы утяжеленной была правая сторона. Левое поле (так
стандартное размещение заголовка над текстом помогает естественному «падению» взгляда от визуально насыщенного верха к информационно насыщенному низу
НЬЮАНСИРОВКА
Последний раздел этой главы как и тема, которой он посвящен, — невелик по объему, но необычайно важен. Тщательная нюансировка — главное отличие работы профессионала от упражнении любителя, пусть даже любителя талантливого.
Слово «нюанс» означает «едва заметный оттенок, тонкое различие». Нюансировка не вводит никаких новых принципов или материалов; вы будете пользоваться при этом теми же самыми формой, цветом, шрифтом и ставить их в те же самые отношения поддержки, баланса, контраста. Разница лишь в том, что нюансные связи между элементами гораздо слабее, чем отношения основные, формообразующие. Нюансы можно сравнить с внешней отделкой здания, к которой переходят, когда уже готов фундамент и возведены стены; однако, в отличие от архитектуры, в дизайне первой обычно бросается в глаза именно основа композиции, а нюансную отделку бывает иногда непросто даже увидеть.
Зачем же нужны мелочи, которые не всякий и заметит? Зачем тратить время на утомительную подгонку, полировку и наведение глянца (а на нюансировку иногда уходит едва ли не половина времени всего проекта), если основная идея композиции уже найдена и если она вполне удовлетворяет всем предъявляемым требованиям?
Ответ прост: потому что, хотя каждый из нюансов может быть почти незаметен, их общий эффект необычайно силен, Лишенная нюансов композиция может показаться интересной только на первый взгляд; при более внимательном рассмотрении очарование быстро сходит на нет, сменяясь раздражением от острых углов, заусенцев, неплотной подгонки частей и общей неряшливости. Дело здесь не в недостатке таланта — дизайнер может винить себя лишь в том, что он поленился потратить достаточное время на окончательную отделку своего творения.
И наоборот — композиция, тщательно и с любовью отделанная нюансами, становится тем интереснее, чем дольше на нее смотришь. Обнаруживая следы разумной жизни на все новых уровнях погружения, отыскивая и прочитывая все новые послания, запрятанные хитроумным дизайнером в укромных местах, мы получаем настоящее интеллектуальное удовольствие. Большинство этих открытий происходит подсознательно — мы не отдаем себе отчета в том, какие сложные измерения, сравнения и подсчеты проводит наш мозг, рассматривая нравящуюся нам вещь, и потому не всегда можем понять, почему она нам нравится.
Удивительное свойство человеческого подсознания — то, что оно никогда не устает: чем больше ему задают такой работы и чем чаще она дает результаты (т. е. чем чаще подтверждаются наши догадки), тем эффективнее стимуляция и тем выше наша подсознательная, а за ней и сознательная оценка вещи. Эволюция создала мозг прежде всего для того, чтобы отыскивать следы порядка в окружающем хаосе, — и когда, хорошо потрудившись, сознанию удается обнаружить особенно неочевидные нюансы, удовлетворение от этой естественной и приносящей результаты работы перевешивает все остальные чувства.
Как создание, так и восприятие нюансов требуют времени и особенного, неравнодушного отношения к вещи и у ее создателя, и у зрителя. Именно поэтому сравнительно беден нюансами рекламный дизайн, ориентированный на беглое одномоментное восприятие. С другой стороны, одна из граней профессионализма в дизайне — это именно быстрота и автоматизм нюансировки: опытный дизайнер расставляет нюансы почти так же бессознательно, как зритель их воспринимает. Путь к этому автоматизму проходит через тренировку навыков сознательной нюансировки в своих работах, а еще раньше — через привычку к сознательному анализу нюансов в работах чужих.
Возможно, поначалу вам трудно будет даже понять смысл столь тщательной отделки — ведь, в отличие от контуров и поверхностей реальных предметов, линии в вашей экранной композиции не станут от этого глаже, а цвета чище. Дизайн на компьютере имеет один неприятный побочный эффект: все прямые, окружности и прямоугольники на экране сразу же имеют идеально строгую математическую форму, а вспомогательные построения, если они и есть, стираются одним щелчком мыши. В результате у неопытного дизайнера может вскоре появиться ложное ощущение, что вещь готова и дальнейшей отделки не требуется. В таких случаях полезно бывает установить для себя нижний временной предел сдачи работы — «не раньше будущего четверга», к примеру, — и заставлять себя каждый день проводить хотя бы по несколько минут, медитируя над композицией и подвергая сомнению все, чего не касалась еще ваша рука.
Давайте посмотрим, какие виды нюансов чаще всего применяются в разных визуальных аспектах дизайна.
Пространственные отношения. Пожалуй, самый распространенный вид нюансов — нюансные выравнивания (см. также стр.86). Незаметная на первый взгляд координация по горизонтали или вертикали второстепенных и/или достаточно далеко разнесенных объектов — один из лучших способов внести в композицию одушевленность, создать второй, не сразу очевидный план восприятия. Значительно реже применяется противоположный прием: когда глаз ожидает выравнивания двух объектов, небольшое (но все же явственно заметное) смещение одного из них вводит асимметрию, контраст, диссонанс.
Особый вид нюансировки размеров и размещения применяется для компенсирования всевозможных оптических иллюзий (стр. 79).
Цвет. Если не считать фотографий, материальных текстур и всевозможных искажений, вводящих сложные цветовые сочетания и переходы, плоскоцветный дизайн почти не требует нюансировки по этому аспекту. Исключение составляют, опять–таки, компенсирующие нюансы, такие как увеличение контрастности цвета у маленьких объектов (стр. 109). В то же время восприятие цвета у человека «плавает» значительно сильнее, чем восприятие других свойств объектов, что делает возможным такие нюансы, как, например, постепенное и незначительное затемнение всех объектов одного цвета по мере движения по странице сверху вниз (чтобы оставаться нюансом, этот эффект должен применяться только к небольшим по размеру объектам, расположенным достаточно далеко друг от друга).
Шрифт. Чем крупнее кегль надписи и чем более важную роль она играет на странице, тем более вероятно, что ей потребуется основательная нюансировка. Два самых распространенных вида такой нюансировки — трекинг и кернинг (стр. 141). В логотипах и других особо ответственных надписях иногда приходится вручную перерисовывать некоторые буквы или их части, не укладывающиеся в общий стиль (см. историю переделки буквы Q в логотипе Quiotix, стр.317).
ДИЗАЙН ВЕБ-САЙТОВ