Веб-дизайн

Размещение


Чтобы покончить с пространственными отношениями, нам осталось рассмотреть типы и законы размещения эле­ментов друг относительно друга в композиции. Поскольку о влиянии формы, цвета и других факторов на про­странственные отношения уже говорилось выше, здесь мы

85

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

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

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

Особый, важный для практики случай размещений пред­ставляют собой различные типы расположения элементов текста, т. е. режимы выравнивания и выключки строк, выбор межстрочного расстояния и т. п. Об этом мы будем подробнее говорить на стр. 141.


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

Рис. 39

Выравнивание в со­четании со строгой осевой симметрией — классический, «античный» стиль

146

сильнодействующий прием текстового выделения (примерно эквивалентный очень сильной разрядке).

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

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




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



Содержание раздела