Классификация шрифтов

Типографика

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

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

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

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

Гарнитуры можно разделить на две основные категории:

• Антиква — шрифты с засечками.
• Гротеск, соответственно, — шрифт без засечек.

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

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

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

Интерлиньяж — межстрочный интервал. Расстояние между базовыми линиями соседних строк.

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

Есть замечательная игра-тренажер — Kern Type. Просто расставьте все буквы по местам. На самом деле это не так-то просто. Процесс достаточно сложен и требует отличного глазомера. Особенно этот опыт будет полезен при создании логотипов.

Что мы делаем не так?

Используем большое количество шрифтов

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

Стили

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

На формате А4 разработать акцидентный шрифт (алфавит).

Этапы выполнения задания:

• Мозговой штурм (просмотр аналогов + определение стилистики будущего алфавита)
• Набросок карандашом (для последующей корректировки)
• Промежуточный просмотр, советы от ребят и преподавателя
• Корректировка и обводка ручкой (учитывая толщину линий и штриховку)

Самый часто задаваемый вопрос при выборе шрифта: с засечками или без?

Самые распространение категории шрифтов – это serif или sans serif. Serif – это шрифты с заческой на концах букв. Sans serif же, соответственно — шрифты, которые засечек не имеют.

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

Огромное количество хороших шрифтов существует и в той, и в другой категории. Можно намного лучше начать понимать шрифты, изучая различные классификации, такие как humanist, modern, slab serif, geometric, old style и transitional. Некоторые дизайнеры даже советуют создавать свои собственные категории для удобной работы с различными проектами.

Оформление плакатов

Прежде всего выбора для внешнего облика текстового оформления нужно плаката обратить внимание на макет

Будет ли только это текстовый фрагмент без иллюстраций начертание или будет дополнять фото или Важно рисунок? учитывать и направленность плаката:. • Афиша

• Объявление. • Реклама о мероприятии для детей. • Социальная Слова

• Афиша. • Объявление. • Реклама о мероприятии для детей. • Социальная Слова.

реклама на любом из плакатов должны привлекать к внимание себе и помогать ему выделяться среди подобных сотен. Можно условно по типу начертания все разделить плакаты на две группы:. • Типографские (Графические)

• наборные (рукописно-художественные)

• Типографские (Графические). • наборные (рукописно-художественные).

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

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

С засечками (Serif)

• Определяющая особенность: расширения в конце штрихов символов

• Основное применение: печать

• Классические примеры: Bodoni, Caslon, Trajan, Eames Century Modern

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

Шрифты с засечками имеют расширения в конце штрихов символов

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

Шрифты с засечками имеют свои корни в римских надписях

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

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

Не все засечки кажутся классическими — монотипия Rockwell одновременно сильна и несентиментальна

Наряду с X-высотой, пропорциями, контрастностью (толщиной вертикальных и горизонтальных штрихов), засечки предлагают типографам фантастический способ придать своим творениям… характер. Рапиро-тонкие засечки Bodoni, особенность которых нравится многим дизайнерам. Засечки Copperplate являются острыми, короткими и отличительными, в то время как Rockwell – это архетипическая засечка плита, в которой очень мало контраста между толщиной засечек и основными штрихами.

Помимо Bodoni, классика включает в себя шрифт 18-го века Caslon; Trajan, который берет вдохновение непосредственно от римских буквенных сокращений; и Eames Century Modern для дизайна 20-го века — информированное чувство.

Классификация компьютерных шрифтов

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

Roman – эта группа определяет шрифты с засечками (например, Таймс и Бодони);
Swiss – группа рубленных шрифтов с переменной толщиной штрихов (Гельветика, Футура и др.);
Modern – группа, в которую входят шрифты с постоянной толщиной штрихов (Курьер);
Script – группа рукописных шрифтов;
Decorative – группа декоративных шрифтов;
Don’t Know – шрифты, о которых нет информации.

Однако, данная классификация носит довольно общий характер. Более полно и конкретно описание шрифтов по системе IBM Classification. Оно и более приближенно к знакомой нам исторической классификации:

Первую группу здесь составляют шрифты Oldstyle Serifs, основанные на латинской традиции XV – XVII веков. Они соотносятся с гуманистической антиквой, подклассам (гарнитурам) этой группы присущи малая контрастность и плавный переход штрихов к засечкам.

Группа Transitional Serifs унаследовали признаки переходной антиквы, а Modern Serifs – новой антиквы. Clarendon объединяет признаки первых двух групп. Далее следуют: однотипные с брусковыми, шрифты группы Slab Serifs, шрифты с засечками неопределенной формы Freedom Serifs, беззасечковые San Serifs, декоративные Ornamentals, рукописные Scripts и неподдающиеся определению No Classification. Каждая группа представлена подклассами – гарнитурами.

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

Шрифт, задающий сетку

Использование одного элемента типографики для влияния на другие части дизайна

