Веб-дизайн
Шрифт:
Шрифт. Принципы подбора шрифтов детально рассматриваются на стр.133. Напомню, что лучше всего ограничиться одним шрифтом с засечками и одним рубленым; введение в композицию третьего шрифта возможно, только если на это есть очень серьезные причины. При подсчете общего количества шрифтов не забудьте о «чужих», заимствованных элементах — таких как, к примеру, логотип, шрифт которого лучше всего использовать и на самой странице (но, конечно, не для основного текста, а для заголовков или других выделенных элементов).
Текстура. Не будет большим преувеличением сказать, что текстура,
Кроме перечисленных здесь аспектов, необходимо ограничивать количество фокусов внимания композиции — элементов, которые выступают на фоне своего окружения или областей, к которым ведут силовые линии восприятия (стр. 167). Если же таких фокусов несколько, они должны очевидным образом выстраиваться в иерархическую систему, так чтобы на каждом уровне иерархии за внимание зрителя не боролись несколько элементов сразу.
Напоследок я хотел бы еще раз подчеркнуть важность принципа единства — самого простого по формулировке и, возможно, самого сложного для соблюдения. Настоящим дизайнером сможет стать только тот, кто на собственном опыте убедился, что педантичное самоповторение, безжалостное втискивание материала в прокрустово ложе структуры и суровое подавление позывов к украшательству действительно дают лучшие результаты, чем поверхностно понимаемая «творческая свобода».
Баланс
Единство и баланс — два главных свойства, отличающих творения человека от созданий природы. Понимание этого было особенно сильно у людей эпохи античности — в те времена, когда лишь тонкая пленка культуры покрывала первозданный хаос космоса, творения человека, чтобы остаться в памяти поколений, должны были отличаться совершенно особой строгостью, симметрией и сбалансированностью частей.
С веками понятие баланса становилось все расплывчатое и неопределеннее; все меньше оставалось в нем чистой геометрической симметрии и все больше — достаточно вольно понимаемой «соразмерности» и «уравновешенности». Собственно симметрия не особо популярна и сейчас, однако без более общего понятия баланса вы не обойдетесь ни в веб–дизайне, ни в любом другом визуальном искусстве. Есть великолепные композиции, производящие на неискушенного зрителя отчетливое впечатление асимметрии и даже хаотичности. Но хаотичность эта не естественная (см. также стр.146), а художественная, тщательно выверенная, основанная на строгом выполнении законов баланса — пусть субъективных, но оттого не менее требовательных.
Центр масс системы. Что же это за законы? Прежде всего, давайте вспомним понятие плотности размещения материала, введенное в разделе о пространственных отношениях (стр. 89). Вспомнив физическое определение плотности как массы, деленной на объем, мы увидим, что о плотности можно говорить в нескольких разных смыслах — в зависимости от того, чему мы приписываем свойство иметь «массу».
В частности, элементы композиции могут различаться по информационной плотности (насыщенности информацией), плотности текстурной, цветовой, шрифтовой и т. д. К примеру, цветовая плотность в данной точке определяется тем, насколько ее цвет контрастен на фоне своего ближайшего окружения и на фоне общего, «среднего» цветового
Карты разных видов плотности в одной и той же композиции, наложенные друг на друга, покажут нам совпадение пиков и провалов в одних частях и расхождение в других. Можно предположить, что самыми гармоничными кажутся такие композиции, в которых распределения плотности в разных аспектах не совпадают, но скоординированы друг с другом. Например, яркие цветовые пятна заголовков (вершины на карте цветовой плотности) не совпадают с абзацами текста (сгустками плотности текстовой), но всегда занимают относительно них одно и то же положение.
При такой трактовке плотность становится величиной многомерной, а в композиции открывается множество интереснейших отношений, зависимостей и влияний. Так, помимо вершин и провалов плотности, большое значение имеет преимущественное направление (градиент) увеличения или уменьшения плотности — например, по одному из аспектов плотность может более или менее равномерно уменьшаться сверху вниз, а по другому — слева направо. Если большинство аспектов плотности достигают максимума в одной и той же точке, мы получаем ярко выраженный фокус, центр внимания. Важными элементами композиции становятся также линии резкого перехода плотности. Наконец, пара сгущений по какому–то из аспектов плотности, расположенных на некотором расстоянии друг от друга, вводят простейший вид баланса, т. е. равновесия относительно некоторого центра.
Для баланса, очевидно, нужны как минимум три действующих лица: два объекта, связанных балансным отношением, и центр масс, относительно которого они уравновешены. Центр этот может быть воображаемой точкой, а может и совпадать с каким–то видимым элементом. Добавление третьего объекта с его плотностью смещает центр баланса точно так же, как смещается центр масс системы из двух тел при добавлении третьего. Вся композиция становится уравновешенной тогда, когда сгустки плотности по каждому из «измерений» (по цвету, текстуре и т. д.) разнесены достаточно далеко, обеспечивая устойчивость соответствующих центров масс, а центры масс скоординированы и либо лежат в непосредственной близости друг от друга, либо сами образуют уравновешенную конфигурацию.
Правило рычага. Эта стройная теория осложняется множеством факторов. Прежде всего, центр равновесия редко кажется расположенным посередине между двумя объектами — обычно он смещен в сторону того, который кажется нам тяжелее и компактнее (т. е. плотнее). Наиболее динамично и интересно выглядят именно те композиции, в которых баланс достигается не симметричными и равными по плотности группами объектов, а равновесием тяжелого «ядра» и асимметрично расположенной, менее плотной «периферии». Взгляните, к примеру, на рис. 15 на стр.99:
Рис. 40 Тяжелая, но компактная темная полоса по левому краю страниц www.books.ru (пример 15) уравновешивается легкой, но вынесенной далеко вправо асимметричной линейкой — разделителем блоков текста (значком ® на физических чертежах обозначают центр масс)
балансировка здесь происходит по диагонали, так что плотный верхний правый угол уравновешивает весь легкий, разреженный низ композиции. Центр равновесия в данном случае никак не выделен, его положение можно указать лишь приблизительно.