Дизайн Пизанской башни

Почти все случаи употребления пря­мых, рассмотренные выше, пользуются горизонтальными и вертикальными линиями — и это не случайно. Горизонтали и вертикали (так же как и образуемые ими прямоугольники, о которых пойдет речь ниже) — самые естественные направления, определяемые неизбежной прямоугольностью компьютерного экрана и листа бумаги. Любое отклонение от этих до­минирующих направлений — опасный шаг, на который можно решиться только при крайней необходимости и с полным пониманием последствий. При этом наклон должен быть немедленно очевиден для взгляда, а не­значительные, едва заметные отклонения ни при каких обстоятельствах недопустимы. Даже если наклонная прямая будет не одинока, а поддержа­на всем строем композиции, результат может быть весьма неоднозначным (рис. 12). Пожалуй, можно рекомендовать лишь эпизодическое употре­бление наклонных прямых в тех случаях, когда это оправдано семантикой самого элемента — например, для линий выносок, которые чаще всего наклонны (пример 8) или для линии отбрасываемой тени (см. рис. 40 на стр. 158).

Прямоугольники

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

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

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

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

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

(о)

(б)

<a>

(г)

Рис. 13

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

в современном дизайне из-за своей ярко выраженной сим­метрии), но небольшие отклонения от квадратности, скорее всего, будут восприниматься как неточность или искажение, а не как художественный прием. Точно так же как при размещении материала на двумерной плоскости выгодно отдавать явное предпочтение одному из направлений перед другим (стр. 86), отдельно стоящий прямоугольник смо­трится лучше, если его ширина подчеркнуто больше или подчеркнуто меньше высоты.

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

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

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

Не нашли, что искали? Воспользуйтесь поиском: