Что такое шрифт гротеск: Паратайп | Классификация шрифтов

Паратайп | Классификация шрифтов

Гротески

Также называются рубленые шрифты, Grotesk (в Германии), Grotesque (в Англии и Франции), Gothic (в Америке). Впервые наборные шрифты без засечек появились в начале XIX века в Англии, хотя подобная форма знаков применялась еще в надписях античной Греции. Вначале применялись исключительно как акцидентные, но в ХХ веке стали использоваться для набора текста. Характеризуются, как правило, малой контрастностью или полным отсутствием визуального контраста между основными и соединительными штрихами. В соответствии с формой овалов, наличием или отсутствием контраста, степенью открытости знаков и степенью разноширинности гротески делятся на старые, новые, геометрические и гуманистические. Иногда к гуманистическим гротескам относят также так называемую ленточную антикву – умеренно контрастный шрифт без засечек, конструкция которого повторяет один из видов антиквы.

---

Старые гротески

Первый гротеск появился в 1816 году в Англии. Это шрифты с небольшим контрастом, одноширинные, полузакрытые и открытые. Знаки имеют простую и даже грубую геометрическую форму, с крупным очком строчных. Шрифты в целом оставляют впечатление сурового грубого реализма. В некоторых шрифтах только прямые начертания, в других имеются наклонные (не курсивные). Угол наклона знаков средний.

---

Новые гротески

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

Углы наклона знаков от среднего до значительного.

---

Открытые гротески

Самый новый и самый современный тип гротесков. Общая черта
для всех разновидностей таких гротесков — открытость и негеометричность форм. Кроме того, довольно многие из них обладают
небольшим контрастом; только в открытых гротесках встречаются
скошенные срезы вертикальных штрихов.
Разновидностью открытых гротесков являются

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

Механистические гротески

---

Антиква-гротески

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

---

Геометрические

Геометрические гротески принципиально строятся на основе простейших геометрических форм – окружности, квадрата, равностороннего треугольника. Эти шрифты появились в 30-е годы ХХ века в Германии под воздействием идей конструктивизма и школы дизайна Баухауз.

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

---

Моноширинные

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

---

Гротескный шрифт. «Гротеск» — шрифт рубленый. Примеры

Современные

Радомир (Иисус Христос), умевший ходить по воде…

Как я уже говорил Вам ранее, людей надо уметь направлять и правильно ими управлять, Изидора. Только тогда возможно полностью держать над ними контроль.
– Но Вы никогда не сможете контролировать целые народы!.. Для этого нужны армии, святейшество! И даже, допустив, что Вы эти народы как-то подчинили бы, я уверена, снова нашлись бы смелые люди, которые повели бы остальных отвоёвывать свою свободу.

– Вы совершенно правы, мадонна, – кивнул Караффа. – Народы не подчиняются добровольно – их надо подчинять! Но я не воин, и я не люблю воевать. Это создаёт большие и ненужные неудобства… Поэтому, чтобы подчинять мирно, я использую очень простой и надёжный способ – я уничтожаю их прошлое… Ибо без прошлого человек уязвим… Он теряет свои родовые корни, если у него нет прошлого. И именно тогда, растерянный и незащищённый, он становится «чистым полотном», на котором я могу писать любую историю!.. И поверите ли, дорогая Изидора, люди этому только радуются…так как, повторяю, они не могут жить без прошлого (даже если сами себе не желают в этом признаваться). И когда такового не имеется, они принимают любое, только бы не «висеть» в неизвестности, которая для них намного страшнее, чем любая чужая, выдуманная «история».
– И неужели Вы думаете, что никто не видит, что по-настоящему происходит?.. Ведь на Земле так много умных, одарённых людей! – возмущённо воскликнула я.
– Ну почему не видят? Избранные – видят, и даже пытаются показать остальным. Но их мы время от времени «подчищаем»… И всё снова становится на свои места.

А, м. grotesque, нем. Grotesk <ит. grotesca. 1. иск. Изображение, отличающееся причудливым, фантастическим сочетанием мотивов и деталей. Сл. 18. Картина, живописная вещь из многих красок и худых фигур. ЛВ 1 2 63. Украшение комнат составляют… … Исторический словарь галлицизмов русского языка

Гротеск (фр. grotesque, буквально причудливый, комичный; итал. grottesco причудливый, итал. grotta грот, пещера): Гротеск вид художественной образности; орнамент, в котором причудливо, фантастически сочетаются… … Википедия

Гротеск, вид типографского шрифта с равномерной толщиной штрихов, без отсечек. ═ Применяется главным образом для набора заголовков в газетах, объявлений, афиш и т. п … Большая советская энциклопедия

Полуустав Цифры и русские буквы в стиле готического шрифта Шрифт (нем. … Википедия

— [тэ], а; м. [итал. grotesca] 1. Художественный приём в искусстве, основанный на чрезмерном преувеличении, сочетании неожиданных, резких контрастов; изображение чего л. в фантастическом, уродливо комическом виде. Мастер гротеска. Г. в литературе.… … Энциклопедический словарь

Шрифт — (от нем. Schrift «письмо») – графическая форма определенной системы письма, в которой изображение букв и других письменных знаков имеет общую закономерность построения и единый стиль. Все шрифты классифицируются и систематизируются по группам,… … Грамматологический словарь

I м. 1. Художественный приём в искусстве, основанный на чрезмерном преувеличении, нарушении границ правдоподобия, сочетании резких, неожиданных контрастов. 2. Произведение литературы и искусства, созданное на основе такого приёма. II м. Орнамент … Современный толковый словарь русского языка Ефремовой

гротеск — (тэ/) а; м. (итал. grotesca) см. тж. гротескный, гротесковый, гротескно, гротесково 1) а) Художественный приём в искусстве, основанный на чрезмерном преувеличении, сочетании неожиданных, резких контрастов; изображение чего л. в фантастическом,… … Словарь многих выражений

Гротеск (шрифт без засечек) и антиква (шрифт с засечками) Рубл … Википедия

Книги

• Основы каллиграфии и леттеринга. Прописи , Анна Рольская. Умение писать и рисовать буквы — настоящее искусство. Но главное в этом занятии — непременное удовольствие, которое вы получаете от создания красоты. Леттеринг и каллиграфия не сакральное…

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

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

• Антиква (с засечками)
• Гротеск (без засечек)
• Рукописные (имитирующие человеческий почерк)
• Акцидентные (для заголовков и плакатов)

Антиква

Стиль:

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

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

Антиква старого стиля

