Современные профессии Онлайн-интенсив Только до 3.10
Выберите профессию будущего в ИТ, дизайне, маркетинге и управлении проектами
Кнопка закрыть топ-бар
ГлавнаяБлогЧто такое типографика: 12 простых правил
Что должен знать тестировщик
25.03.2022
8 205
Время чтения: 13 минут

Что такое типографика: 12 простых правил

25.03.2022
8 205
Время чтения: 13 минут
Сохранить статью:
Сохранить статью:
В статье рассказывается:
  1. Понятие типографики
  2. Базовые термины в типографике
  3. Наиболее важные характеристики шрифтов и текстов
  4. 12 простых правил классической типографики
  5. Система ориентирования в тексте

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

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

Понятие типографики

Что же такое типографика? Первым делом стоит отметить, что для рассмотрения сути этого термина нужно дать определение понятия «вёрстка».

Верстка представляет собой специальную работу с текстом. Дизайнер или верстальщик занимается расстановкой и оформлением текста в макете.

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

Понятие типографики
Понятие типографики

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

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

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

Базовые термины в типографике

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

  • Гарнитура

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

  • Шрифт

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

  • Кегль

Понятие кегля подразумевает высоту шрифта с учетом нижних и верхних выносных элементов буквы. Единицей измерения в данном случае является типографский пункт (pt). Скажем, 12 кегль – 12 pt по высоте. При этом 1 pt приравнивается к 1/72 английского дюйма, или 0,352 мм.

  • Интерлиньяж

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

  • Кернинг

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

  • Трекинг

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

  • Рубрикация

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

ТОП-30 IT-профессий
2022 года с доходом
от 200 000 ₽
Команда GeekBrains совместно с международными специалистами по развитию карьеры подготовили материалы, которые помогут вам начать путь к профессии мечты.
Подборка содержит только самые востребованные и высокооплачиваемые специальности и направления в IT-сфере. 86% наших учеников с помощью данных материалов определились с карьерной целью на ближайшее будущее!

Скачивайте и используйте уже сегодня:

Александр Сагун
Александр Сагун
Исполнительный
директор Geekbrains
pdf иконка

Топ-30 самых востребованных и высокооплачиваемых профессий 2022

Поможет разобраться в актуальной ситуации на рынке труда

doc иконка

Подборка 50+ ресурсов об IT-сфере

Только лучшие телеграм-каналы, каналы Youtube, подкасты, форумы и многое другое для того, чтобы узнавать новое про IT

pdf иконка

ТОП 50+ сервисов и приложений от Geekbrains

Безопасные и надежные программы для работы в наши дни

pdf 3,7mb
doc 1,7mb
Уже скачали 14840 pdf иконка
  • Графема

Основная форма знака, которая позволяет отличить его от любого другого, независимо от художественных нюансов исполнения. Графема чаще всего разграничивает единицы текста. Скажем, графема цифры «1» дает возможность отличить ее от цифры «2» и неважно, какой гарнитурой они были набраны.

  • Глиф

Глиф – конкретное графическое представление графемы. Когда в тексте применяют несколько глифов для одной и той же графемы, тогда они именуются аллографами друг друга.

Базовые термины в типографике
Базовые термины в типографике
  • Строчные буквы

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

  • Прописные буквы

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

  • Капитель

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

  • Выключка

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

  • Леттеринг

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

Только до 3.10
Как за 3 часа
разбираться в IT
лучше, чем 90%
новичков и выйти на
доход в 200 000 ₽?
Приглашаем вас на бесплатный онлайн-интенсив «Путь в IT»! За несколько часов эксперты GeekBrains разберутся, как устроена сфера информационных технологий, как в нее попасть и развиваться.
Александр Волчек CEO GeekBrains

Интенсив «Путь в IT» поможет:

  • За 3 часа разбираться в IT лучше, чем 90% новичков.
  • Понять, что действительно ждет IT-индустрию в ближайшие 10 лет.
  • Узнать как по шагам c нуля выйти на доход в 200 000 ₽ в IT.
При регистрации вы получите в подарок:
pdf иконка

«Колесо компетенций»

Тест, в котором вы оцениваете свои качества и узнаете, какая профессия в IT подходит именно вам

doc иконка

«Критические ошибки, которые могут разрушить карьеру»

Собрали 7 типичных ошибок, четвертую должен знать каждый!

pdf иконка

Тест "Есть ли у вас синдром самозванца?"

Мини-тест из 11 вопросов поможет вам увидеть своего внутреннего критика

Хотите сделать первый шаг и погрузиться в мир информационных технологий? Регистрируйтесь и смотрите интенсив:
Только до 3 октября
Осталось 17 мест
  • Полоса

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

