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

Купить книгу

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

К этому тексту применена
выключка влево (flush left).
Этот способ называется также
выравниванием влево.

Этот текст выключен вправо
(flush right). Говорят также
«выровнен вправо».

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

 

Например, про этот абзац сразу и не скажешь,
специально он выровнен по центру или, может
быть, случайно. Строки имеют неодинаковую
длину, но разница заметна слабо. Если сразу
нельзя определить, что текст центрирован,
зачем вообще его так выравнивать?

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

 

На одной странице можно применять выключку вправо и влево к разным абзацам одновременно. Только убедитесь, что вы точно выровняли текст!

burns-3

В данном примере заголовок и подзаголовок выровнены влево, а текст с описанием — по центру. Но эти два текстовых элемента не выровнены друг относительно друга, поэтому и зрительная связь между ними отсутствует.

burns-4

Здесь фрагменты текста тоже выровнены по-разному (верхний — влево, а нижний — вправо), но левый край абзаца с описанием выровнен по правому краю заголовка, что связывает верхний и нижний элементы невидимой линией. Следовательно, текст расположен именно так неслучайно!

Элементы страницы необходимо визуально выравнивать друг относительно друга. Если строчки текста расположены друг напротив друга по горизонтали, выровняйте их базовые линии. Если на странице присутствует несколько текстовых блоков, выровняйте их левые или правые края. Точно так же необходимо выравнивать края графических элементов. Нельзя помещать на страницу элементы как попало!

 

scheme-1

На этом рисунке видно сразу два недостатка, правда? Во-первых, не соблюден принцип приближенности, а во-вторых, далеко не все выровнено.

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

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

В каждой удачной работе можно провести линии, по которым выровнена информация, даже если она совершенно стихийна и представляет собою бессвязный набор странных объектов.

scheme-2

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

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

 

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

honor-1

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

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

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

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

honor-2

Найдите выразительный способ выравнивания и реализуйте его последовательно. Если к тексту применяется выключка влево, то и заголовки надо оформить также.

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

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

Обратите внимание на рваный край текста. Подгоните строки так, чтобы край был максимально ровным.

Фотографии или рисунки выровняйте по краю и/или по базовой линии.

 

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

laddle-1

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

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

laddle-2

Скажите, чем обусловлена разница между примерами на этой и предыдущей странице? Мысленно (или карандашом, если не жалко книгу) начертите линии, по которым выровнены элементы.

 

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

center-alley-1

Левый край текста красиво выровнен — это первая сильная линия. Левый край «фотографии» — это вторая сильная линия. А между текстом и иллюстрацией образовалось «замкнутое» белое пространство, образующее неуместный контур. Это пространство отдаляет окружающие его элементы друг от друга.

center-alley-2

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

Четко выраженное эффектное выравнивание можно нарушить осознанно, причем и нарушение будет выглядеть осознанным. Вся штука в том, что нельзя нарушать выравнивание робко. Либо делайте это от души, с размахом, либо не делайте вовсе. Больше решительности!

beers-1

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

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