Скругление засечек в местах примыкания к основному штриху и наклонная ось овальных элементов, умеренная контрастность.

Переходная антиква

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

Антиква нового стиля

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

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

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

Гротеск

Стиль: современный, легкий, нейтральный, функциональный.
Применение: деловые, технические и электронные документы, учебная литература, архитектура, интернет и цифровые технологии.

Это, несомненно, шрифтовой север — минималистичный, четкий, функциональный и прямолинейный, как шкаф из Ikea, не терпящий никаких излишеств, как например засечки антиквы или росчерки рукописных шрифтов. Эти элементы, как атавизм, исчезли за ненадобностью. Гротескные шрифты — это новая история, конструктивизм и Баухаус, космос и компьютеры. Лента Фейсбука — гротескный Gotham. Компании Microsoft, Panasonic и даже NASA.

Старые гротески

Переходное звено в шрифтовой эволюции от антиквы до гротеска, буквы с небольшим контрастом. Примеры: Franklin Gothic, Akzidenze Grotesk

Новые гротески

Самые нейтральные, одноширинные шрифты почти без контраста. Примеры: MS Sans Serif, Arial, Helvetica, Univers.

Гуманистические гротески

Имеют большую контрастность в толщине штрихов. И гуманистическими они названы не случайно, а потому что напоминают рукописные (пером). Примеры: Gill Sans, Frutiger, Tahoma, Verdana, Optima, и Lucide Grande.

Геометрические гротески

Как ясно из названия, строятся на основе геометрических форм. Пример: Futura, Geometria.

Рукописные шрифты

Стиль: поэтический, художественный, декоративный.

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

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

Формальные рукописные

Неформальные рукописные

Не такие старомодные как формальные и в принципе, похожи на большинство почерков современного человека, не обладающего каллиграфическим навыком. Примеры: Mistral и Brush.

Акциндентные шрифты

Стиль: декоративный, народный, фантазийный.

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

Работая над собственным сайтом, пользователи сталкиваются с огромным количеством вопросов. Помимо технической составляющей, много времени приходится уделять юзабилити. А тут вопрос еще сложнее, поскольку характеристика субъективная, кому-то нравится определенный цвет, кому-то легче читать шрифт «Гротеск». Чтобы все это учитывать, следует ответить себе на кучу вопросов.

Проблемы

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

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

Шрифт

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

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

Тип

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

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

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

Компьютерные

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

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

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

Типология

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

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

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

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

Как уже говорилось ранее, типы эти есть в Word и подобных текстовых процессорах, также в веб-дизайне, графическом интерфейсе и т.д. Mono используют для визуализации исходного кода и чисел. С засечками символы лучше воспринимаются при чтении на высоких показателях DPI. Без засечек шрифт рекомендуют использовать для заголовка, важных пометок, текстовых фрагментов. К этому типу и относят «Гротеск».

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

«Гротеск»

Так мы подобрались к одному из типов шрифтов. Этот вариант на английском называется «sans serif», переводится на русский как «без засечек». Впервые подобный набор реализовали в 1816 году. Его использовали в рекламе. Шрифт «Гротеск» стал известен благодаря неизвестному творцу.

Важно понимать, что вариантов «Гротеска» большое количество. Они получили популярность в 20 веке. Тогда их начали активно применять для привлечения внимания. Хотя иногда использовали и в текстовом наборе. Среди рубленых шрифтов известными стали «Готик», «Гельветика», «Универс».

Имя

Название шрифта «Гротеск» предполагает много вариаций. Кстати, имя стиля может отличаться относительно местоположения. Так, в Англии и Франции шрифт будут именовать «Без засечек», в Америке вспоминать про «Готику», а в Германии упоминать «Гротеск». Поэтому если вы встречаете все эти названия, то важно понимать, что все они объединяют одни и те же стили.

Примеры

Интересно, что «Гротески» можно в свою очередь классифицировать и определить в несколько групп. К примеру, может идти речь о «старых» или «новых» стилях, могут упоминаться «геометрические» или «гуманистические» типы.

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

Устаревшие «Гротески» известны с 1816 года. Отсюда и такое имя. Имеется небольшой контраст, он одноширинный, полузакрытый и открытый. Выглядит несколько грубо, поэтому и привлекает внимание. Часто тип относят к реализму.

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

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

Выводы

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

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

Как выбрать шрифт для проекта: гротеск | GeekBrains

Разбираемся в том, что пришло на смену антикве

https://d2xzmw6cctk25h.cloudfront.net/post/2466/og_image/d24ee6d719c9255088aaf70ac2c8b559.png

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

Разберёмся с этим семейством. Чтобы проще ориентироваться в гротесках, можно выделить 4 больших класса:

• старый гротеск;
• геометричный гротеск;
• неогротеск; 
• гуманистический гротеск.

Гер­берт Лю­ба­лин: U&LC. Первый журнал для любителей шрифтов

Промышленная революция и викторианский стиль

Англия в XIX веке становится локомотивом промышленной революции. Балансируя между традициями и реформами, сдержанностью и эклектикой, XIX век в Англии стал реформаторским временем. Развитие промышленности, постройка крупных заводов — всё это относилось к первому этапу промышленной революции. Как известно, переменам обычно предшествуют долгие десятилетия накопления и незначительного движения, а потом происходит резкий скачок. Многие люди оказались к нему не готовы — так же, как и распространённая в то время антиква.

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

Старый гротеск

Так называют первый гротеск, который зародился в викторианскую эпоху. Он хоть и лишён засечек, но всё же выглядит очень живым и рукописным, особенно если сравнивать его с более поздними гротесками. Один из самых значимых, хоть и не первый — Akzidenz Grotesk. У него на месте засечек появляются небольшие расширения (как отсылка к антикве), выносные элементы довольно короткие, а прописные буквы кажутся слишком широкими (в сравнении со строчными).

Уильям Тороугуд, 1832 год, фрагмент каталога

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

Ещё один известный гротеск старого типа — News Gothic. Он более индустриальный, современный и облегчённый по начертанию, чем его предшественник Franklin Gothic. Из отличительных черт — у знака прописной Q хвост не в апертуре, а у t вершина не скошенная, а тупая. У News Gothic достаточно открытая форма знаков, что делает его удобочитаемым и светлым. Создатель шрифта — Моррис Фуллер Бентон.

Типографы: Моррис Фуллер Бентон, Фер­ди­нанд Тай­нхардт, Ник Шинн 

Геометрический гротеск — от раннего модернизма до ар-деко

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

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

Первые решения шрифта Futura (Пауль Реннер, 1925)

