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

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

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

Давайте посмотрим, какие виды нюансов чаще всего применяются в разных визуальных аспектах дизайна.

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

Особый вид нюансировки размеров и размещения применяется для компенсирования всевозможных оптических иллюзий (стр. 79).

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

Шрифт.Чем крупнее кегль надписи и чем более важную роль она играет на странице, тем более вероятно, что ей потребуется основательная нюансировка. Два самых распространенных вида такой нюансировки — трекинг и кернинг (стр. 141). В логотипах и других особо ответственных надписях иногда приходится вручную перерисовывать некоторые буквы или их части, не укладывающиеся в общий стиль (см. историю переделки буквы Q в логотипе Quiotix, стр.317).

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

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

Глава эта — более узкая по охвату, чем предыдущая, но одновременно и более практическая и даже более техническая. Здесь вам придется вспомнить многое из того, о чем шла речь в гл. I; говоря, например, об организации материала на веб–странице и ссылаясь при этом на раздел «Размещение» гл. II, я сразу же перечисляю средства позиционирования материала, предусмотренные в HTML и CSS (стр. 233). Это значит, что вы должны быть уже хорошо знакомы с применяемыми в веб–дизаине технологиями и иметь опыт практической работы с ними.

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

Первая группа ограничений определяется намного более (низким, по сравнению с печатью на бумаге, разрешением компьютерного экрана — в среднем 96 dpi (dots per inch, пикселов на дюйм) у компьютеров с Windows и 72 dpi у Макинтошей против минимум 300 dpi у самых дешевых лазерных принтеров. Как вы уже знаете, экранная графика компенсирует свое низкое разрешение более широким цветовым охватом — экрану доступны такие цвета которые немыслимо воспроизвести на бумаге (стр.). Однако в веб–дизайне и это преимущество подпорчено соответствующим недостатком: сохраняя широту охвата, 216-цветная безопасная палитра веб–графики (стр. 246) неизмеримо уступает полноценному компьютерному цвету в богатстве оттенков и естественности переходов. Это проявление принципа «общего знаменателя» можно отнести как к ограничениям устройств вывода (многие пользователи все равно не смогли бы увидеть на своих экранах больше 256 цветов), так и к ограничениям канала связи (палитра веб–графики сокращается чаще для снижения объема передаваемых файлов, чем в угоду владельцам дешевых мониторов).