Веб-дизайн


Прямые


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

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

Рис. 10

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

93

на плоскости, стр. 109) и даже текстуру поверхности (как обращенной к зрителю, так и контурной, стр. 117).

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

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

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

Все визуальные аспекты соединительных линий выдают их техногенное происхождение. Прежде всего, в подавляющем

94



Рис. 11

Вспомогательные построения из прямых и дуг как художественный прием







Рис. 12

Стремление по­строить устойчивую компози­цию на основе наклонных линий завело дизайнера слишком дале­ко (www.yandex.ru )

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

Другой источник «линейной темы» в дизайне — вспомо­гательные прямые на чертежах и набросках (аналогичные им вспомогательные горизонтали и вертикали есть и в век­торных графических редакторах). Желая стилизовать свою графику (чаще всего шрифтовой заголовок) под «набросок», дизайнер проводит несколько неярких горизонтальных, вер­тикальных линий или дуг окружности через узловые точки контура (рис. 11). Разновидностью этого приема является визуализация базовой линии (baseline) текста — попросту говоря, горизонтальное подчеркивание, вплотную прижа­тое к буквам (пример 4), визуально родственное заголовкам с тесно прилегающими друг к другу строками (стр. 143).


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