В 1927 Пауль Реннер, делавший первые эскизы к шрифту, выпустил обновлённую версию Futura, в которой около 6 различных начертаний и альтернативные варианты спорных букв. С 1928 по 1939 год набор постоянно совершенствовался, а последние изменения были внесены в 1980-х. 

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

К известным геометрическим гротескам относятся также Erbar, Geometria, Avenir, Avant Garde Gothic. Известные типографы здесь — Якоб Эрбар, Рудольф Кох, Уильям Двиггинс, Пауль Реннер, Владимир Ефимов, Гер­берт Лю­ба­лин.

Неогротеск

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

Шрифты неогротеска малоконтрастные, закрытые и моноширинные. Верхние выносные элементы по высоте равны размеру прописных знаков. В целом набор выглядит очень компактно, но в мелких кеглях (8–9) строчные буквы разных шрифтов практически неразличимы.

Самый известный неогротеск — Helvetica, спроектированный в швейцарской компании Haas’sche Schriftgiesserei в 1957 году. Основа этого шрифта — Akzidenz-Grotesk и Schelter-Grotesk. Типограф — Макс Мидингер. 

Helvetica, самый знаменитый шрифт XX века

Другие неогротески — Arial, Folio, Helvetica, Unica, Univers, Video. Типографы — Макс Мидингер, Эдуарда Хоффман, Макс Билл, Йозеф Мюллер-Брокманн.

Гуманистический гротеск

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

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

Некоторые шрифты разрабатывались специально для экранов с низким разрешением — например, Verdana, который был нарисован для Microsoft. Примеры гуманистических гротесков — Frutiger, Gill Sans, ITC Goudy Sans, Lucida Sans, ITC Officina Sans, Optima, ITC Stone Sans, Syntax, Meta.

Шрифт Frutiger. Был разработан Адрианом Фрутигером для навигации в берлинском метрополитене

Известные типографы периода: Эрик Шпикерман, Адриан Фрутигер

Рубленные шрифты без засечек, Гротески (Sans Serif, Grotesque fonts) на BestFonts.pro

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

 

С XX века и по сегодняшний день рублеными шрифтами преимущественно пользуются для акциденции и текстового набора. Наибольшую популярность обрели семейства Uni, Helvetica и Franklin Gothic. В целом гротески принято делить на 7 основных видов, к которым относятся следующие.

 

• Старые – шрифты простой и грубой формы. Бывают открытыми, полузакрытыми или моноширинными. Строчные буквы с крупным очком. В семейство входят, как прямые, так и наклонные гротески.
• Новые – более изящные версии предыдущих шрифтов, которые характеризуются отсутствием ярко выраженных отличительных черт. Выносные элементы верхней части имеют аналогичный прописным символам кегль.
• Открытые – современные гротески с малым контрастом и преобладанием негеометрических форм. Вертикальные штрихи со скошенными срезами встречаются только у этого типа рубленых шрифтов.
• Антиква-гротески – нечто среднее между гротесками и классическими шрифтами из времён эпохи Возрождения. На концах шрифтовых штрихов размещаются мелкие утолщения или засечки.
• Геометрические – шрифты с применением простых фигур вроде кругов или квадратов. Данный вид гротесков создали немецкие художники под влиянием дизайн-школы Баухауз и зародившегося в Советском Союзе конструктивизма.
• Моноширинные – спецшрифты с одинаковыми по толщине символами. Гротески используются в случаях, когда колонки и знаки должны совпадать по вертикали набора. Например, это актуально для программных листингов или вёрстки таблиц.
• Гуманистические – гротески с пропорциями, структурой и формой, которые основываются на старостильной антикве. Шрифты создаются с открытым рисунком и незначительным межштриховым контрастом.

 

BESTFONTS.PRO предлагает вам скачать бесплатно шрифты без засечек. Представленные в каталоге гротески вы можете использовать у себя на сайте или установить для MacOS, Photoshop, Figma, Sketch или ОС Windows. Чтобы быстро найти нужные коллекции, воспользуйтесь сортировкой по имени, рейтингу, количеству просмотров, дате добавления, условиям распространения и поддержке языков.

Руководство по распознаванию стилей шрифтов

Научиться различать стили шрифтов, было одной из самых сложных задач, когда я только начинал работать дизайнером. Будучи самоучкой, единственное существенное отличие, которое я видел, было то, что шрифт был либо с засечками (serif), либо без них (sans serif). Но чем больше я изучал, тем больше понимал, насколько широка вселенная стилей шрифтов.

Это руководство является выдержкой из главы 3 из книги «Лучшая веб-типография для лучшей сети», автор Matej Latin. Книга состоит из 13 глав, в которых читатель разрабатывает и создает пример веб-сайта.

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

Ну, вы можете так и поступить. На самом деле я так делал долгое время, особенно в начале моей карьеры. Но у меня была огромная проблема. Я никогда не был уверен в своих решениях при выборе шрифта, и что разработанная мной комбинация шрифтов хорошо взаимодействует между собой. Конечно, вы можете копировать другие или использовать самые популярные шрифты, основываясь на таких классификациях, как Top 10 самых популярных гарнитур Typewolf в 2019 году. Но не приводит ли это к чрезмерному использованию шрифтов? Посмотрите, что случилось с Helvetica, Gotham и Futura. Это те шрифты, которые используются так часто, что вы можете увидеть их буквально везде. Когда так происходит, они теряют свою уникальность. Использование очень популярного шрифта – это достоверный выбор, но при этом вы утратите свою оригинальность. Что касается качества, хотите ли вы, чтобы ваша типографика выделялась или гармонировала?

Предстоящие воркшопы

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

Антиква. Шрифты с засечками (Serif)

Антиква старого стиля (Old Style)

Первые шрифты old-style появились в 15 веке, и это было самое фундаментальное изменение стиля, потому что они отошли от стиля blackletter, который был впервые представлен Йоханнесом Гутенбергом. Улучшенные инструменты и в основном улучшенные функции штамповки букв позволили создать более лаконичный стиль.

Основные характеристики old-style гарнитур

Контраст штрихов низкий (1), а соединительные штрихи (hairlines) массивнее, чем в высококонтрастных шрифтах. Верхние засечки расположены под углом (2), нижние засечки плавно изогнуты в форме скобки (3), ось изогнутых элементов смещена влево (4), а высота x относительно мала. Эти стили до сих пор очень распространены в книгах, так как они являются традиционными и вызывают у читателей чувство теплой ностальгии. Garamond, Caslon и Bembo являются типичными примерами этого стиля.