Наиболее важные характеристики шрифтов и текстов

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

  • Удобочитаемость. Данное качество указывает на простоту восприятия текста и, соответственно, шрифта. Эта характеристика наиболее значима для материалов, которые создаются для сплошного чтения. Необходимо чтобы графическая сторона шрифтов была выполнена как можно более привычно для пользователя. При этом удобочитаемость складывается не только из типографических параметров, но и за счет стиля, семантики и других характеристик.
  • Заметность. Это свойство имеет большое значение для текста, который следует выделить. Заметный текст должны сначала выявить среди прочих частей, обратив на него особое внимание, а уже потом прочесть. Это достигается за счет использования бо́льшего кегля, акцидентного или выделительного шрифта, регулировки соотношения цветовой палитры символов и/или фона.
  • Различимость. Это качество необходимо для текстов, которые будут прочитываться при сниженной видимости или за небольшой промежуток времени. Яркий пример – тексты в наружной рекламе. Для этого нужны четкие и очень отличимые друг от друга формы знаков, большой кегль и мощный контраст цветовой палитры текста и фона.

12 простых правил классической типографики

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

Итак, рассмотрим 12 фундаментальных основ типографики:

  • Для максимального удобства прочтения используйте самые стандартные шрифты. Любой специалист в области типографики текста имеет в арсенале часто применяемый набор классический шрифтов. Эти шрифты не предназначены для удивления читателя, а, наоборот, должны быть максимально привычны. К таковым можно отнести: Academy, Arial, Baskerville, Bodoni, Franklin Gothic, Futura, Garamond, Goudy, Helvetica, Petersburg, Times New Roman и некоторые другие.
  • Не применяйте излишне много шрифтов в рамках одного материала. Как правило, несколько их применяют в целях выделения определенного участка текста. Но когда этих шрифтов излишне много, пользователь не может понять, что из материла более важно, а что, напротив, имеет сопутствующее значение. В особенности это касается применения декоративных гарнитур для выделения.
  • Применение исключительно прописных букв снижает удобочитаемость. Верхние и нижние выносные элементы строчных знаков увеличивают узнаваемость букв, что способствует более легкому чтению текста.
  • Практикуйте тот размер шрифта, который сможет создать наибольшую удобочитаемость для применяемой гарнитуры. Стандартный вариант – 8–12 пунктов для текста, читаемого с расстояния 30–40 см. Вместе с тем не пренебрегайте и междустрочным расстоянием.
  • Не используйте излишне темные или крайне светлые шрифты.
  • Ориентируйтесь на текстуру текста – она не должна прерываться. За счет оптимальных межсловных и межбуквенных промежутков текст становится ровным и читаемым.
  • Применяйте правильную длину строки. Излишне длинная строка, так же, как и очень короткая, ухудшает удобочитаемость. Первые будут создавать напряженность для восприятия, а вторые – нервировать пользователя.
  • Придерживайтесь норм междустрочных промежутков. Излишне маленький интерлиньяж сделает прочтение такого текста более длительным. Дело в том, что читателю будет сложно уловить место, где начинается каждая следующая строка.
  • Берите на вооружение флаговый набор с выключкой влево. Это позволит увеличить удобочитаемость. Однако есть ситуации, при которых лучше использовать выключку в край (по ширине), хоть это и делает межсловные промежутки менее постоянными.
  • Выделяйте место, где начинается абзац. Для этого можно либо использовать отступ, либо увеличить межабзацные пробелы. При этом для первой строки текста после заголовка отступ обычно не нужен.
  • Избегайте висячих строк. Этот термин означает неполную концевую строку, которая располагается на верхней границе колонки, или начальную строку, размещенную в самой нижней части колонки. Чтобы нивелировать такую проблему, необходимо осуществить вгонку или выгонку при помощи трекинга или соединения нескольких абзацев в концевую часть текста.
  • Используйте в тексте способы выделения, которые не будут создавать помехи для читателя. Но учтите, что чем меньше будет таких акцентов, тем лучше.

Система ориентирования в тексте

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

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

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

Оцените статью
Рейтинг: 4.33
( голосов 6 )
Поделиться статьей
Добавить комментарий

Забрать
гарантированный
подарок

Получите бесплатно подборку файлов от GeekBrains:

Осталось 17 мест

Поздравляем! Вы выиграли 2-х дневный интенсив "Путь в IT". Чтобы закрепить подарок и получить к нему доступ, заполните информацию в открывшемся окне

×
Петр Озеров
Петр Озеров печатает ...