Давайте начнем с великого и очевидного примера. Постер Джессики Свендсен «Экспонирование Архитектуры: Парадокс?» —  один из постеров захватывающей серии, созданной ею для архитектурной программы Йельского университета (позже мы рассмотрим другой постер из этой серии).

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

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

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

Засечки и бруски

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

Вогнутые засечки – шрифт Lazurski, линейные засечки – шрифт Petersburg, брусковые засечки – шрифт Pragmatica Slabserif.

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

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

Шрифт Trajan в кино

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

Брусковая антиква (Stab Serif)

Брусковая антиква

Эта часть рассказывающая про шрифты с засечками была бы не полной без упоминания брусковой антиквы. Данный вид легче всего отличить от других из-за характерного внешнего вида. Изначально созданные для рекламных целей, постеров и отображения на больших носителей в начале XIX века в Англии, Винсент Фиггинс (Vincent Figgins) считается создателем первого брускового шрифта, самая ранняя версия которого увидела свет в 1815 году и сразу стала предметом споров, поскольку часть типографов превозносила, а другая часть — ожесточенно критиковала новый стиль. В классификации VOX-ATypI брусковые шрифты так же называются “Механистическими” и “Египетскими” (согласно классификации Тибодо), в современных классификациях часто выделяют механистические и египетские шрифты как подгруппы брусковой антиквы.

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

Шрифт Sentinel (2009) и Belizio (1998) — примеры недавно созданных шрифтов, относящихся к собирательной группе Clarendon.

II Шрифты без засечек / Рубленые шрифты (Sans Serif)

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

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

Еще одним нововведением тех времен была работа Валентина Гаюи в 1785г основавшего школу для слепых детей, а за год до этого разработавшего шрифт с тиснением для тактильных книг. Шрифт который наряду с его методом называется Haüy System и является ранней формой шрифта без засечек, хотя больше напоминает вертикальный курсив или несвязанный рукописный шрифт.

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

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

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

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

Посыл сайта

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

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

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

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

Например, для семейной пиццерии, можно выбрать слова «профессиональный», «традиционный» и «семейный», значит, чтобы донести это через дизайн сайта лучше использовать:

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

Или еще один пример: IT-стартап для инновационного приложения. Тогда посыл должен содержать слова «молодой», «амбициозный», «современный». Шрифт в таком случае будет уместен без засечек с жирными заголовками.

Классические и трендовые шрифты

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

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

• Romul;
• Times New Roman
• Courier New
• Uk_Antique;
• Theano Dibot;
• Vermena Medium Italic и др.

Из гротескных шрифтов это конечно:

• Helvetica
• Roboto
• Arial
• Univers и др.

Когда к дизайну сайта или другого проекта предъявляются особые требования, он должен быть не только информативным, но и красивым, то верстальщики практикуют использование так называемых трендовых шрифтов. Стоит помнить о том, что наибольшее их количество создано именно на латинице, что объясняется известными причинами. На кириллице вариантов оформления текста намного меньше, но все-таки, любой опытный мастер найдет подходящий и среди них, например, воспользовавшись подборкой «Креативные шрифты. Кириллица+ Латиница» Что касается латиницы, то вот несколько трендовых типов, которые в основном являются шрифтами вида гротеск:

• Morganite;
• The Circus Display;
• Arkipelago;
• Tradesmith;
• Colus и др.

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

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

Переходная антиква/ антиква барокко/ антиква реализма (Transitional)

Переходная антиква/ антиква барокко/ антиква реализма

Первая переходная антиква начала разрабатываться в 1692г, задолго до того как типографы перестали делать гаральды. В конце XVII века Людовик XIV как часть обновления Франции поручил Академии наук создать новый шрифт. Roman du Roi — шрифт на базе жесткой сетки, потребовал немало усилий, включавших работу специального комитета, в который входили и математик и инженер. Хотя начало разработки этого шрифта датируется 1692 годом, вся семья из 86 шрифтов была доработана только к 1745 году.

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

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

Примеры: Joanna, Melior, Clearface и Mrs. Eaves

Статика и динамика

Рисунок букв шрифта может быть статичным или динамичным. Чем больше горизонтальных и вертикальных линий в строке, тем более статичным является шрифт. А линии и дуги, не совпадающие с горизонталью строки, придают шрифту динамичности. На динамику влияют: наклон оси наплыва у букв o, e, c, p, b, d, наклон перекладины е, окончания штрихов букв s, c, a и форма засечек. Все эти элементы могут быть прямыми, диагональными или изогнутыми. Курсивное или наклонное начертание делает рисунок еще более динамичным.

Статичный рисунок – шрифт Din PT, динамичный рисунок – шрифт Venetian, максимум динамики – шрифт Diana.

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

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

Подводим итоги по выбору шрифтов для логотипов.

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

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

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

Надеемся, что вам понравилась данная статья и она оказалась интересной.

А если вам нужно разработать собственный логотип, вы можете сделать это в нашем сервисе логотип онлайн!