Garamond (или в данном примере Adobe Garamond) является типичным и одним из самых узнаваемых примеров old-style гарнитур

Переходная антиква (Transitional)

Это стиль, который отошел от имитирования рукописных форм букв (Humanist и Old style). Он появился во Франции в 18 веке, в основном он был определен англичанином Джоном Баскервилем, но впервые стал популярным в современное время в Соединенных Штатах. В посте «Я люблю типографику» описывается шрифт Romain du Roi (King’s Roman, самый первый шрифт этого стиля), например:

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

Основные характеристики transitional гарнитур

Контраст в штрихах заметно выше (1), верхние засечки скошены (2), нижние засечки по-прежнему плавно изогнуты в форме скобки (3), а штрихи имеют вертикальный наклон (4) – вот где отступление от рукописных букв наиболее очевидно. Baskerville – безусловно, самый яркий пример transitional гарнитур.

Baskerville является прекрасным примером transitional стиля гарнитур

 Классицистическая и антиква нового стиля (Neoclassical & Didone)

Этот стиль впервые появился во Франции (снова) в 18 веке. Первый шрифт этого стиля был разработан Firmin Didot, отсюда и название. После этого за работу взялся Giambattista Bodoni и произвел шрифты, которые определяли этот стиль.

Основные характеристики didone гарнитур

Контраст между толстыми и тонкими штрихами является резким и драматичным (1), стержни штрихов имеют «шариковую» форму (2), ось изогнутых штрихов – вертикальная (3), а нижние засечки почти не изогнуты(4). Bodoni, ранее упомянутый Giambattista Bodoni, является самым известным шрифтом этого стиля.

Бодони – самый яркий пример стиля didone

Брусковые шрифты (Slab)

Этот стиль появился в Британии во времена промышленной революции в начале 19 века. Это первый стиль, цели которого совершенно отличны от его предшественников (Old style, transitional, Didone). Они были предназначены для длинных текстов. Slab был первым стилем, который был предназначен для рекламы, поэтому он должен был выделяться. Гарнитуры этого стиля обычно хорошо выглядят в больших размерах, и как правило, их не следует уменьшать и использовать для основного текста.

Основные характеристики slab гарнитуры

Изменения ширины штриха почти незаметны (1), ось изогнутых элементов – вертикальная (2), а нижние засечки очень тяжелые, без изогнутых линий (3). Roboto Slab – это отличный пример современной интерпретации Slab стиля и шрифта, который также можно использовать в меньших размерах для основного текста (в отличие от большинства оригинальных шрифтов Slab).

Roboto Slab является отличным примером современного шрифта Slab.

Кларендон (Clarendon)

Стиль Clarendon возник в середине 19-го века, чтобы использовать стиль Slab serif в меньших размерах. Сравнивая Clarendon со стилем Slab, сходство их конструкции заметно, но их разделяют мелкие детали. Clarendon явно «мягче» и более приятен для глаз.

Основные характеристики гарнитур Clarendon

Контраст в штрихах заметен (1), ось вертикальна (2), а нижние засечки короткие или средней длины, изгибы тоньше (3). Clarendon – безусловно самый значимый и известный шрифт этого стиля (даже назван в честь стиля).

Clarendon – главный представитель этого стиля

Гротески. Шрифты без засечек (Sans-serif)

Гротеск

Шрифты Grotesque были не первыми в стиле sans-serif, но были первыми, ставшими коммерчески популярными. Впервые были разработаны в конце 18-го века, но использовались только в 19-м веке. Их изначально назвали grotesque, потому что они смотрелись уродливо по сравнению с более ранними современными стилями (Transitional, Didone и т. д.).

Основные характеристики гарнитур grotesque

В штрихах (1) наблюдается заметный контраст, обычно используется прописная буква «g» (2), осевые элементы имеют вертикальный наклон (3). Franklin Gothic и Akzidenz Grotesk – типичные гротескные стили.

Franklin Gothic – хороший пример стиля grotesque.

Новые гротески (Neo grotesque)

Стиль neo-grotesque – более утонченная и элегантная версия стиля Grotesque. Появился в середине 20-го века, вдохновленный оригинальным гротескным стилем (прежде всего, шрифтом Akzidenz Grotesk), целью дизайнеров было создание нейтральных и рациональных шрифтов.

Основные характеристики шрифтов neo grotesque

Контраст в штрихах не сильно выражен (1), обычно используется прописная буква «g» (2), а осевые элементы имеют вертикальный наклон (3). Helvetica – безусловно самый культовый и неогротический шрифт.

Helvetica – безусловно самый известный шрифт нео гротеска

Геометрические гротески (Geometric)

Стиль Geometric sans-serif появился в Германии в 1920-х годах. Под влиянием движения Bauhaus эти шрифты были основаны на геометрических формах – треугольнике, квадрате и круге. Например, буква «О» часто представляет собой идеальный круг в стиле Geometric sans-serif.

Основные характеристики гарнитур geometric

Контраст в штрихах минимален (1), буква «о» – почти идеальный круг (2), эти рисунки также известны введением “single-story” дизайнов букв, отличным примером является строчная «а» (3).

Futura – самый известный шрифт geometric.

Гуманистические гротески (Humanist)

Это стиль без засечек, вдохновленный традиционными формами букв, в основном стилями шрифтов с засечками. Самые ранние humanist шрифты были разработаны в начале 20-го века, Johnston в 1916 году и Gill Sans в 1928 году. Эдвард Джонстон (разработчик гарнитуры Johnston) был каллиграфом и черпал вдохновение в классических формах букв, включая римские заглавные буквы.

Основные характеристики humanist шрифтов

В этих стилях заметно возвращение к более каллиграфическому стилю (2 и 3), так же контраст в штрихах может быть от низкого до умеренного (1).

Gill Sans – хороший пример гарнитуры humanist

Новые гуманистические гротески (Neo humanist)

Шрифт Frutiger (от Адриана Фрутигера) положил начало новому, современному стилю humanist. Основной целью этого стиля была разборчивость. Стиль получил большую поддержку и популярность в 1970-х и 1980-х годах в ответ на спрос на легко читаемые шрифты на первых (с низким разрешением) компьютерных экранах.

Основные характеристики neo humanist гарнитур

Контраст выше, особенно по сравнению с другими стилями sans serif (1), а высота х больше (2). Dax Pro – хороший пример гарнитур neo humanist.

Dax pro – отличный пример neo humanist гарнитуры

Как вам статья? Стали ли различия стилей гарнитур более явными и понятными?

Знаменитые дизайнеры vs научные исследования про читаемость шрифтов

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

