ТИПОГРАФИКА. ОСНОВЫ ПРИМЕНЕНИЯ ШРИФТА

Типографика. Основы применения шрифта

Приступая к шрифтовому решению проекта по разработке логотипа, следует внимательно проанализировать эстетику знака.
Шрифт — это совокупность знаков (characters): букв, цифр, символов, знаков пре­пинания и т. д., которые спроектированы для совместного применения. Шрифт является таким же значимым инструментом выразительности, как цвет и форма.
Шрифтовой файл (font) — это описание гарнитуры шрифта в компьютерных кодах, содержит полную информацию, необходимую для позиционирования и отображения всех знаков, которые он представляет.
Типографика — это образный строй, создаваемый при помощи текстовых блоков основного набора и элементов акциденции. Типографика — искусство расположе­ния шрифта и других компонентов набора на площади печатной страницы или в пространстве печатного издания. [4]
Основа основ типографики — выбирать и использовать шрифт с умом и не забывать о том, что буква (литера) — это отдельное миниатюрное произведение искусства. Когда шрифт выбран неудачно, смысловое значение слов и зрительный ряд, заключенный в литерах, вступают в противоречие.
Применение шрифтов в дизайне можно считать примером заочного совместного творчества со шрифтовым дизайнером. Поэтому бережное и уважительное отно­шение к шрифту является необходимым качеством профессионального дизайнера. Небрежное обращение с типографикой выдает дилетанта.
Дизайнер должен понимать культурный контекст проекта, приступая к работе с типографикой, особенно с учетом того факта, что множество современных шриф­тов разработано по историческим ремесленным образцам. Углубление понимания исторической базы шрифтовых образцов на сегодняшний день возможно благодаря многочисленным сетевым изданиям.
Пять задач типографики:
1)   «пригласить» читателя в текст;
2)    выявить содержание и смысл текста;
3)    прояснить структуру и последовательность текста;
4)    связать текст с другими элементами издания;
5)   ввести читателя в состояние насыщенного энергией покоя, которое идеально для чтения.
Для грамотной работы с типографикой нужны знания в области теории шрифта. Шрифтовой комплект с определенными стилистическими характеристиками назы­вается гарнитурой (fontfamily).
Гарнитура — это обладающее собственным наименованием семейство начер­таний шрифта, имеющих общие стилевые особенности и детали рисунка знаков, но отличающихся друг от друга насыщенностью, пропорциями и углом наклона знаков. Каждая гарнитура характеризуется своими гарнитурными признаками (рис. 44).
Слева на иллюстрации — фрагмент программного кода шрифтового файла {font) New Century Schoolbook, в котором описаны все параметры того, как должны выгля­деть буквы гарнитуры. Справа — гарнитура (typeface) New Century Schoolbook, набор знаков, обладающих общими характерными признаками, которые и определяют его дизайн.
Базовая классификация наборных (текстовых) шрифтовых гарнитур — шрифты с засечками и без. Шрифты с засечками называются антиква (или антиквенными), без засечек — гротеск (англ, serif/sans serif).
Засечка — это короткий, обычно перпендикулярный штрих, с которого начинается и которым заканчивается основной штрих буквы (рис. 45).

Рис. 44. Код шрифтовой гарнитуры и основной шрифтовой комплект знаков

Рис. 45. Засечки

Шрифты с засечками отличаются большим контрастом. Контраст — это разница толщины основных и дополнительных штрихов. На рисунке 46 показаны основные и дополнительные штрихи гротеска Helios и антиквы Times.
Существуют три большие группы шрифтовых гарнитур: антиква, гротеск и деко­ративные шрифты (рис. 47). Каждая из этих групп делится на подгруппы. Антиква: старого стиля, переходная, новая, брусковая. Гротеск: гуманистический, геометри­ческий, новый. Категория декоративных (акцидентных) шрифтов разнообразна, основные группы — рукописные, орнаментальные, имитирующие исторический стиль.


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

Рис. 46. Основные и дополнительные штрихи гротеска и антиквы

Рис. 47. Три основные группы шрифтов

Рис. 48. Экранные шрифты

Гарнитура шрифта включает начертания — вариации наклона, ширины и жир­ности на основе общего графического принципа гарнитуры. Начертание — вариант рисунка наборного шрифта одной гарнитуры (рис. 49).

Рис. 49. Начертания шрифта Helvetica

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

—    декоративной обработкой контура знаков (контурное, оттененное и др.). [13] Количество начертаний в составе различных гарнитур варьируется, но в основ­ном это:

—      прямое (имеет несколько вариантов названий: normal, regular, book, roman)-,
—      курсивное (italic, oblique);
—      жирное (bold, black).
Встречаются более обширно разработанные шрифтовые семейства, включающие:
—      тонкое (light, thin, ultralight);
—      узкое (condensed);
—      ультраузкое (compressed);
—      широкое (extended);
—      ультражирное (black)
и комбинации этих начертаний, например:
—      широкое жирное наклонное (extended black italic),
—      тонкое узкое (condensed thin).
На рисунке 50 показаны начертания шрифта Helvetica и их названия.

Рис. 50. Начертания шрифта Helvetica и их названия

