Веб-дизайн - [62]

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

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

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

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

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

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

Баланс

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

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

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

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

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