А потом узнала, что ученые уже сто лет как выяснили то, про что до сих пор спорят дизайнеры.

Мы в Тинькофф сравнили мнение знаменитых дизайнеров и ученых о том, какие шрифты легче читать: антикву(с засечками) или гротески(без засечек).

Почему я вообще этим занялась

Однажды мне нужно было написать инструкцию для джунов о том, как выбрать шрифт. Я написала, что для больших текстов лучше использовать шрифты с засечками, потому что глаза меньше устают от такого шрифта и засечки помогают держать строку.
Потом пришел редактор и откомментил: «Пруфы?»

«Да это же очевидно»,  —  подумала я и открыла «Википедию»:

Согласно общепринятому мнению [источник не указан 1902 дня], засечки направляют движение глаз вдоль строк при чтении крупных массивов печатного текста. Oни способствуют связи букв в единую линию, облегчая визуальное восприятие и удобочитаемость текста.

В «Википедии» пруфов не было, и я пошла к книжному шкафу.

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

Юрий Гордон «Книга про буквы от Аа до Яя», Откуда взялись и зачем нужны засечки, стр. 51

Вообще, личный взгляд Юрия Гордона  —  это довольно веский довод, но все-таки. Я поискала в статьях Яна Чихольда:

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

Ян Чихольд «Облик книги», О типографике, стр. 21

Ян Чихольд

Ну ладно, старинные мастера опирались на чутье, но, может, кто-то посовременнее объяснит с пруфами?
Сергей Сурганов, арт-директор «Медузы», дизайнер Notion:

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

Инструкция арт-директора «Медузы» Сергея Сурганова «Как выбрать шрифт»

Короче, у нас три довода:
«согласно общепринятому мнению»,
«на мой взгляд»,
«считается»,
…

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

Понятия: разборчивость vs читаемость

Разборчивость (legibility) шрифта зависит от точности начертания его элементов, что обычно означает возможность распознавать отдельные буквы или слова.
Читаемость (readability) напрямую связана с оптимальной компоновкой и планом всего тела текста.

Засечки направляют взгляд по строке

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

Видео про саккады

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

Измерили продолжительность фиксации взгляда, среднее количество слов между ними, амплитуду саккад и число раз, когда человек задерживался на одном и том же слове.

Все различия оказались незначительными. Ой.

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

Шрифты с засечками и без засечек одинаково «держат» строку

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

Quantitative Analysis of Font Type’s Effect on Reading Comprehension Jaret Screws Clemson University Clemson, United States

Детям, в отличие от взрослых, легче читать шрифт без засечек

Даже если это и не так, в это точно верят производители азбук. Попробуйте найти хоть одну азбуку с антиквой.

Детские азбуки с первой страницы Гугла

Ученые взяли 80 детей 10 лет и 80 детей на два года старше, попросили их найти в тексте нужное слово (скрининг-тест) и измерили, как быстро у детей получилось это сделать.

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

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

Performance differences between Times and Helvetica in a reading task Rudi W. De Lange, Henry L. Esterhuizen and Derek Beatty

А что насчет ребят с плохим зрением?

Исследований про слабовидящих людей и шрифт довольно много.
В Journal of Visual Impairment and Blindness было опубликован обзор 18 исследований, в которых общее количество испытуемых было более 1500 человек.
Вывод исследователей: для людей с плохим зрением шрифты без засечек, такие как Arial, Helvetica, Verdana или Adsans, более читаемые, чем шрифты с засечками.

The Legibility of Typefaces for Readers with Low Vision: A Research Review Elizabeth Russell-Minda, Jeffrey W. Jutai, J. Graham Strong, Kent A. Campbell, Deborah Gold, Lisa Pretty, and Lesley Wilmot.

Шрифты и дислексики

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

Страница, которая показывает текст так, как его видят люди с дислексией, на dyslexiarf.com

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

На первое место по читаемости и у обычных людей, и у дислексиков вышел шрифт без засечек Arial (интересно, что схожая с ним до неразличимости Helvetica — на четвертом месте). Зато на втором месте неожиданно оказался моноширинный брусковый Courier.

Предпочтения же людей вообще однозначные: топ-3 шрифтов и у дислексиков, и у недислексиков — без засечек.

The Effect of Font Type on Screen Readability by People with Dyslexia
LUZ RELLO and RICARDO BAEZA-YATES

Эмоции и шрифты

Может, дело не в скорости чтения и разборчивости, а в особом настроении, которое создают шрифты с засечками?
В Лаборатории исследований юзабилити ПО в Wichita State University попробовали разобраться, как люди воспринимают шрифты.
Участники заполняли опросник, где указывали, какими, по их мнению, характеристиками обладают разные шрифты.

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

Perception of Fonts: Perceived Personality Traits and Uses By A. Dawn Shaikh, Barbara S. Chaparro, & Doug Fox

Для другого исследования взяли два сатирических отрывка из «Нью-Йорк Таймс»: один — о проблемах правительства, другой — о политике в образовании. Их напечатали в шрифтах Times New Roman и Arial одинакового размера и показали в случайном порядке 102 студентам университета, которые оценили их с помощью заранее заданных прилагательных.
Сатирические статьи, напечатанные Times New Roman, воспринимались как более смешные и злые, чем напечатанные Arial.

Emotional and Persuasive perception of fonts Samuel Juni, Julie S. Gross

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

Значит ли это, что все шрифты без засечек — безликие? Вообще, нет, но нейтральный шрифт с засечками менее нейтральный, чем нейтральный шрифт без засечек.

Читаемость шрифтов на электронных экранах

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

Разные типы сглаживания

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

Интересно, что самым читаемым оказался экранный шрифт со сглаживанием (а не напечатанный), и это шрифт без засечек — Arial. Второй после него  —  Verdana, тоже без засечек.
Зато без сглаживания лучше всего читалась Georgia  —  шрифт с засечками.

A STUDY OF THE READABILITY OF ON-SCREEN TEXT By Eric Michael Weisenmiller

Выводы

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

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

Если вас заинтересовала эта тема, можете провести собственное исследование: поискать на scholar.google.ru по запросу типа Font readability research. Там можно найти исследования и про оптимальный межстрочный интервал, и про восприятие разных начертаний шрифта, и про различия читаемости в зависимости от размера.

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

Типографика – знакомимся с популярными шрифтами

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

Типографика и ее особенности 

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

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

По самой простой классификации шрифты разделяются на…

антиква — имеет характерные засечки.

Итало-французская антиква в шрифте Adobe Garamond

