Типографика это: Что такое типографика и почему она важна для дизайна — статьи на Skillbox / Skillbox Media

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

В статье рассказывается:

1. Понятие типографики
2. Базовые термины в типографике
3. Наиболее важные характеристики шрифтов и текстов
4. 12 простых правил классической типографики
5. Система ориентирования в тексте

6. Пройди тест и узнай, какая сфера тебе подходит:
   айти, дизайн или маркетинг.

   Бесплатно от Geekbrains

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

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

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

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

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

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

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

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

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

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

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

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

• Гарнитура

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

• Шрифт

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

• Кегль

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

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

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

• Кернинг

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

• Трекинг

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

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

• Рубрикация

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

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

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

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

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

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

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

pdf 3,7mb

doc 1,7mb

Уже скачали 15905

• Графема

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

• Глиф

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

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

• Строчные буквы

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

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

С таких букв обычно начинают предложения. Зачастую прописные буквы имеют другую графему.

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

• Капитель

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

• Выключка

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

• Леттеринг

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

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

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

При регистрации вы получите в подарок:

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

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

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

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

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

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

Хотите сделать первый шаг и погрузиться в мир информационных технологий? Регистрируйтесь и смотрите интенсив:

Только до 21 ноября

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

• Полоса

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

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

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

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

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

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

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

• Для максимального удобства прочтения используйте самые стандартные шрифты. Любой специалист в области типографики текста имеет в арсенале часто применяемый набор классический шрифтов. Эти шрифты не предназначены для удивления читателя, а, наоборот, должны быть максимально привычны. К таковым можно отнести: Academy, Arial, Baskerville, Bodoni, Franklin Gothic, Futura, Garamond, Goudy, Helvetica, Petersburg, Times New Roman и некоторые другие.

• Не применяйте излишне много шрифтов в рамках одного материала. Как правило, несколько их применяют в целях выделения определенного участка текста. Но когда этих шрифтов излишне много, пользователь не может понять, что из материла более важно, а что, напротив, имеет сопутствующее значение. В особенности это касается применения декоративных гарнитур для выделения.
• Применение исключительно прописных букв снижает удобочитаемость. Верхние и нижние выносные элементы строчных знаков увеличивают узнаваемость букв, что способствует более легкому чтению текста.
• Практикуйте тот размер шрифта, который сможет создать наибольшую удобочитаемость для применяемой гарнитуры. Стандартный вариант – 8–12 пунктов для текста, читаемого с расстояния 30–40 см. Вместе с тем не пренебрегайте и междустрочным расстоянием.
• Не используйте излишне темные или крайне светлые шрифты.
• Ориентируйтесь на текстуру текста – она не должна прерываться. За счет оптимальных межсловных и межбуквенных промежутков текст становится ровным и читаемым.
• Применяйте правильную длину строки. Излишне длинная строка, так же, как и очень короткая, ухудшает удобочитаемость. Первые будут создавать напряженность для восприятия, а вторые – нервировать пользователя.

• Придерживайтесь норм междустрочных промежутков. Излишне маленький интерлиньяж сделает прочтение такого текста более длительным. Дело в том, что читателю будет сложно уловить место, где начинается каждая следующая строка.
• Берите на вооружение флаговый набор с выключкой влево. Это позволит увеличить удобочитаемость. Однако есть ситуации, при которых лучше использовать выключку в край (по ширине), хоть это и делает межсловные промежутки менее постоянными.
• Выделяйте место, где начинается абзац. Для этого можно либо использовать отступ, либо увеличить межабзацные пробелы. При этом для первой строки текста после заголовка отступ обычно не нужен.
• Избегайте висячих строк. Этот термин означает неполную концевую строку, которая располагается на верхней границе колонки, или начальную строку, размещенную в самой нижней части колонки. Чтобы нивелировать такую проблему, необходимо осуществить вгонку или выгонку при помощи трекинга или соединения нескольких абзацев в концевую часть текста.
• Используйте в тексте способы выделения, которые не будут создавать помехи для читателя. Но учтите, что чем меньше будет таких акцентов, тем лучше.

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

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

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

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

