Сегодня нет никаких технических, технологических, финансовых, нейро-эстетических обоснований для использования в цифровых продуктах такой конструкции как «шрифтовая пара». Это искусственное ограничение дизайнерской мысли носит исключительно исторических характер и не способствует здоровому развитию специалистов не заставших «типографскую печать».
Историческая параллель
Авторитет Яна Чихольда в дизайн среде — неоспоримый авторитет. Его вклад в современную типографику не только монументален, но и остается единственным воплощением всей печатной и цифровой продукции. В послевоенные годы новая волна «швейцарского дизайна» сформировало то как мы сейчас видим и воспринимаем любой текстовый формат: книги, газеты, сайты, электронные книги, соцсети и мессенджеры. И евангелистом Футурологов по праву является Чихольд.
Однако, и сто лет назад проблема выбора и количества шрифтов была также актуальна. Привожу две мои любимые цитаты из книги Новая типографика:
Я осуществляю типографическую революцию, направленную главным образом против идиотских тошнотворных книг, пассеистических стихов, с бумагой XVI столетия, украшенной галерами, Минервами, Аполлонами, заглавными буквами и вензелями, мифологическими овощами, эпиграфами и римскими цифрами. Моя книга должна быть футуристическим выражением нашей футуристической мысли. Еще лучше: моя революция направлена и против так называемой типографской гармонии, противной приливу и отливу стиля, разворачивающегося на странице. Мы будем употреблять на одной странице три или четыре разных цвета, а в случае необходимости двадцать разных шрифтов.
Ян Чихольд
Новая типографика
Причина таких революционных настроений, что тогда, что сейчас — прорыв в технологиях. О днях текущих чуть позже, сейчас об истории, чтобы понимать первопричины.
Необходимо, чтобы шрифт читался на рекламном билборде, когда мы проносимся мимо него на скорости 100 км час. Этой фразой можно определить всю послевоенную эпоху, а вместе с ней и новые веяния в дизайне и культуре. Скорость стала быстрее, города больше, печать дешевле. Локальную революцию произвело массовое распространение и доступность фотографии. Один клик затвора пришел на смену часам художника-иллюстратора. Это сравни Midjourney сегодня.
Для нового мира понадобились быстрые инструментарий производства рекламы и новые средства выразительности. Так появились в массовом сознании гротеск и культовая Helvetica, новые правила верстки и принципы печати. Что, разумеется, всегда было вопросом цены.
Шрифт стоит денег. Так было почти всегда.
В доцифровую эпоху шрифт представлял собой набор литер выточенных или отлитых на штампах. Они собирались в слова и предложения, строки в абзацы, а те в страницы. Каждый кегль символа был отдельным штампом. Держать и обслуживать несколько таких шрифтов было дорогостоящим предприятием, ровно как и умение работать с ними наборщикам.
На заре цифровой эпохи, было что то подобное. Когда появились операционные системы с поддержкой графического интерфейса, разрешение мониторов было низким. В то время все поддерживаемые шрифты были растровыми, что означало, что каждый кегль каждой буквы был отдельным рисунком с заведомо закрашенными пикселями. Небыло ни векторных шрифтов, ни алгоритмов их растеризации, были только закрашенные и не закрашенные пиксели.
По сравнению с вытачиванием печатного штампа, затраты на создание цифрового шрифта были не такие существенные, но труд оставался тяжким. Вот что об этих временах говорит Мэтью Картер, шрифтовой дизайнер, создавший Tahoma и Verdana для Microsoft.
Все хотят свою Гельветику
В 2011 Google представила шрифт Roboto. В 2014 Apple презентовала San Francisco. В 2016 CNN показали CNN Sans. В конце 2017 IBM представила IBM Plex, отчасти потому, что ежегодние зтраты на лицензирование Helvetic’и составляли миллион долларов.
С другой стороны, большинство типографских шрифты долгие годы оставались не оптимизированными для вывода на цифровые экраны и мелкий кегль. Работа по диджитализации той же Гельветики начались в 2004 и закончились в 2010.
Дело в том, что чернила имеют свойства растекаться и до начала второго десятка двухтясячных все шрифты, что мы использовали в цифре были преимущественно типографскими. Они учитывали это свойство жидких чернил, поэтому были определенных пропорций, леттеринге, ширины и имели «ловушки для чернил». Все изменилось с приходом Google fonts и шрифтов, предназначенных только для цифрового вывода.
Итого, уже есть ограничения по стоимости и технической реализации самих шрифтов, но это еще не все. Были ограничения и самого web.
Еще вчера
Сегодня все тыкают в экраны сенсорных дисплеев, уже и не помнятся ощущения от техники гипертапинга для набора нужного символа на Nokia 3310. Ровно как и забылось понятие «безопасных» шрифтов.
Точной даты стандартизации поддержки шрифтов я не вспомню, тк по большей части с 2008 по 2011 занимался Flash проектами. Но библиотека Google Fonts запущенная в 2010 году сделала свое дело — дизайнеры-верстальщики (еще одна забытая профессия) перестали «нарезать» нестандартные шрифты JPG’ами. А юристы перестали требовать файл лицензии на шрифт для подтверждения законности его использования на сайте, тк многие шрифты библиотеки GoogleFonts распространяются под лицензией SIL Open Font License.
И в этот маленький промежуток зарождения web’а, между типографскими-«безопасными»-дорогими и открытыми-цифровыми шрифтами родилось понятие «Шрифтовая пара». Тогда для основного текста использовалась какая нибудь «безопасная» Tahoma, а заголовки делались акцентным Impackt, но картинками.
В основе этой конструкции лежат принципы классической типографии — акцентирование внимания и выстраивание иерархии. Но в печати вы не встретите таких искусственных ограничений «пара». Для этого достаточно посмотреть обложку или разворот любого глянца. Даже на выпуске за 1949 их 7 и они, все семь, отлично выполняют свою функцию.
Ограниченный бюджет маленькой провинциальной типографии по выпуску газет в сороковые — не считается искусственнымм ограничением — оно реальное. А вот сегодня и в цифре у нас действительно нет таких ограничений, ни технических, ни финансовых. Однако, данную конструкцию продолжают тиражировать ведущие платформы и образовательные проекты.
Определения
Шрифтовые пары ? Задать для сайта особое настроение можно с помощью разных шрифтов для заголовка и для основного текста.
Tilda
Шрифтовая пара — это несколько шрифтов, которые визуально сочетаются между собой и решают дизайнерские задачи. Парами оформляют одно пространство — интерфейс, книгу, рекламный баннер, брендбук, дизайн-код города. Обычно пара состоит из текстового и заголовочного шрифта. Задача заголовочного — привлечь внимание, текстового — передать информацию.
Шрифтовая пара — это два шрифта, которые используют в дизайне для оформления текстов на одном пространстве: для заголовка и основного текста на листе в книге или на лендинге, для рекламного призыва и уточнения на баннере, в каталогах, постах в соцсетях, презентациях. Для фирменных стилей часто подбирают или разрабатывают не один шрифт, а пары, и в гайдлайнах указывают, как с ними работать.
Все определения объединяют пример с заголовком и текстом. Простите, а куда делись остальные текстовые объекты? Давно ли вы видели веб-страницу или экран приложения состоящие только из заголовков и текстов? А как же навигация, а кнопки, а CTA, а табы, а чекбоксы, а лейбы, а дискрипроры к полям ввода, а чипсы и тд?
В любом интерфейсе будет больше чем два объекта нуждающиеся в иерархии. Именно поэтому в 2013 году — десять лет назад. Компания Google представила нам Material Design, как стандарт для web и android платформ. В нем проработана иерархическая система различных текстовых объектов из 13 пунктов. При этом используется только одна гарнитура с разными начертаниями и кеглями.
Такой пример тоже относится к понятию «Шрифтовой пары», однако шо тут «парного» не понятно: и гарнитура одна и начертаний три и леттерспейсингов девять.
Шрифты в паре могут относиться к разным гарнитурам и полностью отличаться по стилю, то есть составлять контрастную пару. Либо наоборот могут быть подобраны в рамках одного семейства, сохранять единый визуальный облик, но различаться начертаниями и образовывать подобие.
Напомню, что стандартизация MD никогда не была про дизайнеров, наоборот, ее выпустили для команд не имеющих сильных дизайнеров, чтобы подтянуть исполнение всех приложений в Google Play до одного визуально приемлемого уровня. Те стандарт для разработчиков. И Гугл верила, что читая документацию условный «программист» сможет осилить 13 текстовых стилей, если снабдить их примером. Что подчеркивает, что она не является избыточной или мега-усложненной. А я верю, что и дизайнер может осилить больше чем два шрифта/гарнитуры в одном проекте.
Иерархия
К сожалению примеры, которыми аперируют адепты «шрифтовых пар» — это в основном печатный формат: брошюра, обложка, статья, пусть и в электронном виде. А как быть если речь идет о полноценном сайте, например медиа-платформе или стриминговом сервисе, на котором иерархия контента строится не только на уровне одной публикации или экрана, а на уровне категорий контента: новости, анонсы, лонгриды, акции, статьи, блог, сторис и т.д.
Красоту шрифта определяет не пара или подогнанные параметры кейгля и жирности, а его функциональность. Если есть значимая задача которую можно решить путем добавления еще одного начертания, еще одного шрифта, еще одного кегля, то это стоит делать!
У вас в проекте может получится и 6 шрифтов и 8 начертаний каждого. Главное чтобы это было функционально оправданно.
Прекрасный пример такого подхода, когда дизайнер думает, а не слепо придерживается правилу — Ярмарка Тщеславия — Vanity Fair. Когда даже заголовок и текст имеют по два разных набора шрифтов в зависимости от того логрид это или короткая новость. Не говоря уже о разнообразии лейблов, маркеров, дискриптеров и кнопок как на главной, так и в самих публикациях.
Вы в праве использовать любое количество шрифтов, если у этого решения есть обоснование. Ограничений к этому больше нет.