гротеск — не имеет засечек, рубленный шрифт.

Пример шрифта гротеск – Helvetica

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

Шрифты так же могут быть:

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

Пример акцидентного художественного шрифта.

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

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

Кернинг – изменение интервала между буквами в зависимости от их формы:

Начертание шрифта – прямой, курсивный, жирный, полужирный и другие

Трекинг — расстояние между буквами вне зависимости от их формы.

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

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

Некоторые базовые правила и советы

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

---

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

---

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

Совет 1.

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

Совет 2.

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

Совет 3.  

Не стоит использовать в оформлении типографики сайтов Comic Sans. Изначально данный шрифт создавался для имитации написанных от руки букв комиксов и не предназначен для оформления серьезных тем. Большинство пользователей считают его нечитабельным для большого объема информации. И чаще всего используется в играх, афишах, небольших заголовков.

Совет 4.

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

Источник Wikipedia

Совет 5.

Очень выгодно в оформлении сайтов и мобильных приложений смотрится шрифт Sans Serif. Он выглядит по-деловому.

Совет 6.

Одно из главных правил типографики — ЧЕМ ПРОЩЕ, ТЕМ ЛУЧШЕ! Ограничьтесь одним, двумя шрифтами, а если хотите больше разнообразия — изменяйте начертание или размер шрифта.

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

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

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

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

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

Источник 

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

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

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

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

Источник

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

Бесплатный шрифт Celestina

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

Выбор шрифтов для проекта

Выбор размера шрифта

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

---

Стандартным является шрифт 12 пикселей с единичным интервалом.

---

Именно такие параметры применяются к основной массе текстов, размещаемых как на сайтах, так и полиграфии. Практически все книги печатаются именно таким текстом.

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

Выбор масштаба шрифта

Остается найти ответ на вопрос, а как подобрать масштаб? Все довольно просто!

---

Необходимо на область размером с лист А4 уместить не менее 2000 символов и не более 2800. Автоматически шрифт получится пропорциональный и удобочитаемый.

---

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

Выбор геометрии шрифта

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

• высота букв,
• жирность,
• контрастность цвета
• и кернинг.

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

Подписывайтесь на обновления блога «Дизайн в жизни» по e-mail или социальных сетях   и мы обязательно опубликуем для вас еще больше полезных уроков!

 

(Visited 259 times, 1 visits today)

Семейство шрифтов Monotype Grotesque® История шрифтов

Обзор Гарнитуры без засечек были известны в Англии девятнадцатого века как Grotesque (или Grotesk на немецком языке), потому что они казались большинству читателей такими необычными. Шрифт Monotype Grotesque — это простой дизайн 1926 года, который является одним из первых шрифтов без засечек, вырезанных для машинного набора горячего металла. Его простые, чистые линии делают его удобным для использования в тексте, а сокращенная и расширенная версии полезны для использования более короткого текста и отображения.. Монотипия Гротескная история

Дизайн Monotype Grotesque был первоначально основан на дизайне без засечек литейного завода H Berthold AG и оригинальном шрифте Уильяма Торогуда «Гротеск». Название «гротеск» имеет слегка туманное происхождение; некоторые считали, что наборщики, которые натолкнулись на оригинальный шрифт без засечек Уильяма Торогуда, прозвали его гротескным, потому что считали его уродливым. В то время принтеры использовали только шрифты без засечек в верхнем регистре и в заголовках / крупном шрифте.Введение гротескного набора строчных букв было новым направлением в дизайне шрифтов.

Он был разработан в то время, когда промышленная революция ускорила развитие полиграфического оборудования. Новые способы производства и обработки металлов позволили инженерам разработать очень впечатляющие и сложные машины, способные выполнять высокоскоростную печать. Тиражи газет были высокими, и, несмотря на мировую войну 1 ^и , из-за которой ресурсы были скудными, в бурные 20-е годы наблюдался высокий спрос на высококачественную печать, особенно на быстрорастущем рынке досуга, где реклама также становилась все более распространенной.Monotype Grotesque был введен, чтобы удовлетворить потребность в шрифте с авангардным внешним видом, чтобы соответствовать дизайнерским концепциям того времени.

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

Артикулы:
Typedia: Monotype Grotesque
Flickr: Monotype Grotesque

Гротескное использование монотипии

В начале 20-го 9000-го века -го века монотипные гротескные шрифты широко использовались в газетах и ​​крупном шрифте (до 72 пунктов).В последнее время он использовался для обложек ряда альбомов и подходит для использования на компьютерных дисплеях, поскольку имеет простые четкие линии и легко читается даже при небольшом кегле.

Уникально для семейства шрифтов

Monotype Гротескные заглавные буквы имеют почти одинаковую ширину, а несжатая версия «M» — квадратная. Примечательно, что буква «g» в некоторых весах имеет шпору. Некоторые строчные буквы — это просто римские стили.

Monotype Grotesque был одним из первых шрифтов без засечек, который использовался для машинного набора из горячего металла, и поэтому стал фаворитом для ряда наборщиков и дизайнеров страниц.Этот новый метод печати дал издателям новый способ снизить стоимость шрифтов, которые быстро изнашивались на современных высокоскоростных печатных машинах. Решение заключалось в том, чтобы шрифты были доступны как новые при верстке каждого тиража. Разработчику печатного оборудования того времени пришла в голову идея отливать шрифты в расплавленном сплаве свинец / олово, что означало, что пригодный для использования шрифт с четкими контурами и штрихами можно было печатать каждый раз. Это не позволяло их печатным газетам выглядеть немного «нечеткими», как это было бы со старым типом кованых газет из жидкого олова / сурьмы после нескольких использований.

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

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

Monotype Grotesque был выпущен корпорацией Monotype специально для этой машины, и в результате он стал широко использоваться, хотя и ограничивался печатными машинами, использующими машины Monotype.Шрифты, такие как Gill Sans ®, были очень похожи и приобрели большую популярность из-за другой техники того времени, и, возможно, диапазон шрифтов был шире, что делало их более популярным выбором. Современная оцифровка изменила все это, поскольку все старые семейства шрифтов теперь оцифрованы, а версии издаются многими производителями. Семейство Monotype Grotesque остается относительно небольшим семейством шрифтов, поэтому его характеристики легко увидеть в 12 доступных начертаниях и стилях.

20+ бесплатных высококачественных гротескных шрифтов — Bashooka

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

Неограниченные загрузки: 600 000+ гарнитур, шрифтов и дизайнерских материалов Объявление

Скачать сейчас

Бесплатный шрифт Miratrix

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

Гротеск бурбона

