x
 
Роман Скрупник
30 сентября 2017
Советы почтой каждую неделю
Пожалуйста, получите наше письмо, чтобы подтвердить свой адрес:
Вы подписаны на «Советы за неделю»:

Вариативные шрифты — это хорошо или плохо? Продолжение


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

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

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

О вариативных шрифтах

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

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

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

Респонсивный летеринг Эрика ван Блокланда в четырёх разных ширинах окна браузера. Больше примеров респонсивного летеринга можно увидеть на тестовой странице сайта Летеррор

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

Вариативный шрифт «Дековар» Дэвида Берлоу — эксперимент в области разных осей с крайними начертаниями. У шрифта десять вариантов разных окончаний штрихов и 4 варианта «внутренностей», т. е. скелета букв

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

В следующем совете я расскажу о плюсах вариативных шрифтов в веб-типографике.

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

P. S. Это был субботний совет о шрифте в дизайне. Хотите знать всё о выборе шрифтов для проекта, о подборе шрифтовых пар, о каллиграфии, летеринге и создании собственных шрифтов? Присылайте вопросы.

Поделиться
Отправить

Цель рубрики — обсуждение вопросов дизайна всех видов, текста в дизайне и взаимоотношений дизайнеров с клиентами.

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

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

Вот такой веб 2.0.

Как подружить шрифт и иконку Как работать со шрифтами 3 Какие шрифты подходят для газетной вёрстки?




Недавно всплыло

Все уже успели заметить, что вы почти во всех пятничных примерах советуете немного поунижаться 12 1 Почему дизайнер должен уметь писать текст? 8 Экран ожидания в поликлинике 6