Продвижение блога — Генератор продаж

Рейтинг: 4. 43

( голосов 7 )

Поделиться статьей

Что такое типографика и зачем она нужна

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

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

Что такое типографика

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

Например, у нас есть предложение «Привет, дорогой, ужин на столе». Выглядеть оно может так:

Точно такой же текст мы можем оформить и вот так:

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

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

Комьюнити теперь в Телеграм

Подпишитесь и будьте в курсе последних IT-новостей

Подписаться

Основные виды гарнитур

Чтобы понять типографику, необходимо разобраться в базовых понятиях. Первое, о чем стоит знать – это виды гарнитур. Шрифтов существует бесчисленное количество, и для удобства принято разделять их на:

• антикву,
• гротеск,
• рукописные,
• акцидентные.

Подробнее о каждом виде поговорим далее.

Антиква

Данная гарнитура также называется начертанием с засечками. Засечки мы можем увидеть снизу и сверху буквы:

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

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

Популярные шрифты с засечками:

• Times New Roman,
• Garamond,
• Bodoni,
• Playfair Display,
• Merriweather.

Гротеск

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

Гарнитура Гротеск (рубленый шрифт) стала популярной в середине 20 века, она имеет более готический вид, в то время как антиква считается «римским» стилем. Символы данного вида гарнитуры более четкие, жирные и современные. Примером такой гарнитуры можно отметить всем известный Arial, который часто встречается в заголовках на сайтах и объявлениях.

Другие популярные шрифты без засечек:

• Open Sans,
• Raleway,
• Montserrat,
• Druk,
• Futura PT.

Рукописный

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

Популярные рукописные шрифты:

• Antractic,
• Rhytmic,
• Amatic SC,
• Caravan,
• Klyakson.

Акцидентный

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

Популярные акцидентные шрифты:

• Miratrix,
• Moniqa,
• Durance Type,
• Flicker,
• CSTM Xprmntl 03.

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

Параметры типографики

Каждый шрифт обладает такими параметрами как интерлиньяж, кернинг, трекинг, насыщенность, выравнивание. Что это такое и как с этим работать – подробно поговорим далее.

Интерлиньяж

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

Вот некоторые советы для выбора оптимального межстрочного расстояния:

• Чем длиннее строка по количеству слов, тем больше должен быть интерлиньяж. И наоборот – слишком узкая колонка из коротких строк уродливо смотрится даже со стандартным интерлиньяжем.
• Обычно интерлиньяж составляет 120-125% от используемого размера шрифта. Например, вы выбрали кегль 16. Рассчитать значение можно по классической формуле: (16 * 120) : 100=19,2. То есть рекомендуемый интерлиньяж – 19-20.

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

Трекинг

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

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

Кернинг

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

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

Насыщенность

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

Наиболее популярные начертания:

• Thin – тонкий;
• Regular – обычный;
• Italic – курсив;
• SemiBold – полужирный;
• Bold – жирный;
• Bold Italic – жирный курсив;
• ExtraBold – экстражирный.

Также могут встречаться такие начертания как Book и Demi – их вы можете увидеть в шрифте Futura PT.

Из начертаний для заголовков лучше подходят SemiBold, Bold, ExtraBold, для подзаголовков – Italic, для основного текста – Regular. В случае с курсивом (Italic) стоит быть осторожным и выбирать только те шрифты, которые хороши в этом начертании. В противном случае лучше использовать Regular.

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

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

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

Также при выравнивании следует избегать «висячих предлогов».

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

Как улучшить типографику на сайте

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