Антиквенные гарнитуры чаще всего включают прямое, курсивное, жирное и курсивное жирное начертания. На рисунке 51 показаны начертания шрифта Times New Roman.
Существует различие между понятиями «наклонный шрифт» и «курсив» (рис. 52). Первый вариант — наклонный (oblique) — чаще относится к шрифтам без засечек и представляет собой механически1 наклоненные литеры, то есть получаемые путем скоса прямых букв. Курсив (italic) — это начертание шрифта, происходящее от рас­пространенного итальянского почерка эпохи Возрождения и имеющее значительные отличия от основного прямого начертания, тяготеющее к рукописному варианту. Тем не менее в начертаниях многих гротесков применяется термин «курсив» (italic) для обозначения наклонного начертания.
Большое количество вариаций начертаний в одной гарнитуре присуще гротескам. Такие гарнитуры называются супергарнитурами. Выдающийся пример обилия на­чертаний — гарнитура Univers Адриана Фрутигера 1957 года (рис. 53). Для Univers разработано 27 начертаний.
И шрифты с засечками, и шрифты без засечек имеют длительную историю разви­тия. Для набора длинных текстов по-прежнему предпочитают шрифты с засечками, поскольку так они легче читаются. Наиболее распространенными шрифтами для книжного, журнального, газетного набора остаются переходные антиквы. В част­ности, к этому типу относится общепринятый в официальном документообороте шрифт Times New Roman. Гротески используют скорее с целью выделения, например, заголовков и других крупных надписей, хотя новейшие шрифты этого класса могут успешно применяться и для набора текста.
Акциденция — это выделение шрифта в верстке или плакатной графике. Для создания образных надписей существует множество приемов. Один из них — применение векторной кривой в качестве базовой линии шрифта. Несмотря на кажущуюся простоту, этот прием требует внимательного отношения и тонких корректировок.

Рис. 51. Начертания шрифта Times New Roman

Рис. 52. Наклонное и курсивное начертание

Рис. 53. Гарнитура Univers Адриана Фрутигера

Текст по пути (text on a path) (рис. 54). Буквы имеют плоское основание, поскольку рассчитаны стоять на строках. Поэтому при размещении на выпуклых или вогнутых линиях они кажутся неустойчивыми и отклоняются от параллели с соседними бук­вами. Также можно заметить, что основания широких букв (на примере это пик) касаются контура под разными углами. Этот эффект более выражен, когда кривизна контура больше.
Узкие начертания несколько лучше смотрятся на кривой линии, поскольку буквы имеют узкие основания и легче повторяют контур (рис. 55).
Искривленная базовая линия создает не вертикальные, а трапециевидные про­белы между буквами, поэтому на выпуклом контуре вершины литер отодвинуты (рис. 56), а на вогнутом прижимаются друг к другу.


Рис. 54. Текст по пути. Красными линиями показаны вертикальные оси букв

Рис. 55. Текст по пути. Узкое начертание

Рис. 56. Текст по пути. Трапециевидные пробелы

Автоматический кернинг (расстояние между знаками в системе одной гарнитуры), рассчитанный разработчиками при создании шрифта, при таком использовании не работает, и требуется компенсировать эти нюансы вручную. В случае со строчными буквами визуальных проблем может быть меньше, поскольку многие строчные имеют верхние и нижние выносные элементы, и нестройность строки по контуру не так заметна. Также стоит попробовать гротескный и антиквенный шрифты (рис. 57). Засечки антиквы при уплотнении кернинга могут соединиться, а гротеск допускает большее уплотнение.
Итак, чтобы грамотно расположить текст по кривой линии, нужно:
—  использовать ручной кернинг для отдельных пар букв, руководствуясь глазо­мером, избегая уплотнений и излишней разрядки;
—    по возможности делать линию для основания шрифта более плавной;
—    использовать строчные буквы;
—    выбирать более узкий шрифт без засечек.


Рис. 57. Текст по пути. Антиква и гротеск

Шрифт является мощным дизайнерским инструментом. Разнообразие шрифто­вых гарнитур и их начертаний позволяет передать любые нюансы коммуникации. Кроме наборных, декоративных шрифтов и каллиграфии в плакатной, рекламной графике, анимации широко применяется леттеринг (рис. 58). Этот способ создания текстового сообщения представляет собой синтез текста и иллюстрации. И может быть выполнен в самых неожиданных техниках.
На рисунке 59 показан пример текстовой фотоинсталляции.
На рисунке 60 показан пример рисованной надписи. Рисованная надпись — лет­теринг, не является каллиграфией, так как выполняется не линией и росчерком, а рисуется как отдельное изображение.

Рис. 58. Три способа создания надписи

Рис. 59. Текстовая фотоинсталяция

Рис. 60. Рисованная надпись

1.     Понятие «шрифт».
2.     Понятие «шрифтовой файл».
3.     Определение шрифтовой гарнитуры.
4.     Характеристики шрифта.
5.     Определение типографики.
6.     Пять задач типографики.
7.     Определение и состав шрифтовой гарнитуры.
8.     Базовая классификация шрифтов.
9.     Определение и примеры шрифтовых начертаний.
10.    Определение и назначение акциденции.
11.     Определение и приемы леттеринга.

Практическая работа

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

This site was made on Tilda — a website builder that helps to create a website without any code
Create a website