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

156

остаться  в памяти поколений, должны были отличаться

совершенно особой строгостью, симметрией и сбалансиро­ванностью частей.

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

Центр масс системы

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

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

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

157

совпадают с абзацами текста (сгустками плотности тексто­вой), но всегда занимают относительно них одно и то же положение.

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

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

Правило рычага

 Эта стройная теория осложняется множеством факторов. Прежде всего, центр равновесия редко кажется расположенным посередине между двумя объектами — обычно он смещен в сторону того, который кажется нам тяжелее и компактнее (т.е. плотнее). Наиболее динамично и интересно выглядят именно те композиции, в которых баланс достигается не симметричными и равными по плотности группами объектов, а равновесием тяжелого «ядра» и асимметрично расположенной, менее плотной «периферии» . Взгляните, к примеру, на рис. 15 на стр. 99:

158

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

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

Рассмотрим небольшой пример. На сайте books.ru (стр. 330) темно-синяя вертикальная полоса слева вводит сильную асимметрию и нуждается в противовесе. Однако поскольку эта полоса занимает лишь около четверти шири­ны всей страницы, противовесу этому совсем не обязательно быть таким же тяжелым, как и сама полоса. Открытое еще Архимедом правило рычага позволяет ограничиться легким горизонтальным разделителем, смещенным к правому краю страницы (рис. 40). Центр равновесия здесь вычисляется совсем не по законам физики; его стягивает на себя гра­ница синего и белого, — т. е. правый край синей полосы, вообще представляющий собой самую сильную вертикаль в композиции.

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

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

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

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