Основы графического дизайна на базе компьютерных технологий
Шрифт:
Рис. 4.24. Шрифты как отражение художественного стиля: а – готика; б – Ренессанс; в – классицизм
Развитие наборных шрифтов шло не только во времени, но и в пространстве. Первые книги печатали только на латыни, но с развитием книгопечатания в разных европейских странах стали издавать тексты на своих национальных языках (итальянском, немецком, французском), в это же время начали разрабатываться национальные наборные шрифты. Особенности языка (скорость произношения, наличие твердых согласных, длинные гласные) находили отражение в начертании и пропорциях букв, расстояниях между символами и словами, наличии выносных элементов. На одной и той же графической основе создавались различные шрифты, передающие характер национальной речи: гарнитура Garamond была создана для французского, a Bodoni – для итальянского языка. Национальные гарнитуры выглядят наиболее гармонично в текстах, написанных на их «родном» языке. Полиграфисты-профессионалы считают, что текст на немецком, набранный, например, французским шрифтом, плохо читается и воспринимается с трудом. В тексте, написанном на немецком языке, много заглавных букв, поэтому слишком выразительное начертание прописных портит эстетическое восприятие и затрудняет чтение.
С развитием международных отношений потребовались шрифты одинаково удобные для разных языков. Нужны были универсальные, интернациональные формы. Одним из первых был шрифт печатной машинки. На рис. CD-4.25 приведены французский, английский и итальянский тексты, набранные шрифтом пишущей машинки. Он стал более популярным и активным, чем шрифты с ярко выраженным национальным характером.
Пишущие машинки отошли в прошлое, но шрифт жив. В рекламных изданиях или для выделения части текста иногда используют его компьютерный аналог. Современные технологии позволяют передать неравномерность штриха, различную
Шрифты, применяемые для набора больших объемов текста, просты в начертании, нейтральны, универсальны в отношении языка. Упрощение формы – характерная черта технического прогресса.
Современные требования, как к шрифту, так и ко всему документу в целом – ясность и функциональность. Выделение элементов публикации и их упорядочение определяет структуру документа и создает композицию определенного характера.
4.6.2. Основные элементы публикации
Обрез страницы — край страницы (физическая граница листа).
Верхнее поле — часть страницы от верхнего обреза до верхней границы полосы набора.
Нижнее поле — пространство от базовой линии последней строки текста до нижнего обреза. На верхнем и нижнем поле часто располагаются колонтитулы и номера страниц.
Внутреннее поле — пространство между переплетом и полосой набора текста.
Внешнее поле — пространство между внешним боковым обрезом страницы и полосой набора текста.
Верхний колонтитул — строка текста, помогающая читателю быстро ориентироваться. Может содержать имя автора, название публикации или главы, название фирмы и т. д.
Нижний колонтитул — строка в нижней части страницы. Может содержать номер страницы, дату, телефоны и адрес на фирменном бланке и т. д.
Рубрика — короткая строка над заголовком, определяющая, к какой категории относится материал.
Заголовок — название статьи, главы и т. д.
Подзаголовок — заголовок подраздела.
Врезка — небольшой самостоятельный материал, имеющий собственный заголовок, окруженный рамкой и размещенный отдельно от основного текста в любом месте страницы.
Рамка — линия, ограничивающая фон, часть текста или иллюстрацию. Фон — подложка, фон для текста или иллюстрации.
Элемент под обрез — фотография, иллюстрация или фон, выходящие при верстке за обрез страницы.
Подрисуночная подпись — текст, поясняющий иллюстрацию.
Основной текст — основной материал публикации.
Межколонник — расстояние между колонками текста.
Бирка — строка, содержащая развернутую информацию о материале.
Вставка — предложение или отрывок, извлеченные из основного текста и напечатанные крупным шрифтом (выделенная цитата или реклама).
Обтекающий текст — текст, обтекающий графический элемент.
Декоративный знак — используется для разделения фрагментов на странице или маркировки элементов списка.
Окно под иллюстрацию — прямоугольник, указывающий положение и размеры иллюстрации, которую нужно вклеить на страницу.
Выноска — подпись, комментирующая часть иллюстрации.
Отточие — ряд точек, указывающих, к какой строке относится данный текст, например, в оглавлении, таблицах, выводах.
Буквица — увеличенная первая буква первого абзаца начальной полосы, базовая линия которой ниже на одну или несколько строк базовой линии первой строки основного текста.
Выступающий инициал увеличенная прописная буква в начале строки. Базовая линия совпадает с базовой линией первой строки.
Строка продолжения или прыгающая строка — строка, в которой указан номер страницы с продолжением статьи, например, «продолжение на стр. №».
Отбивки — величины интервалов до и после абзаца.
Конечно, вряд ли на одной странице или в одном документе встретятся все перечисленные элементы публикации, но если вы будете заниматься дизайном текстовых страниц или версткой, вы обязательно столкнетесь с этими терминами, это будет Ваш профессиональный язык.
4.6.3. Форма печатного документа
При беглом взгляде на печатную страницу, текст в первую очередь воспринимается как форма. Особенно это характерно для текстов на незнакомом языке.
Иногда форма намного интереснее и выразительнее содержания. Полноцветные листовки, яркие огни светящихся реклам большого города привлекают внимание независимо от смысла написанного.
Как и шрифт, форма текстовых блоков на странице менялась со временем. Типографика готических манускриптов выглядит тяжелой и плотной, книги эпохи барокко – нарочитыми и вычурными, начало XX века дало образцы текстов динамичной формы футуризма и строгой линейности конструктивизма (рис. CD-4.27). Слишком выразительная форма печатной страницы затрудняет чтение, но в оформлении обложек и в рекламных листках она оправдана и уместна.Требования к форме текста
В отличие от формальной или декоративной композиции, к компоновке текста на полосе предъявляются жесткие требования: типографическая форма не должна мешать читать, заслонять смысл написанного.
Работая над дизайном, нужно рационально выбирать гарнитуру шрифта, кегль, ширину полосы набора, интерлиньяж. Целесообразно организованная страница получается красивой. Хорошо продуманное железнодорожное расписание зачастую выглядит более эстетично, чем плакат с мешаниной несоответствующих друг другу декоративных шрифтов.
Беглость чтения зависит от ширины полосы набора, интерлиньяжа, выключки.
Выключкой называют компоновку строк текста в текстовом блоке. Возможны пять вариантов выключки (рис. 4.28):
□ влево – строки выравниваются по левому краю и образуют неровный край справа;
□ по центру – строки выравниваются по центру и оба края получаются неровными;
□ вправо – левый край неровный, большой блок текста читается с трудом, так как мы читаем слева направо;
□ по формату – выравниваются обе стороны текстового блока, при этом междусловный пробел становится переменным;
□ полная принудительная выключка отличается от выключки по формату оформлением концевой строки абзаца: она принудительно растягивается до полной ширины колонки увеличением пробелов, в том числе и внутри слов.
Рис. 4.28. Выключка
Полоса текста, состоящая из строк, имеет одновременно вертикальный и горизонтальный строй. Поэтому важно следовать изложенным ниже правилам.
Строка не должна быть длиннее 150–170 мм. Очень важно для удобочитаемости количество знаков в строке, оптимально – от 50 до 60. Длинные строки не только усиливают горизонтальное членение, но и утомляют зрение. Кроме того, начало строки читается внимательнее, чем конец, и если полоса набора слишком длинная, восприятие информации ухудшается. Как правило, чем длиннее строки, тем больше должен быть кегль шрифта.
С другой стороны, короткие строки узкого столбца текста заставляют глаз слишком часто переходить на нижний уровень. Как правило, текст в колонках выключается по формату, а это увеличивает количество переносов и неравномерность междусловных пробелов, часто приходится вручную регулировать интервалы между буквами и словами.
Внимательно относитесь к выключке. Ровные левый и правый края полосы набора ускоряют чтение и делают форму текста более четкой и строгой. Выключка по левому краю вносит в дизайн страницы дополнительный ритм, придает им менее официальный характер.
Кегль, интерлиньяж и отступы между абзацами определяют вертикальное членение полосы текста. Если интерлиньяж слишком маленький – строки сливаются, страница становится более плотной, невыразительно серой. Слишком большой интерлиньяж несколько замедляет чтение и акцентирует линейное восприятие, усиливается эффект белых полос между строк.
Белое пространство листа играет огромную роль. Со времен Ренессанса и в живописи, и в архитектуре, и в типографике пространство не только создает второй план, оно окружает объект, давая ощущение трехмерности. В современном искусстве пространство еще более активно, это равноценный элемент композиции.
Контрформа (белый незаполненный фон) так же важна, как и форма (знаки текста). Чем плотнее набор и меньше межбуквенные интервалы, тем активнее контрформа, тем ярче выглядит белый цвет внутрибуквенных пробелов, это обусловлено эффектом иррадации, когда светлые предметы на темном фоне кажутся больше и ярче (рис. 4.29).
Рис. 4.29. Возрастание активности контрформы
В главе 3 мы говорили, что в формальной композиции элементы и пространство должны
В современном типографическом дизайне очень популярны большие свободные площади – пустое пространство на листе, например, между полосой текста и иллюстрацией. Это не пустота незаполненного фона, а очень важный элемент дизайна. Согласно восточной философии, именно пустое пространство определяет сущность формы: сущность горшка в пустоте внутри, без нее это просто комок глины; сущность дома не в стенах, окнах и дверях, а в том, что находится между ними (рис. 4.30).
Рис. 4.30. Использование свободного пространства в дизайне обложки книги
Ритм
Вы уже знаете, что ритм – одна из основных характеристик композиции. Очевидно, что рукописные шрифты обладают ярко выраженным ритмом, но и в наборных шрифтах соотношение между тонкими и толстыми штрихами формирует ритмическую структуру. Кроме того, ритм в шрифте задается расстояниями между вертикальными линиями букв, углом наклонных штрихов, надстрочными и подстрочными элементами.
В ритмической организации отдельных слов огромную роль играют межбуквенные пробелы. Ускорять или замедлять ритм шрифта можно с помощью трекинга (рис. 4.31).
Рис. 4.31. Пример ритма в шрифтах
Ритм текстового абзаца создают округлые и острые контуры букв, расстояние между словами и строками, начало и конец абзаца, красная строка, курсив, жирное выделение, использование разных кеглей.
Различные пробелы между словами в строке увеличивают напряженность ритма. Узкие пробелы ослабляют эту напряженность, одинаковые – приближают ритмический ряд к метрическому. Особенно ярко ритм выражается в чередовании длинных и коротких строк, например, при выключке влево. Большие различия в длине строк вызывают сильное ритмическое движение. Это может отрицательно сказаться на удобочитаемости.
Сам формат листа – тоже ритмическое образование. Прямоугольная страница более ритмична, чем квадратная. Ритм полосы набора может контрастировать формату страницы или соответствовать ему, можно создавать интересное чередование ритма за счет узких столбцов и длинных строк, но, увлекаясь построением ритмической композиции, не забывайте об удобочитаемости.
Многостраничные печатные издания воспринимаются «во времени». От страницы к странице читатель движется, подчиняясь определенному ритму, и этот ритм организуется оформлением книги: буквицами, заголовками, титульными листами, заставками, иллюстрациями. По словам Владимира Фаворского, книга – «пространственное произведение, изображающее литературное произведение». Страницы составляют метрическую основу книги, необходимую для организации движения вглубь.Членение
Весь печатный материал должен быть систематизирован и размещен так, чтобы в тексте было легко ориентироваться. Известен оптимальный для восприятия объем текста, который можно поместить на одной странице определенного формата, но кроме объема очень важно логическое членение текста. В идеале, печатная страница – художественное произведение, которое цельно, и, в то же время, обладает внутренней сложностью.
Периодическое издание большого объема (толстую газету, еженедельный журнал) редко читают от первой до последней строки. Необходимо, во-первых, акцентировать внимание на главном материале, во-вторых, каждую статью нужно структурировать так, чтобы как можно больше облегчить восприятие.
Для выделения важнейших частей сплошной текст можно разбить линейками и абзацными отступами, использовать полужирный шрифт, укрупненный кегль, выделять текст цветом, вывороткой.
Эти приемы формообразования помогают организовать текст как эстетически, так и функционально. Пример – один и тот же текст, без членения и организованный различными способами – приведен на рис. 4.32.
Упражнение 4.6В CorelDRAW создайте страницу с текстом. Композиция должна содержать только текстовые блоки. Структурируйте страницу с помощью различных способов выделения.
Рис. 4.32. Различные приемы членения текста
4.6.4. Модульная сетка
Работа над дизайном текстовой страницы, как правило, начинается с создания модульной сетки. Это вертикальные и горизонтальные линии, разбивающие страницу на отдельные зоны, определяющие местоположение основного текста, заголовков, сносок и других элементов публикации. Даже если кажется, что оформление страницы выполнено в свободной манере, со множеством иллюстраций различных форм и произвольно расположенными абзацами текста, наверняка в основе верстки лежит хорошо продуманная модульная сетка. Особенно важна сетка для многостраничных документов. Она помогает сохранить единый стиль оформления текстового документа.
Одноколонные документы
Чем меньше колонок на странице, тем проще сетка. Как правило, одноколонный документ строг в оформлении, работа дизайнера в нем почти не видна, но простота стиля вызвана зачастую серьезностью документа: отчет, инструкция, доклад, и т. д. Обычно это текст, предназначенный для быстрого прочтения. Такой стиль оформления характерен для документов односторонней печати, где страницы соединяются скрепками или подшиваются в дело.
В одноколонных макетах не изощряются в дизайне заголовков или иллюстраций, но простые графические элементы – линии, инициалы, оформление колонтитулов, выбор шрифтов – делают эти страницы эффектными и оставляют впечатление продуманности.
Длинную строку труднее читать, чем короткую, поэтому одноколонные страницы могут казаться плотными и непривлекательными. Чтобы решить эту проблему, при макетировании одноколонного документа рекомендуются:
□ строгая структура страницы;
□ большие поля (порядка 3 см), набор крупным кеглем (10–13 пт);
□ большие межстрочные интервалы (например, рубленая гарнитура, 10/16 пт);
□ увеличенные интервалы между абзацами;
□ использование графических элементов;
□ выключка текста по формату.
Хорошо смотрится набранное в верхней части страницы название фирмы или темы документа. В больших текстах удобно использовать маркированные абзацы, выделяющие ключевые моменты.
Выделенные полужирным подзаголовки разделяют части документа и формируют строгую горизонтальную сетку, облегчающую быстрый просмотр документа.
Структуру страницы можно подчеркнуть абзацными линиями разной толщины. Опорными элементами могут быть, например, линии в верхней и нижней частях страницы.
Схемы и диаграммы можно располагать по центру на всю страницу или половину страницы, справочную информацию – внизу листа (рис. CD-4.33).
Одноколонный документ можно дополнить произвольно размещенными иллюстрациями, разнообразно оформленными заголовками.
Для того чтобы сделать оформление одноколонного документа более динамичным, можно:
□ оживить текст выключкой заголовка влево или вправо;
□ уменьшить ширину колонки и сдвинуть ее в сторону, а заголовок расположить по центру страницы;
□ для разных частей основного текста использовать шрифт разного кегля;
□ использовать в качестве фона полутоновое изображение, оптическую плотность изображения нужно ослабить настолько, чтобы оно не мешало чтению текста;
□ очень эффектно смотрится нетрадиционное применение линий, например, выходящих за обрез;
□ текст может быть представлен как графический элемент, при этом он должен содержать цветовые акценты или выделения и по размеру соответствовать имеющимся иллюстрациям;
□ интересен прием использования выворотного текста, например, для заголовков рубрик или подрисуночных подписей. Удачно выглядит использование обычного и выворотного текста на тонированной бумаге.
Широкие поля вокруг колонки часто используют для фрагментов текста, графики и комментариев. Зрительное восприятие улучшается, если заголовки и иллюстрации частично выступают из текстовой колонки на это поле.Многоколонные документы
Одноколонные макеты легко создать в любом текстовом редакторе, но для верстки многоколонного документа удобнее использовать специализированную программу верстки. Такие программы позволяют быстро компоновать многоколонные макеты, гибко работать с модульной сеткой и шаблонными страницами.
Использование двухколонной сетки очень экономично, так как позволяет разместить на странице много текста, но не стоит увлекаться экономией бумаги. Пробелы и иллюстрации намного улучшают восприятие информации.
Две колонки предоставляют большую свободу в выборе размера и положения заголовка.
Следует помнить:
□ заголовки не стоит располагать слишком близко к началу или концу колонки;
□ заголовки в соседних колонках не должны выстраиваться в одну линию;
□ базовые линии строк в смежных колонках следует выравнивать по высоте;
□ две колонки основного текста можно сместить к левому или правому краю, а оставшееся место использовать для иллюстраций и выносных комментариев.
Такую разметку страницы удобно сделать на основе пятиколонной сетки, объединив попарно два крайних и два средних столбца. Асимметричная сетка выглядит менее официально. С помощью дополнительной узкой колонки часто выделяются ключевые моменты текста (можно набирать их полужирным или другой гарнитурой).
Особенно удобно применять двухколонный макет при горизонтальной (альбомной) ориентации страницы. Вообще страницы нестандартной формы требуют особого дизайна. Часто размещение материала в таких макетах не подчинено жестким правилам и напоминает коллаж. Заголовки могут располагаться и по вертикали, и по горизонтали. Можно менять расположение колонцифр, а фотографии оформлять в рамки, обтекать текстом, располагать под обрез – в любом случае аккуратный вид и хорошее восприятие достигаются за счет большого свободного пространства.