Основы графического дизайна на базе компьютерных технологий

Рис. 4.30. Использование свободного пространства в дизайне обложки книги

Ритм

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

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

Рис. 4.31. Пример ритма в шрифтах

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

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

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

Многостраничные печатные издания воспринимаются «во времени». От страницы к странице читатель движется, подчиняясь определенному ритму, и этот ритм организуется оформлением книги: буквицами, заголовками, титульными листами, заставками, иллюстрациями. По словам Владимира Фаворского, книга – «пространственное произведение, изображающее литературное произведение». Страницы составляют метрическую основу книги, необходимую для организации движения вглубь.

Членение

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

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

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

Эти приемы формообразования помогают организовать текст как эстетически, так и функционально. Пример – один и тот же текст, без членения и организованный различными способами – приведен на рис. 4.32.Упражнение 4.6

В CorelDRAW создайте страницу с текстом. Композиция должна содержать только текстовые блоки. Структурируйте страницу с помощью различных способов выделения.

Рис. 4.32. Различные приемы членения текста

4.6.4. Модульная сетка

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

Одноколонные документы

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

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

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

□ строгая структура страницы;

□ большие поля (порядка 3 см), набор крупным кеглем (10–13 пт);

□ большие межстрочные интервалы (например, рубленая гарнитура, 10/16 пт);

□ увеличенные интервалы между абзацами;

□ использование графических элементов;

□ выключка текста по формату.

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

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

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

Схемы и диаграммы можно располагать по центру на всю страницу или половину страницы, справочную информацию – внизу листа (рис. CD-4.33).

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

Для того чтобы сделать оформление одноколонного документа более динамичным, можно:

□ оживить текст выключкой заголовка влево или вправо;

□ уменьшить ширину колонки и сдвинуть ее в сторону, а заголовок расположить по центру страницы;

□ для разных частей основного текста использовать шрифт разного кегля;

□ использовать в качестве фона полутоновое изображение, оптическую плотность изображения нужно ослабить настолько, чтобы оно не мешало чтению текста;

□ очень эффектно смотрится нетрадиционное применение линий, например, выходящих за обрез;

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

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

Многоколонные документы

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

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

Две колонки предоставляют большую свободу в выборе размера и положения заголовка.

Следует помнить:

□ заголовки не стоит располагать слишком близко к началу или концу колонки;

□ заголовки в соседних колонках не должны выстраиваться в одну линию;

□ базовые линии строк в смежных колонках следует выравнивать по высоте;

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

Такую разметку страницы удобно сделать на основе пятиколонной сетки, объединив попарно два крайних и два средних столбца. Асимметричная сетка выглядит менее официально. С помощью дополнительной узкой колонки часто выделяются ключевые моменты текста (можно набирать их полужирным или другой гарнитурой).Особенно удобно применять двухколонный макет при горизонтальной (альбомной) ориентации страницы. Вообще страницы нестандартной формы требуют особого дизайна. Часто размещение материала в таких макетах не подчинено жестким правилам и напоминает коллаж. Заголовки могут располагаться и по вертикали, и по горизонтали. Можно менять расположение колонцифр, а фотографии оформлять в рамки, обтекать текстом, располагать под обрез – в любом случае аккуратный вид и хорошее восприятие достигаются за счет большого свободного пространства.

Трехколонные сетки

Наиболее распространенный в полиграфии вариант – набор текста в три колонки. Такую сетку применяют в журналах, каталогах, годовых отчетах. Популярность трех колонок обусловлена тем, что оправдано применение относительно мелкого шрифта (9—10 пунктов), который, тем не менее, легко читается, материал удобно разбивать на небольшие фрагменты или модули, применять различное графическое оформление ранжирования материала по важности.

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

□ Заголовки, иллюстрации, врезки можно размещать в пределах одной, двух или всех трех колонок.

□ Удобно использовать в рамках модульной сетки как большие, так и маленькие фотографии (иллюстрации).

□ Ритм страницы создается как вертикальным членением, так и горизонтальной структурой.

□ При строго организованном тексте свободно расположенные фотографии создают ощущение динамики, движения.

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

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

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

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

Увеличение числа колонок приводит к уменьшению ширины колонки, а это требует особого подхода при верстке:

□ шрифт должен быть малого кегля, но при этом хорошо читаться;

□ частые переносы затрудняют чтение, по возможности их нужно избегать;

□ так как в узкой строке помещается мало слов, при выключке по формату появляются белые «коридоры», поэтому приходится тщательно подбирать параметры текста, например, корректировать интервалы между словами.

Многоколонные сетки позволяют использовать не выравненные ни по верху, ни по низу «прыгающие» столбцы, это особенно удобно, если текст обтекает иллюстрацию или если требуется асимметричное расположение элементов. На страницах с многоколонной сеткой иллюстрации могут занимать по ширине одну или несколько колонок, два-три узких текстовых столбца могут быть объединены в один широкий. Некоторые колонки могут быть оставлены пустыми, при этом на разных страницах получится неодинаковое число колонок, но базовая структура все равно прослеживается, создавая единый стиль публикации. Узкие колонки часто разделяют вертикальными линиями, они подчеркивают четкую структуру страницы (рис. CD-4.34).

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

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

4.7. Создание публикаций рекламного характера

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

4.7.1. Типографические приемы

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

Иное дело – реклама. Задача типографики в дизайне коротких рекламных документов – заинтересовать читателя. Реклама открывает почти безграничные возможности для игры шрифтами, в ней можно делать даже то, чего, вообще говоря, делать нельзя. Содержание текста, несомненно, важно, но первая задача грамотно выполненной рекламы – привлечь к ней внимание. При этом если и страдает удобочитаемость, это компенсируется визуальным восприятием, тем более, что сначала охватывается взглядом весь объем страницы, форма, и только потом прочитывается информация. Разнообразные оригинальные приемы вполне допустимы в небольших по объему текстах. Для того чтобы взгляд «зацепился» за текст, типографическое воплощение слова и его смысл должны быть согласованы. Например, слово «синий» можно набирать буквами синего цвета, допустимо переворачивать или переставлять буквы, произвольно менять кегль, применять другие эффекты.

Использование трансформированных шрифтов и контрформы в заголовках, на плакатах, обложках буклетов, помогает передать смысл теста, усиливает восприятие за счет визуального эффекта. На рис. CD-4.35 в качестве примера приведены работы Мелль Хаммера (Melle Hammer), дизайнера из Амстердама, опубликованные в журнале «Дизайнер» (№ 3, 2003 г.).

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

Любой шрифт изначально имеет динамичную форму. Даже в буквах, графемы которых симметричны и статичны (Т, О, П, Ж, Ф), неподвижность пропадает в рукописном варианте за счет наклона и изменения толщины штрихов. Композиция большинства букв алфавита (К, Б, Е, В, И, Г) передает движение по ходу чтения: слева направо. Во время чтения глаза все время движутся: сначала по горизонтальной строке вправо, затем быстро к началу новой строки влево, и в целом сверху вниз по странице. Следовательно, типографика всегда связана с движением. Движение может быть неявным, если текстовая колонка набрана с выключкой по формату и равными полями, или подчеркнутым за счет специальных эффектов, например, в рекламном текстовом плакате, причем направление движения может быть любым (рис. CD-4.36).