1. Не используйте больше двух шрифтов. Большое количество шрифтов только запутает пользователя, и ему будет сложно воспринимать информацию. Используйте шрифтовые пары – один шрифт для заголовков, другой – для основного текста. В некоторых случаях может быть использован только один шрифт, но чаще всего берутся пары заголовок-контент. Искать шрифтовые пару удобно с помощью сервисов Паратайп и FontPair.
2. Не делайте шрифт очень маленьким. Минимальный размер для читаемого текста составляет 16px как в десктопной версии, так и мобильной. Шрифт меньше может быть использован только в крайних случаях, например, когда нужно указать дополнительную информацию. В целом, стандартный размер шрифта – это 16-22px. Заголовок при этом может быть большим, вплоть до 100px, но чаще всего он находится в диапазоне 40px-70px.
3. Не используйте для шрифта черный цвет #000000. Это самый насыщенный черный цвет, который можно выбрать. При длительном чтении будут уставать глаза. Лучше использовать менее яркие цвета, например немного сероватые.
4. Пользуйтесь бесплатными шрифтами. Шрифты разделяются на платные и бесплатные. Найти бесплатно в интернете вы можете любые, но если использовать шрифт без лицензии, то это будет нарушением авторских прав. В таком случае собственник шрифта может подать на вас в суд. Конечно, маловероятно, что это произойдет, но лучше использовать либо бесплатные, либо покупать платные шрифты. Найти бесплатные варианты вы можете на официальной странице шрифтов Google.
5. Следите за размером шрифта. В данном случае я имею ввиду то, что самый верхний заголовок должен быть либо равен остальным, либо быть больше. Ни в коем случае не меньше. Если размер первого заголовка будет меньше, чем второй, то потеряется иерархия, и изучать контент станет сложно.
6. Избегайте висячих предлогов и слов-одиночек. Про висячие предлоги я уже говорил – их не должно быть.
7. Используйте прописные буквы в заголовках и важных местах. Крупными буквами можно усилить заголовок и направить взгляд пользователя в нужное место.

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

А если вам просто нужен шрифт для сайта, то вот отличные сервисы с бесплатной типографикой: «Мы с котом», «shriftkrasivo», «BestFonts.pro», «Rufonts.ru».

Типография | Определение, история и факты

Морисон, Стэнли: образец Times New Roman

Посмотреть все СМИ

Ключевые люди:

Эль Лисицкий Ян Чихольд Стэнли Морисон Милтон Глейзер Джон Фелл

Похожие темы:

Римский блочная книга подвижный тип слизняк шрифт

Просмотреть весь соответствующий контент →

Резюме

Прочтите краткий обзор этой темы

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

Понятое таким образом, типографика по определению почти — но не совсем — не существовала до изобретения печати подвижными литерами в середине 15-го века, и, понимаемое таким образом, этот термин может применяться только в расширении по аналогии, если это вообще возможно, к «чтению», при котором подручный материал представляет собой нечто иное, чем слова, остающиеся неподвижными на плоских твердых поверхностях. Электронно созданная буква, которая доживает свою короткую жизнь, двигаясь по лицевой стороне вывески или электронно-лучевой трубки, не является типографским произведением. Типографика, таким образом, существует где-то между крайностью рукописного письма, с одной стороны, и мимолетным изображением на электронном устройстве, с другой. Будет ли буква сделана металлическим шрифтом или фотографическим изображением, уже не важно для определения предмета, а то, является ли готовое изделие книгой или страницей, ни на йоту не влияет на его включение в типографику.

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

Типографика как полезное искусство

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

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

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

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

Оформите подписку Britannica Premium и получите доступ к эксклюзивному контенту. Подпишитесь сейчас