Bourbon Grotesque — это бесплатный универсальный шрифт без засечек.

Это шрифт без засечек с открытым исходным кодом, вдохновленный классическими гротесками.

Это бесплатный шрифт, воспевающий красоту контраста в типографике.

Anderson Grotesk — это хорошо читаемый шрифт без засечек, который имеет 3 толщины: обычный, средний и полужирный. Каждая гиря также сопровождается косой версией. Он отлично подходит как для заголовка, так и для основного текста, как для печатных, так и для цифровых изображений.

Это бесплатный дисплейный шрифт, разработанный Флорианом Карстеном, доступный в 5 вариантах начертания.

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

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

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

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

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

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

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

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

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

Ethna — это семейство современных гуманистических шрифтов без засечек.

Его можно использовать как для отображения, так и для текста в печатных СМИ или веб-приложениях.В Kollektif есть два стиля и два веса, и его можно загрузить бесплатно.

С утонченными мускулами и утонченными миниатюрными формами Radio Grotesk привносит современные черты в классический стиль.

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

Проект

«Время» — это дань уважения двум наиболее распространенным шрифтам начала тысячелетия — Times New Roman и Arial.

Moriston — это гротеск без засечек, доступный в 6 надежных весах, с поддержкой более 200 языков и множеством дополнительных стилей чисел.

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

Typotheque: семейство шрифтов Plan Grotesque

Название стиля

План Гротеск Светлый План Гротеск Легкий Курсив План Гротеск Обычный План Гротеск Обычный Курсив План Гротеск Средний План Гротеск Средний Курсив План Гротескный Смелый План Гротескный Полужирный Курсив

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

.

Обычный 0px

Название стиля

План Гротеск Светлый План Гротеск Легкий Курсив План Гротеск Обычный План Гротеск Обычный Курсив План Гротеск Средний План Гротеск Средний Курсив План Гротескный Смелый План Гротескный Полужирный Курсив

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

ошибки). Освоив формальное исполнение шрифта, они могут перейти к размышлениям о том, как применить свои навыки. Очевидно, что создание шрифта, который слишком тесно связан с существующими моделями, не оправдывает затраченных усилий. Или, как говорит мой коллега по Type & Media Эрик ван Блокланд: «Если существующий шрифт выполняет свою работу, нет причин создавать новый.”Нажмите, чтобы отредактировать

Обычный 0px

Terminal Grotesque — VTF

Terminal

Terminal Grotesque: Regular

Grotesque

Terminal Grotesque: Regular

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

Терминал Гротеск: Обычный

Ретрофутуристический

Терминал Гротеск: Открытый

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn ​​Oo Pp Qq Rr Ss Tt Uu Vv Ww Grotes Grotes 9000 Zz 9000 Обычный 9000 Терминал 9000

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

Terminal Grotesque: Open

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

Terminal Grotesque: Regular

Скачать шрифты и исходники

Образец веб-страницы

История версий

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

Набор символов

/site/assets/files/1954/terminal-grotesque-webfont-1.woff

Поделиться этим шрифтом в TwitterПоделиться этим шрифтом в Facebook

Ускоренный курс типографики: основы шрифта

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

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

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

Гарнитуры и шрифты: разница?

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

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

Есть несколько типов шрифтов;

• Старый шрифт с засечками
• Переходный шрифт с засечками
• Квадратный шрифт без засечек
• Геометрический шрифт без засечек
• Официальный шрифт
• Обычный шрифт

Когда большинство из нас говорит о «шрифтах», мы действительно говорим о шрифтах, или семейства шрифтов (которые представляют собой группы гарнитур со связанным дизайном).

Классификация гарнитур

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

Технический стиль гарнитур

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

Шрифты с засечками

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

В классификации с засечками существует множество подтипов. Гарнитура с засечками включает:

• Старые засечки , такие как Adobe Jenson, ITC Berkeley Oldstyle и Goudy Old Style
• Переходные засечки , такие как Times New Roman, Baskerville и Americana
• Neoclassical & Didone , как Didot, Marconi и Bodoni Slab Serifs как American Typewriter, Rockwell и Soho
• Clarendon Serifs как Bookman, Clarendon и Nimrod
• Glyphic Serifs как Albertus, Cartier Book и Friz Quadrata

Old Style (также называемые гуманистическими) — самые старые шрифты в этой классификации, относящиеся к середине 1400-х годов.Основной характеристикой знаков старого стиля является их диагональное ударение (наиболее тонкие части букв появляются на наклонных штрихах, а не на вертикальных или горизонтальных). Гарнитуры в этой категории включают Adobe Jenson, Centaur и Goudy Old Style.

Переходные шрифты с засечками появились в середине 1700-х годов и, как правило, являются наиболее распространенными гарнитурами с засечками. Times New Roman и Baskerville являются переходными шрифтами с засечками, как и Caslon, Georgia и Bookman.Различия между толстыми и тонкими штрихами в переходных гарнитурах более выражены, чем в старых шрифтах с засечками, но меньше, чем в современных.

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

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

Гарнитуры без засечек

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

Существует четыре основных классификации шрифтов без засечек :

• Гротеск как Венера, Монотипия Гротеск и Новостной готик
• Неогротеск как Гельветика, Сан-Франциско и Робото
• Гуманист как Тахома, Вердана, Калибри и Требушет
• как Готический , Avenir и ITC Avant Garde

Grotesques являются самыми ранними и включают такие шрифты, как Franklin Gothic и Akzidenz Grotesk.Эти гарнитуры часто имеют формы букв, которые очень похожи на шрифты с засечками, за исключением шрифтов с засечками.

Неогротескные гарнитуры включают некоторые из наиболее распространенных гарнитур: MS Sans Serif, Arial, Helvetica и Univers — все это неогротескные шрифты без засечек. По сравнению с гротесками, они имеют относительно простой вид.

Гуманистические шрифты включают Gill Sans, Frutiger, Tahoma, Verdana, Optima и Lucide Grande. Они более каллиграфичны, чем другие шрифты без засечек, а также являются наиболее разборчивыми (отсюда и популярность некоторых из них для основного текста веб-сайтов).Они более каллиграфичны, чем другие шрифты без засечек, а это означает, что у них более широкая вариация ширины линии.

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

Сценарии шрифтов Сценарии

основаны на почерке и предлагают очень плавные формы букв.Существует две основных классификации: формальный и случайный . Формальные шрифты часто напоминают рукописные буквы, распространенные в 17 и 18 веках. Некоторые сценарии основаны непосредственно на почерке таких мастеров, как Джордж Снелл и Джордж Бикхэм. Есть и современные разработки, в том числе Kuenstler Script. Они часто используются для очень элегантных и возвышенных типографских изображений и не подходят для основного текста.

