Выравнивание ч1

Купить книгу

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

Получается что-то вроде всем известного легкого беспорядка на кухне: тут — чашка, там — тарелка, в раковине — кастрюля, а на полу — салфетка. Такой беспорядок ликвидировать достаточно просто — не труднее, чем поправить неряшливый дизайн страницы, элементам которой не достает выравнивания.

Принцип выравнивания гласит: никакой элемент страницы не должен располагаться случайным образом. Каждый из них необходимо визуально связать с каким-то другим. Данный принцип принуждает дизайнера действовать осознанно — нельзя расположить элемент где-либо только потому, что там нашлось свободное место.

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

 

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

business-card-4

Элементы оформления как будто просто разбросаны по поверхности. Взаимосвязи между ними отсутствуют.

Подумайте, какие элементы можно сгруппировать, а какие, наоборот, отдалить друг от друга.

business-card-5

Если все элементы сдвинуть вправо и выровнять одинаково, они упорядочатся, а визитка сразу обретет структуру (конечно, положительную роль сыграет и сближение связанных элементов).

У текстовых фрагментов теперь есть общая граница, связывающая их воедино.

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

business-card-3

Текст разбит на логические группы, и визитка в целом выглядит удачно. Текст выровнен по центру как относительно границ абзацев, так и относительно самой визитки.
Такой способ выравнивания имеет полное право на жизнь, но он делает края визитки «мягкими», сила линий не ощущается.

business-card-6

Невидимая линия, соединяются текст, проходит здесь.

Логическое разбиение аналогично предыдущему, но вместо выравнивания по центру применена выключка вправо. Вы видите справа «жесткую» линию?

Прочная невидимая линия связывает края групп текста. Читатель видит границу. Выразительность этой границы придает выразительность и всей визитке.

Вас так и тянет выровнять все по центру? Именно так чаще всего поступают новички — это надежный и очень удобный способ. Выключка по центру придает документу более официальный, спокойный, стандартный и очень часто посредственный вид. Обратите внимание на дизайнерские работы, которые вам нравятся. Ручаюсь, что в них выравнивания по центру не окажется. Я знаю, как нелегко новичку отказаться от этого, поначалу придется себя заставлять. Но если вы объедините в своих работах принцип приближенности с выключкой вправо или влево, результат вас приятно удивит.

business-plan-1

  1. Так выглядит типичная обложка типичного отчета. Результат стандартного подхода — безликая посредственность, имеющая вид любительской поделки, способная произвести на читателя неблагоприятное впечатление.
  2. Выраженная выключка влево создает более утонченное впечатление. Имя автора далеко отстоит от заголовка, но невидимая линия, создаваемая выровненным текстом, связывает два текстовых блока.

У дизайнера, занимающегося разработкой фирменных бланков, конвертов и других носителей фирменного стиля, богатый выбор возможностей! Однако слишком часто все это богатство кончается банальным выравниванием по центру. Расположение элементов на фирменном бланке может быть весьма произвольным, но с выравниванием надо быть аккуратнее.

mom-n-pop-1

  1. Нельзя сказать, что это плохо, но выравнивание по центру лишает бланк выразительности, а рамка закрывает пространство, создавая ощущение замкнутости.
  2. Выключка влево делает его немного более утонченным. Пунктирная линия теперь проходит только по левому краю, что подчеркивает выравнивание и открывает страницу

mom-n-pop-2

  1. А это выключка вправо. Текст набран несколько иначе.
  2. Здесь вы видите выключку вправо в сочетании со смелостью и уверенностью!

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

palm-1

  1. Выровнено но центру. Действительно довольно скучно.
  2. Если уж вы собрались выровнять текст по центру, то, по крайней мере, подчеркните это!

palm-2

  1. Поэкспериментируйте, смещая центрированный текст.
  2. Центрируя текст, постарайтесь найти способ сделать его более выразительным.

Странице с текстом, выровненным по центру, можно придать некоторую оригинальность, сместив текстовый блок от центра влево или вправо. Можно также расположить текст ближе к верхнему краю страницы, чтобы нарушить идиллическую симметричность, или выбрать совсем необычный шрифт. Но ни в коем случае не Times в 12 пунктов! Предостерегу вас и от разделения строк при помощи двойного нажатия клавиши Enter (Return)!

burns-1

  1. Именно такое выравнивание по центру и снискало этому способу оформления дурную славу: набивший оскомину шрифт, слишком большой кегль, стиснутый текст, двойные нажатия Enter и никому не нужная рамка.
  2. Выравнивание по центру требует особого подхода, иначе оно неэффективно. В данном случае выбрана классическая гарнитура, правильно подобранный небольшой (относительно) кегль, расстояние между строками увеличено, текст щедро окружен белым пространством, рамки нет.

burns-2

  1. Подчеркните выравнивание по центру в изящном вертикальном макете. Лист бумаги тоже должен быть ориентирован вертикально.
  2. Если текст, выровненный по центру, вытянут в ширину, то и лист бумаги должен быть ориентирован горизонтально.