Во-первых, он вторичен в том смысле, что его основные материалы, алфавиты или другие подобные системы обозначений, с которыми он работает, не являются его собственным изобретением. Влияние этого факта на художественную форму очевидно. Вообще говоря, западное письмо или печать осуществляется с использованием относительно небольшого числа отдельных букв, которые можно сгруппировать в почти бесконечное число смысловых перестановок. Даже несмотря на языковые различия, формы букв и шрифты переходят из одного языка в другой. Поскольку количество изображений (букв), которые необходимо разработать, ограничено и полностью управляемо, работа шрифтового дизайнера упрощается. Перенос языка делает возможным создание осмысленных типологий, эволюцию международных стилей и условностей, а также развитие критериев и традиций вкуса, с помощью которых типографы улучшают свою работу. В результате можно с уверенностью сказать, что за немногим более 500 лет истории печати со времен Гутенберга было разработано не менее 8000 и, весьма вероятно, 10 000 или 11 000 шрифтов. Таким образом, у практикующего типографа есть огромное количество шрифтов на выбор, и, поскольку лучшие из этих шрифтов развились в рамках космополитических традиций и выдержали испытание многими людьми во многих местах в течение многих лет, в пределах несколько тысяч доступных типов, многие из которых имеют бесспорное превосходство.

В отличие от этого, японский метод письма и печати включает в себя комбинацию систем — около 3000 кандзи (символы, основанные на китайских иероглифах), сейчо (на основе написанного кистью кана) и две группы фонетических символов ( хирагана и катакана ), каждый из которых состоит из 46 отдельных символов. Проблема индивидуального проектирования около 3000 символов, некоторые из которых невероятно сложны, не из тех, с которыми многие дизайнеры могут справиться за всю жизнь. В результате, по сути, у японских типографов было всего два шрифта на выбор — 9.0027 mincho , примерно эквивалентный западному роману, и Gothic, функционально японский шрифт без засечек. В 1960-х группа японских дизайнеров выпустила третий шрифт под названием Typos.

Во-вторых, типограф ограничен правилами чтения, над которыми у него практически нет эффективного контроля. Внешний вид книжной страницы, хорошо или плохо оформленной, больше зависит от того, что западные читатели начинают с верхнего левого угла страницы и читают справа, строка за строкой, пока не доберутся до конца, чем от эстетические пожелания дизайнера. Многих типографов уже давно привлекает чистый и лаконичный вид так называемого шрифта без засечек (два маленьких основания, на которые опираются вертикальные элементы строчной буквы «n», являются засечками, как и указывающая назад плита поверх строчной буквы «i»). ” или “l”, а шрифты без засечек – это шрифты, в которых такие украшения отсутствуют [ Т I ]). Но трудность заключается в том, что почти каждое когда-либо завершенное исследование указывало на то, что шрифт без засечек труднее читать в тексте, чем шрифт с засечками. Вполне может быть, что если бы западные тексты печатались вертикально, снизу вверх и читались вверх так, чтобы каждая буква занимала отдельную строку без горизонтальной связи с предыдущими и последующими буквами, очевидное преимущество шрифтов с засечками в это отношение может исчезнуть.

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

Типографика как искусство связана с дизайном,

в форме организованного письма, выбора или

слова и предложения для размещения в блоках типа

.page a при печати как

или

Типографика как искусство связана с дизайном,

otni dezinagro eb ot smrof rettel fo ,noitceles ro

слова и предложения для размещения в блоках типа

.egap и нет gnitnirp sa

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

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