Повседневные шрифты больше напоминают современный почерк и датируются серединой двадцатого столетия. ВНИМАНИЕ !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! «Они гораздо менее формальны, часто с более сильными мазками и более похожим на кисть видом. Обычные скрипты включают Mistral и Brush Script.

Гарнитуры дисплея

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

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

Дингбаты и специальные гарнитуры

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

Шрифт вверху — Jellodings.

Пропорциональные и моноширинные гарнитуры

В пропорциональных шрифтах пространство, занимаемое символом, зависит от естественной ширины этого символа. Например, буква «i» занимает меньше места, чем буква «m». Times New Roman — это пропорциональный шрифт. С другой стороны, в моноширинном шрифте каждый символ занимает одинаковое количество места.У более узких символов просто немного больше интервалов вокруг них, чтобы компенсировать разницу в ширине. Courier New — один из примеров моноширинного шрифта.

Настроение гарнитуры

Настроение шрифта — важная часть того, как его следует использовать. У разных шрифтов совершенно разные настроения. Обычно используемые настроения включают формальное против неформального, современное против классического / традиционного и легкое против драматического. Некоторые гарнитуры имеют очень четкое настроение . Например, Times New Roman почти всегда будет традиционным шрифтом, поэтому он так часто используется в деловой переписке.Вердана, напротив, имеет более современное настроение.

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

Веса и стили

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

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

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

Анатомия шрифта

Различные формы букв в гарнитуре имеют несколько общих характеристик. Эти характеристики могут быть важны при определении того, хорошо ли работают два (или более) шрифта вместе или конфликтуют. Вот самые основные части гарнитуры:

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

Средняя линия — это высота большинства строчных символов в гарнитуре и обычно основана на строчной букве «x», если высота строчных символов различается. Отсюда и термин «x-высота». Высота крышки — это расстояние между базовой линией и верхней частью прописных букв, таких как «A».

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

Верхний элемент символа нижнего регистра — это любая часть, которая возвышается над средней линией, например стойки на буквах «d», «h» и «b». Нисходящие элементы — это части символа нижнего регистра, которые опускаются ниже базовой линии, например «p», «q» или «g».

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

Апертура символа относится к отверстию в нижней части некоторых символов, таких как прописная «A» или строчная «m». Ушко — это декоративное расширение буквы, как выделено буквой «g» выше. Hairlines — самая тонкая часть шрифта с засечками.

Поперечины — это горизонтальные штрихи, обозначенные прописными буквами «A» и «H». Терминалы встречаются только на символах с засечками и являются концом любой строки, не имеющей засечки. Циклы встречаются на некоторых строчных буквах «g» и могут быть полностью или частично закрытыми.

Шпоры — это крошечные выступы из изогнутых штрихов, например, на некоторых прописных буквах «G». Звенья соединяют верхнюю и нижнюю чаши уложенной в два ряда строчной буквы «g». Корешок — это изогнутый штрих на букве «s».

Хвосты иногда представляют собой декоративные нисходящие штрихи, как видно на заглавной букве «R». Наконечники — конические окончания некоторых штрихов. Плечи — это любой изогнутый ход, исходящий от стержня.

В части 2…

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

Дополнительные ресурсы

(ik)

Эта статья изначально опубликована 28 марта 2011 г. и обновлена ​​27 июля 2020 г.

Кардинальный гротеск — очень крутая студия

Wide Black

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

Wide Black Italic

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

Широкий ExtraBold

Wide ExtraBold Курсив

Широкий жирный

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

Wide Bold Italic

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

Wide SemiBold

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

Wide SemiBold Italic

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

Wide Medium

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

Wide Medium Italic

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

Wide Обычный

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

Широкий Обычный Курсив

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

Wide Light

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

Wide Light Italic

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

Wide ExtraLight

Wide ExtraLight Italic

Wide Thin

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

Широкий Тонкий Курсив

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

ExtraBold

ExtraBold Italic

Bold

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

Полужирный курсив

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

SemiBold

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

SemiBold Italic

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

Средний

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

Средний курсив

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

Обычный

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

Обычный курсив

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

Свет

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

Светлый курсив

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

ExtraLight

ExtraLight Italic

Thin

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

Тонкий курсив

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

Полужирный полужирный шрифт

Полуконденсированный полужирный курсив

Полужирный полужирный

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

Полужирный полужирный курсив

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

SemiCondensed SemiBold

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

SemiCondensed SemiBold Italic

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

SemiCondensed Medium

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

SemiCondensed Medium Italic

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

SemiCondensed Regular

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

SemiCondensed Regular Italic

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

Полуконденсированный свет

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

SemiCondensed Light Italic

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

SemiCondensed ExtraLight

SemiCondensed ExtraLight Italic

SemiCondensed Thin

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

SemiCondensed Thin Italic

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

Condensed ExtraBold

Condensed ExtraBold Italic

Condensed Bold

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

Сокращенный полужирный курсив

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

Концентрированный полужирный шрифт

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

Сокращенный полужирный курсив

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

Конденсированная среда

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

Condensed Medium Italic

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

Конденсированный Обычный

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

Сокращенный Обычный Курсив

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

Конденсированный свет

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

Condensed Light Italic

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

Конденсированный ExtraLight

Конденсированный ExtraLight Курсив

Конденсированный Тонкий

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

Концентрированный тонкий курсив

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

ExtraCondensed ExtraBold

ExtraCondensed ExtraBold курсив

ExtraCondensed Bold

ExtraCondensed Bold Italic

ExtraCondensed SemiBold

ExtraCondensed SemiBold Italic

ExtraCondensed Medium

ExtraCondensed Light39

ExtraCondensed ExtraLight

ExtraCondensed ExtraLight Italic

ExtraCondensed Thin

ExtraCondensed Thin Italic

Founders Grotesk fonts · Klim Type Foundry

Founders Grotesk Light
Founders Grotesk Light Italic				35kb	45kb	33kb
Founders Gro tesk Regular				36кб		37KB	47Kb	35Kb
Учредители Гротеск Medium Italic				36kb	46Kb	34Kb
Учредители Гротеск SemiBold				38KB	49Kb	36kb
Учредители Гротеск Semibold Italic				36kb	46Kb	35Kb
Учредители Гротеск Жирный				36kb	47Kb	35Kb
Основатели Grotesk Bold Italic				36kb	46kb	34kb

.

No related posts.