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

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

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

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

Рис. 40Тяжелая, но компактная темная полоса по левому краю страниц www.books.ru (пример 15) уравновешивается легкой, но вынесенной далеко вправо асимметричной линейкой — разделителем блоков текста (значком ® на физических чертежах обозначают центр масс)

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

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

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

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

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

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