Уже стало очевидным, что в разговоре о типографах и типографике присутствует, в худшем случае, некоторая путаница и, по крайней мере, некоторое отсутствие единообразия. Сами слова имеют относительно недавнее происхождение и сознательно использовались в их современном значении только примерно с середины 20 века. Сложность, конечно, в самом процессе. Гутенберг был сам себе типографом. На самом деле вполне может быть, что его основным личным вкладом в изобретение книгопечатания была разработка способа вырезания и отливки шрифта таким образом, чтобы после того, как форма буквы была зафиксирована и подготовлены формы, каждая форма буквы могла быть воспроизведена. снова и снова в одном относительно простом процессе. Он также был издателем, который взял на себя риск капитала при выборе и подготовке материалов для печати для продажи; предположительно он был тем человеком, который разработал макет каждой страницы; он, возможно, сделал все необходимое редактирование и, конечно же, либо печатал, либо руководил помощником в печати готового продукта. С течением времени многие функции, которые вначале выполнял один человек, стали распределяться между несколькими. Довольно рано некоторые печатники нанимали мужчин для вырезания шрифта по их дизайну; другие нанимали мужчин для разработки и вырезания шрифта; некоторые предлагали свои услуги по найму другим, которые становились возвещателями; редакторы были отделены от процесса, хотя и не всегда от принятия решений по внешнему виду конечного продукта. После появления переплетенных томов были инициированы тенденции, которые в конечном итоге привели к созданию дизайнеров переплетов как отдельных художников; нередко можно было встретить людей, выполняющих функции книжных дизайнеров и, как таковых, ответственных за координацию и руководство работой шрифтовиков, верстальщиков, переплетчиков — всех, кто так или иначе отвечал за внешний вид книги в целом. . Ситуация еще больше усугублялась большим разнообразием практики в отношении статуса каждого из лиц, выполняющих одну или несколько, а в некоторых случаях и все эти функции. Это могут быть профессионалы, нанятые полиграфией для одного проекта; они могут быть штатными сотрудниками корпоративной типографии; в некоторых очень редких случаях они могут быть единственным художником-ремесленником-меценатом, выполняющим все функции в операциях (обычно обязательно небольших), сознательно посвященных производству «прекрасных книг».

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

Что такое типографика? Почему это важно для графических дизайнеров?

Последнее обновление: 21 апреля 2020 г.

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

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

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

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

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

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

Что такое типографика?

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

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

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

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

Различные элементы типографики

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

i. Гарнитуры и шрифты

Часто термины «шрифты» и «гарнитуры» ошибочно используются как синонимы. Технически шрифт состоит из множества символов разного веса и размера. Шрифт относится к созданию стиля текста, такого как Arial и Helvetica . Гарнитура — это семейство шрифтов, связанных с гарнитурой.

Шрифт относится к весу, ширине и стилю шрифта и представляет собой графическое представление текстовых символов. Шрифты имеют ширину и высоту шрифта и относятся к его стилю. Все шрифты имеют разный размер шрифта. Итак, графические дизайнеры знают каждый отдельный символ как x-height.

Когда дизайнеры хотят соединить шрифты вместе, они обычно выбирают гарнитуру с одинаковой высотой x. Ширина равна площади тела письма и следующего за ним пространства. Для измерения шрифта дизайнеры используют систему баллов. Так, один пункт равен 1/72 дюйма, а 12 пунктов равны одному пике.

ii. Интерлиньяж

Это вертикальное пространство, которое мы видим между строками слов.

iii. Значение интерлиньяжа

Расстояние между двумя строками текста является значением интерлиньяжа. Чаще всего это больше размера шрифта

iv. Трекинг

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

v. Кернинг

Кернинг — это пространство между символами и буквами.

VI. Длина строки

Длина строки — это стандартная длина текста.

vii. Иерархия

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

viii. Размер

Размер определяет значение иерархии, и это делается с помощью интервалов, размеров и цвета.

ix. Color

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

х. Выравнивание

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

xi. Контраст

Контраст — еще один ключевой элемент типографики, помогающий дизайнерам выделить идею или сообщение. Это делает текст осмысленным, привлекающим внимание и интересным.

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

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

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

i. Рассмотрим текст

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

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

ii. Show Hierarchy

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

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

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

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

III. Выберите правильный цвет шрифта

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

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

Почему типографика так важна для графических дизайнеров?

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

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

01. Привлечь внимание зрителя

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

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

02. Сделать текст удобным для чтения

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

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

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

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

03. Создание иерархии

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

04. Повышает узнаваемость

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

Многие логотипы основаны на типографике. Это все бренды, которые люди быстро узнают. Таким образом, ваши идеи дизайна типографики должны быть направлены на повышение узнаваемости вашего бренда.

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

05. Придайте ценность и тон вашему бренду

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

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

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

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

06. Создайте гармонию

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

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

07. Придайте индивидуальность дизайну

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

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

08. Произведите визуальное впечатление

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

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

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

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