Шрифты для графического дисплея? Это же очень просто / Хабр
Скажете, это же все электрические приборы? Бесспорно. Но еще у них есть дисплей. Да, холодильники чаще могут обходиться без дисплея, чем смартфоны, но это неточно. В этом вопросе время на стороне холодильников.
В огромном числе современных электронных устройств, как в узкоспециализированных приборах, так и в массовых гаджетах, применяются средства отображения информации, среди которых растровые графические дисплеи занимают доминирующее место. Дисплеи повышают на порядок (часто на несколько) информативность и способствуют созданию более лаконичного, не перегруженного механическими органами управления, корпуса устройства. Также графические дисплеи дают разработчику свободу в создании пользовательского интерфейса: от простого с несколькими строками текста до навороченного с таким количеством текстовой и графической информации, на какое только способна фантазия разработчика.
Монохромная анимацияНапример
монохромная анимацияОднако, графический интерфейс пользователя практически никогда не может быть реализован только графическими примитивами — точками, линиями, геометрическими фигурами — без использования текста. Текст точно и однозначно «рассказывает» человеку о параметрах системы, ее настройках, прошлом и текущем состояниях.
Сегодня широкое распространение получила пользовательская и специальная электронная техника, значительная часть которой построена на базе микроконтроллеров. Микроконтроллер представляет собой вычислительную платформу, которая может быть запрограммирована почти неограниченным количеством алгоритмов, реализованных на разных языках программирования. Правда, на реализацию накладывают свои ограничения небольшой размер памяти программ (в среднем от единиц килобайт до единиц мегабайт) и ещё меньший размер оперативной памяти, обычно на порядок. А вот драйверы дисплеев, графические библиотеки и сам пользовательский графический интерфейс — отнюдь не компактные алгоритмы. Именно поэтому Вы вряд ли отыщете графические библиотеки для систем на микроконтроллерах, которые бы использовали «взрослые» векторные шрифты для вывода текста. Конечно, есть и такие микроконтроллеры, которые могут дать жару многим серьезным микропроцессорам прошлых лет, но это уже отдельная «весовая категория».
Embedded-шрифт изнутри
Обычно для решения задачи вывода текста в памяти программ создаётся специальный массив данных, так называемая таблица знакогенератора. Не пугайтесь, что он специальный, — все очень просто. В массиве-таблице по сути хранятся растровые изображения всех необходимых приложению символов. Функция графической библиотеки, выводящая текстовые строки, по очереди считывает из таблицы изображение каждого символа и «рисует» его в нужной позиции на дисплее. Все! Идея проста, как столб.
Рассмотрим пример такой таблицы. Предположим, что нам требуется изображение символа шириной 6 и высотой 8 пикселей. Причем, вертикальный ряд пикселей — столбец высотой 8 пикселей — будем кодировать ровно одним байтом. Самый первый байт будет кодировать самый левый столбец. Самый младший бит будет кодировать самый верхний пиксель столбца. Вот пример части такой таблицы:
0x5F, 0x00, 0x00, 0x00, 0x00, 0x00, // Символ 33 <!> ... 0x7E, 0x09, 0x09, 0x09, 0x7E, 0x00, // Символ 65 <A> 0x7F, 0x49, 0x49, 0x49, 0x36, 0x00, // Символ 66 <B> 0x3E, 0x41, 0x41, 0x41, 0x22, 0x00, // Символ 67 <C>
А вот та же часть в двоичной записи (посмотрите внимательно на биты — каждый из них кодирует один пиксель изображения):
0b01011111, 0b00000000, 0b00000000, 0b00000000, 0b00000000, 0b00000000, // Символ 33 <!> . .. 0b01111110, 0b00001001, 0b00001001, 0b00001001, 0b01111110, 0b00000000, // Символ 65 <A> 0b01111111, 0b01001001, 0b01001001, 0b01001001, 0b00110110, 0b00000000, // Символ 66 <B> 0b00111110, 0b01000001, 0b01000001, 0b01000001, 0b00100010, 0b00000000, // Символ 67 <C>
И, конечно же, посмотрим, как эти символы выводятся на дисплее (прямоугольники для лучшего представления знакомест символов):
Такой подход в хранении шрифта имеет свои преимущества и недостатки.
К преимуществам можно отнести небольшой размер таблицы знакогенератора в сравнении с размером файлов стандартных форматов шрифтов для «больших» систем, а также простоту программной реализации графических библиотек, основанных на этом подходе. И первое, и второе чрезвычайно важны в условиях жесткого дефицита памяти и вычислительных возможностей микроконтроллеров.
К недостаткам следует отнести проблемы с масштабированием, что является прямым следствием растровой природы такого шрифта.
Предыстория
В своё время мне пришлось разрабатывать программное обеспечение для устройства с графическим дисплеем RDX0120 на контроллере UC1601s. Использовался микроконтроллер Microchip PIC18. Тогда была найдена только одна работающая реализация драйвера, которая была жутко медленной и использовала моноширинный шрифт, внешним видом которого можно разве что отпугнуть будущего пользователя.
И вот, не впечатлившись результатом, была изучена документация на контроллер дисплея и разработана довольно быстрая библиотека. Шрифт, естественно, было решено сделать заново. Хотелось также, чтобы шрифт был не только моноширинным, но и пропорциональным, то есть чтобы символы в ширину занимали ровно столько места, сколько им требуется, с равным межсимвольным расстоянием.
Тут-то и понадобилось приложение, умеющее создать ту самую таблицу знакогенератора. Разработчики, которые хоть раз сталкивались с подобной проблемой, сразу же скажут: «Задача известная, решение тоже — утилита от MikroElektronika для создания именно таких шрифтов, и код генерирует аж на трех языках». Действительно, есть такая утилита. Я тоже пробовал ее использовать. Впечатления двоякие. Вроде бы все работает, и в то же время не хватает удобства и гибкости, сама таблица знакогенератора генерируется только по одному единственному алгоритму, который, очевидно, используется в графических библиотеках от той же MikroElektronika.
Идея
Народная мудрость гласит: «Если хочешь сделать что-то хорошо, сделай это сам». После изучения утилиты от MikroElektronika вдоль и впоперек пришло понимание, что так жить дальше нельзя. Тогда было решено начать собственный проект приложения, которое смогло бы удовлетворить самого требовательного разработчика. Хотелось видеть удобный редактор символов, предварительный просмотр образцов текста, наглядный импорт системных шрифтов, компактный формат хранения шрифтов, настраиваемый генератор кода и, конечно же, гибкость внешнего вида и функций приложения.
Как, наверное, большинство начинающих разработчиков, я был величайшим оптимистом и оценил время разработки в несколько месяцев. Как же я ошибался! Нет, действительно, за несколько месяцев был сделан рабочий прототип, но в таком виде его даже друзьям показывать было стыдно. Начался долгий процесс доведения до ума, в ходе которого приложение много раз изменилось внешне, обросло многими полезными и удобными инструментами. К сожалению, проект всегда был хоббийным, поэтому разработка была сильно неравномерной и разорванной во времени. Что в итоге сказалось на сроках выпуска готового приложения. Ведь старт проекту был дан где-то в конце 2015, а сейчас уже 2021.
Показывай уже!
«Вот он! Вот он — этот коварный тип…» (с).
Это приложение, которое умеет создавать растровые шрифты с нуля или на основе установленных системных. Имеет широкие возможности редактирования как отдельных символов, так и всего шрифта. Есть удобная навигация по символам, предпросмотр образцов текста, выбор кодировки и всяческие полезные настройки. И, конечно же, генерирует код на Си — ту самую таблицу знакогенератора. Причём этот генератор также имеет множество настроек, что позволяет интегрировать созданный шрифт в разные программные решения.
Полагаю, что дальше расписывать работу приложения будет нецелесообразно — получится длинное руководство пользователя. Которое, кстати, присутствует в репозитории проекта.
Пример реализации очень мелкого шрифта — меньше просто физически некуда.
Послесловие
Проект приложения имеет открытые исходные коды и является свободным программным обеспечением.
Сейчас приложение выпущено только под Windows. Может быть, в неопределённом будущем, будут выпуски и под другие ОС.
На сегодня в приложении доступно две локализации интерфейса — русская и английская. Если в сообществе появятся желающие помочь перевести приложение и справочные материалы на свой родной язык, добро пожаловать в репозиторий проекта. Там Вы найдёте всю необходимую информацию для перевода.
И, естественно, автор ждёт Ваших отзывов и комментариев — от похвалы до жёсткой критики. Всем удобной работы и хорошего настроения!
Обновление 1. Чтобы не превращать статью в сборник картинок, добавил ссылки на разделы справки, где есть иллюстрирующие скриншоты.
App Store: Шрифт — Fonts App
Снимки экрана (iPhone)
Описание
Получите сотни потрясающих пользовательских шрифтов, символов и каомодзи или даже создайте свой собственный почерк!
• Более 50 потрясающих пользовательских шрифтов
• Используйте в любом приложении с помощью нашего клавиатурного расширения
• Создайте свой собственный шрифт, просто рисуя на экране
• Проявите творческий подход с помощью японских каомодзи
• Сотни пользовательских символов
• Настройте клавиатуру под себя с помощью красивого фона
• Доступ к системным эмодзи прямо с нашей клавиатуры
Выражайте себя так, как хотите. Воспользуйтесь Fonts App прямо сейчас!
ПОДДЕРЖКА
Наша цель заключается в том, чтобы создать лучшие приложения в мире. Вы можете помочь нам, сообщая об ошибках а также запрашивая функции по электронной почте:
[email protected]
УСЛОВИЯ И КОНФИДЕНЦИАЛЬНОСТЬ
https://rocketapps.com/privacy.html
https://rocketapps.com/terms.html
СТОИМОСТЬ И УСЛОВИЯ ПОДПИСКИ:
Приложение предлагает автоматически продлеваемую месячную подписку за 3,99 долларов США в месяц (или эквивалентную сумму в другой валюте) и автоматически продлеваемую годовую подписку за 39,99 долларов США в год (или эквивалентную сумму в другой валюте), чтобы предоставить вам неограниченный доступ ко всем функциям PRO, пока ваша подписка активна.
Платеж будет списан с кредитной карты, привязанной к вашей учетной записи iTunes, когда вы подтвердите первоначальную покупку подписки. Подписка автоматически продлевается, если автоматическое продление не будет отменено не позднее чем за 24 часа до окончания текущего периода подписки.
Версия 1.5.7
Bugfixes and user interface improvements
Оценки и отзывы
Оценок: 233
<( ̄︶ ̄)>
Топ
Спасибо за высокую оценку, нам очень приятно! Thank you for your great rating, we appreciate it a lot!
кастомный шрифт не работает в других приложениях
когда следую указанием и пишу что-то в специальном окошке, там появляется просто пустота, которая не копируется.
Обратите внимание!
С радостью поставила бы 5 звезд, но есть один большой минус! После переключения на клавиатуру приложения невозможно вернуться обратно, РАЗРАБОТЧИКИ ОБРАТИТЕ ВНИМАНИЕ! Приходится удалять приложение, чтобы хотя бы просто написать сообщение на русском.
Жду ответа!
Hello. Thank you for your feedback. We are already looking into this issue and will release an update as soon as possible to fix it!
Разработчик Rocket Apps GmbH указал, что в соответствии с политикой конфиденциальности приложения данные могут обрабатываться так, как описано ниже. Подробные сведения доступны в политике конфиденциальности разработчика.
Данные, используемые для отслеживания информации
Следующие данные могут использоваться для отслеживания информации о пользователе в приложениях и на сайтах, принадлежащих другим компаниям:
- Идентификаторы
- Данные об использовании
Связанные с пользователем данные
Может вестись сбор следующих данных, которые связаны с личностью пользователя:
- Пользовательский контент
- Идентификаторы
- Данные об использовании
Не связанные с пользователем данные
Может вестись сбор следующих данных, которые не связаны с личностью пользователя:
Конфиденциальные данные могут использоваться по-разному в зависимости от вашего возраста, задействованных функций или других факторов.
Информация
- Провайдер
- Rocket Apps GmbH
- Размер
- 42,1 МБ
- Категория
- Графика и дизайн
- Возраст
- 4+
- Copyright
- © 2022 Rocket Apps GmbH
- Цена
- Бесплатно
- Сайт разработчика
- Поддержка приложения
- Политика конфиденциальности
Поддерживается
Другие приложения этого разработчика
Вам может понравиться
DigiPortfoolio OÜ печать на масках в Нарве
Рассмотрим варианты работы со шрифтами, а так же вопрос отображения уникального шрифта на выбранном на web-сайте.
В уроке используются следующие параметры CSS:
- font-family
- font-style
- font-variant
- font-weight
- font-size
Семейство шрифта
Свойство font-family указывает приоритетный список шрифтов, используемых для отображения данного элемента или web-страницы. Если первый шрифт списка не установлен на компьютере, с которого выполняется доступ к сайту, ищется следующий шрифт списка, пока не будет найден подходящий.
Для категоризации шрифтов используются два типа имён: имя семейства/family-name и общее/родовое семейство/generic family. Эти два термина объясняются далее.
Family-name
Пример family-name (часто называемое просто «шрифт») это, например, «Arial», «Times New Roman» или «Tahoma».
Generic family
Его можно проще описать как группу family-names, имеющих характерные общие черты. Пример — sans-serif, набор шрифтов без «засечек/feet».
Разницу можно также проиллюстрировать так:
При указании шрифтов для вашего web-сайта вы, естественно, начинаете с предпочтительного шрифта, а затем перечисляете альтернативные. Рекомендуем в конце списка указывать родовое имя. Тогда страница, как минимум, будет отображена шрифтом того же семейства, если отсутствуют все специфицированные конкретные шрифты.
Список шрифтов может выглядеть так:
h2 {font-family: arial, verdana, sans-serif;}
h3 {font-family: «Times New Roman», serif; }
Заголовки <h2> будут отображаться шрифтом «Arial». Если он не установлен на пользовательской машине, будет использоваться «Verdana». Если недоступны оба шрифта, для показа заголовков будет использован шрифт семейства sans-serif.
Обратите внимание, что имя шрифта «Times New Roman» содержит пробелы, поэтому указано в двойных кавычках.
Стиль шрифта
Свойство font-style определяет normal (обычный), italic (курсив) или oblique (наклонный). В примере все заголовки <h3> будут показаны курсивом italic.
h2 {font-family: arial, verdana, sans-serif;}
h3 {font-family: «Times New Roman», serif; font-style: italic;}
Вариант шрифта
Свойство font-variant используется для выбора между вариантами normal и small-caps. Шрифт small-caps использует малые заглавные буквы (upper case) вместо букв нижнего регистра. Непонятно? Смотрите примеры:
Если font-variant имеет значение small-caps, а шрифт small-caps недоступен, браузер, скорее всего, отобразит текст буквами верхнего регистра.
h2 {font-family: arial, verdana, sans-serif;}
h3 {font-family: «Times New Roman», serif; font-style: italic;}
h4 {font-variant: small-caps;}
Вес шрифта
Свойство font-weight описывает, насколько толстым, или «тяжёлым», должен отображаться шрифт. Шрифт может быть normal или bold. Некоторые браузеры поддерживают даже числовые значения 100-900 (в сотнях) для описания веса шрифта.
- normal — обычный шрифт
- bold — полужирный шрифт
- bolder — жирный шрифт
- lighter — тонкий шрифт
Пример кода:
h2 {font-family: arial, verdana, sans-serif; font-weight: bold;}
Размер шрифта
Размер шрифта устанавливается свойством font-size.
Размер шрифта может быть задан в процентах или пикселях и любых других допустимых единицах измерения CSS, а так же абсолютным или относительным значением.
значения абсолютного размера шрифта:
- xx-small — очень очень маленький
- x-small — очень маленький
- small — маленький
- medium — средний
- large — большой
- x-large — очень большой
- xx-large — очень очень большой
значения относительного размера шрифта:
- larger — больше чем размер шрифта родительского элемента
- smaller — меньше чем размер шрифта родительского элемента
Примеры:
h2 {font-family: arial, verdana, sans-serif; color: #ff0000;background-color: #fc9804; font-size: 30px;}
h3 {font-size: 12pt; font-family: «Times New Roman», serif; font-style: italic;}
h4 {font-size: 120%; font-variant: small-caps;}
p { font-size: 1em; font-weight: bold; }
Есть одно отличие в указанных единицах измерения: ‘px’ и ‘pt’ дают абсолютное значение размера шрифта, а ‘%’ и ’em’ — относительные. Многие пользователи не могут читать мелкий текст, по разным причинам. Чтобы сделать ваш web-сайт доступным для всех, вы должны использовать относительные значения, такие как ‘%’ или ’em’.
Задания
Установите парметры шрифта для заголовка h2 — жирный, все буквы большие, цвет красный и размер 25px
Установите парметры шрифта для заголовка h3 — наклонный, цвет черный и размер 2em
Установите парметры шрифта для заголовка h4 — размер 1em
В предыдущем уроке мы рассматривали работу с цветом и фоном страницы
В следующем уроке мы рассмотрим работу с текстом
Как задавать размеры шрифта в вёрстке — Журнал «Код»
Продолжаем говорить о размерах в CSS. Мы уже разбирали пиксели, проценты и зависимость от окна браузера, а теперь посмотрим на особенности размеров шрифтов.
Коротко о том, что уже было: пиксели и высота экрана
Самый простой способ задать размер чего-нибудь на веб-странице — указать его в пикселях:
font-size: 16px;
Также можно указать размер в виде пропорций от ширины или высоты браузера. Например, чтобы размер шрифта был 1/10 от высоты окна. Необычно, но может быть интересно:
font-size: 10vh;
Проценты и шрифты
Ещё есть проценты, но с ними сложнее: нужно знать размеры родительского элемента, чтобы процентам было от чего отталкиваться. Например, если мы просто напишем font-size: 50%;, то браузер сделает так:
- Поищет в стилях, есть ли где-то точное указание размеров шрифта для этого или родительского элемента.
- Если есть — возьмёт 50 процентов от них.
- Если нет — возьмёт стандартный размер шрифта для этого элемента из своих настроек и уже от них посчитает 50%.
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <title>Размеры шрифтов</title> <style type="text/css"> /*задаём общие параметры для всей страницы*/ body { text-align: center; margin: 10; font-family: Verdana, Arial, sans-serif; font-size: 40px; } </style> </head> <body> <p>Привет, это журнал «Код»!</p> </body> </html>Браузер взял размер шрифта 40 пикселей из общих настроек для всей страницы.
Теперь добавим отдельный стиль для абзаца и в нём укажем, что размер текста должен быть 50%:
p {
font-size: 50%;
}
А вот что будет, если мы удалим размер в пикселях из стиля body{} и дадим браузеру самому разобраться с размером:
Так как мы не задали точные размеры, то браузер взял какой-то свой размер абзаца по умолчанию и посчитал 50% от этого стандартного размера. Получилось мелко и нечитаемо.
Em — относительный размер шрифта
Если неохота считать проценты или нужно, чтобы шрифт точно был в 2 раза больше или в 0,7 раз меньше обычного шрифта, используют em. Это то же самое, что проценты: font-size: 100%
— это как font-size:1em
.
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <title>Размеры шрифтов</title> <style type="text/css"> /*задаём общие параметры для всей страницы*/ body { text-align: center; margin: 10; font-family: Verdana, Arial, sans-serif; font-size: 20px; } </style> </head> <body> <!-- текст с основным размером шрифта --> <p>Привет, это журнал «Код»!</p> <!-- эта строка будет иметь шрифт в 2 раза больше --> <p>А это — статья про размеры шрифтов</p> <!-- а эта — в 0,7 раза меньше, чем основной шрифт--> <p>И здесь всё постоянно меняется</p> </body> </html>
Так же, как и с процентами, em — это относительные значения. Всё зависит от родительского элемента. В этом примере родительским элементом был общий размер для всей страницы, заданный в body{}. Но что, если мы вложим с помощью блоков абзацы друг в друга?
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <title>Размеры шрифтов</title> <style type="text/css"> /*задаём общие параметры для всей страницы*/ body { text-align: center; margin: 10; font-family: Verdana, Arial, sans-serif; font-size: 20px; } </style> </head> <body> <div> <!-- текст с основным размером шрифта --> <p>Привет, это журнал «Код»!</p> <!-- меняем размер текста относительно предыдущего блока --> <div> <!-- эта строка будет иметь шрифт в 2 раза больше предыдущего блока --> <p>Делаем шрифт побольше предыдущего</p> <!-- снова меняем размер текста, но уже относительно предыдущего блока --> <div > <!-- эта строка будет в 0,7 раза меньше, чем в предыдущем блоке--> <p>А этот — поменьше своего предыдущего</p> </div> </div> </div> </body> </html>
Размеры в эмах удобно использовать для вёрстки разных иерархических элементов, где каждый вложенный уровень должен по размеру быть меньше предыдущего. Чтобы каждый раз не считать размеры вручную, можно использовать одно и то же значение в em — а браузер сам уменьшит шрифт пропорционально вложенности.
👉 Em считается относительно текущего размера шрифта и пересчитывается при изменении размеров родительского шрифта. Это можно использовать для адаптивной вёрстки.
Кроме em есть ещё rem — она считает размеры шрифта только относительно тех, которые заданы в блоке стилей html{}. Если этого блока нет или в нём ничего не написано — rem посчитает размер шрифта от стандартного значения в браузере. Отличие от em в том, что даже при вложенности друг в друга все значения будут считаться не относительно предыдущего блока, а относительно значения в html{}.
Межстрочный интервал
Помимо размера самих букв у текста есть параметр межстрочного интервала — это расстояние между нижними краями текста на каждой строке.
Стандартное значение межстрочного интервала — normal. Это значит, что браузер спросит у шрифта, какое межстрочное расстояние тот предпочитает. Вам ни о чём думать не нужно:
p {font-size: 1em; line-height: normal}
Интересно, что вся строка выше в целом бессмысленна, потому что она говорит браузеру «у текста абзацев должен быть стандартный размер и стандартный межстрочный интервал». На что браузер справедливо скажет: «Да я и так бы их сделал стандартными, не учи меня жить».
Иногда мы используем нестандартные шрифты, в которых браузер не знает стандартного межстрочного интервала. Или он его знает, но нас этот интервал не устраивает. Тогда интервал можно задать во всех тех же единицах: пикселях, емах, процентах.
p {line-height: 22px;}
p {line-height: 1.3em;}
p {line-height: 130%;}
Как адаптировать размер текста под размер экрана
Допустим, дизайнер поручил нам сделать так, чтобы заголовки на странице меняли размер в зависимости от ширины экрана. Если экран широкий, то и заголовок должен быть большим. Если экран узкий — пусть будет компактным.
Делаем сами: адаптивный сайт
Самый прямолинейный способ это сделать — задать размер в единицах vw. Например, 1vw — это 1% ширины экрана; 10vw — 10% ширины экрана. Если экран шириной 1000 пикселей, то 20vw — это 200 пикселей.
Звучит неплохо, но может плохо выглядеть: смартфоны обычно очень узкие, а экраны компьютеров очень широкие, и разница в размере шрифта будет в 5–6 раз. И если, например, основной текст фиксированного размера, а заголовки должны менять размер, то на широких экранах заголовки будут мельче, чем основной текст.
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <title>Размеры шрифтов</title> <style type="text/css"> /*задаём общие параметры для всей страницы*/ body { text-align: center; margin: 10; font-family: Verdana, Arial, sans-serif; } h3 { /*заголовок будет фиксированного размера*/ font-size: 40px; } p { /*а размер текста будет зависеть от ширины экрана*/ font-size: 5vw; } </style> </head>` <body> <div> <!-- заголовок, размер которого зависит от размера экрана --> <h3>Привет, это журнал «Код»!</h3> <!-- основной текст, который не зависит от размера экрана --> <p>Этот текст зависит от ширины экрана. Чем больше ширина — тем больше размер этого текста</p> </body> </html>На телефоне с узким экраном всё выглядит нормально.А на широком экране компьютера текст стал больше заголовка.
Второй вариант — использовать медиазапросы. Мы расскажем о них подробно в другой статье, а пока кратко: это когда мы можем накатывать разные стили на документ в зависимости от того, как этот документ отображается. Можно сказать: «Если экран шире 500 пикселей, используй вот такой размер шрифта; если шире 1000 пикселей — сякой; а если это не веб-страница, а версия для печати — вообще используй другой шрифт и размер».
Тогда мы можем просто задать размеры стандартных экранов смартфонов и прописать нужные размеры текста для каждого, и всё будет выглядеть идеально.
@media screen and (min-width: 601px) { h3 {font-size: 110px;}}
@media screen and (max-width: 600px) { h3 {font-size: 40px;}}
Текст:
Михаил Полянин
Редактор:
Максим Ильяхов
Художник:
Даня Берковский
Корректор:
Ирина Михеева
Вёрстка:
Кирилл Климентьев
Соцсети:
Олег Вешкурцев
Рустам Габбасов: «Шрифт – это искусство!»
Оказавшись в арт-резиденции Переделкино в буквальном смысле слова за одним столом с Рустамом Габбасовым, сооснователем специализированного онлайнового журнала «Шрифт» и сопутствующего ему издательства Sсhrift Publishers, я не мог упустить возможность поговорить с ним о его любимом деле. Потому что шрифтовики – совершенно отдельные люди, вызывающие восхищение у и филологов, и у дизайнеров: то, чем они занимаются, ускользает от рационального понимания – но хорошо чувствуется на подсознательном уровне.
Интервью: Михаил Визель
Мой первый вопрос – о том, когда и почему возникло это издательство, столь узко специализированное?
Рустам Габбасов: Оно возникло осенью 2013 года по очень простой причине. Мне и моему другу и соиздателю Евгению Юкечеву очень не хватало ресурса, на котором бы регулярно появлялись профессиональные тексты об истории шрифта, о типографике, о книжном дизайне. Мы оба были в тот момент выпускниками Британской школы дизайна, отучились на курсе у Ильи Рудермана, основателя шрифтовой студии CSTM Fonts (совместно с Юрием Остроменцким) и шрифтового магазина type.today. И вот в 2013 году мы запустили онлайн-журнал под названием «Шрифт» (typejournal.ru), пригласили к участию редколлегию. Нам очень важно было, чтобы у нас был экспертный состав коллег, с которыми мы могли бы сверять наши планы.
С кем же?
Рустам Габбасов: Юрий Гордон, Валерий Голыженков, Дима Барбанель, Евгений Григорьев, Гаянэ Багдасарян, Владимир Кричевский, Илья Рудерман и Эмиль Якупов. Это был замечательный профессиональный состав редколлегии. Мы задумали сайт не как какой-то бодрый медиаресурс, где каждый день что-то будет появляться. Скорее как ресурс, который говорит неспешным языком с внимательным читателем. Тем читателем, который хочет читать лонгриды, очень качественно проиллюстрированные, чистые с точки зрения прав. Это принципиальный момент. Тогда (да и сейчас) шрифтовой рынок сильно страдал от пиратства, и нам хотелось обратить внимание читателей на правовые вопросы.
Прежде чем мы перейдём к истории со шрифтами, ещё пару слов об истории с вашим сайтом. Я так понимаю, это история абсолютно некоммерческая. Вы не ставили себе цели зарабатывать…
Рустам Габбасов: Зарабатывать – нет, конечно.
А как же?
Рустам Габбасов: У проекта несколько учредителей, вернее, партнёров. Все они оказали финансовую либо техническую помощь. Во-первых, в 2013 году это была компания «Яндекс», которая с энтузиазмом идею такого журнала восприняла. Дима Барбанель вместе с «Яндексом» создавал тогда Сampus, регулярные интенсивы для дизайнеров в Подмосковье. Женя при поддержке Мастерской Димы Барбанеля представил проект журнала «Яндексу». Так у нас появился хороший бюджет, который нам позволил запуститься.
То есть вам просто выделили бюджет. А по какому департаменту его провели? По пиару, по разработкам?
Рустам Габбасов: Нет, по коммуникациям, если не ошибаюсь. Департамент дизайна тогда в «Яндексе» возглавляла Лола Кристаллинская. Бюджет позволял нам поддерживать финансово наших авторов, наследников художников — мы старались держать планку гонораров на достойном уровне и даже гордились этим.
Шрифт по имени Pushkin
Да уж, действительно, повод для законной гордости!
Рустам Габбасов: Для нас это была принципиальная установка. Ещё одним партнёром была компания «ПараТайп», которая и сегодня нас поддерживает – это известнейшая в России студия, выпускающая шрифты с кириллицей, и лично Эмиль Якупов – на тот момент директор компании. Его энергия и блестящая эрудиция нам помогли найти опорные точки в работе. Так с финансовой и дружеской помощью партнёров мы и запустились – с негласным условием, что никто не вмешиваeтся в редакционную политику. Мы, естественно, не должны были как-то подспудно рекламировать ни «Яндекс», ни «ПараТайп» – это была меценатская, просветительская история с их стороны.
И как же вы перешли от издания сайта на деньги просвещённых спонсоров к изданию книг? Конечно, история естественная, что люди, озабоченные шрифтами, хотят видеть свои шрифты на бумаге. Но как это практически осуществилось?
Рустам Габбасов: В 2013 году прошла первая международная шрифтовая конференция «Серебро набора»…
Какое название!
Рустам Габбасов: «Серебро набора» – это несколько снобистский термин, которым типографы-классики называют идеально ровный блок текста, однородный по цвету отпечатка набор: красивый, чёткий, без просветов и дырок. По одной из версий, он возник в эпоху голландских издателей Эльзевиров, их безупречно набранные и отпечатанные книги восхищали современников. И к этой конференции (а мы там рассказывали про журнал) нам хотелось что-то выпустить, что можно подарить, продать, показать. Это была небольшая брошюра, которую мы подготовили на основе нашей первой публикации в журнале. Она называлась «Гражданский шрифт и кириллический Киш».
КиШ?!
Рустам Габбасов: Киш. Сейчас поясню. Автором этого очерка был Владимир Венедиктович Ефимов – художник, график, арт-директор компании «ПараТайп». Это его рассказ о том, как он cпроектировал кириллический состав знаков в гарнитуре, которая называется Kиш (Kis) – по имени художника и пуансониста Николая Киша (Tótfalusi Kis Miklós, 1650–1702). Он венгр по происхождению, уникальнейшая личность – не будучи ни художником, ни гравёром, а будучи, в общем, человеком слова, философом и теологом, он оказался откомандирован в Амстердам для того, чтобы изучить ремесло типографа и шрифтовика и на венгерском языке издать Библию. Он отправился в Амстердам и не только научился у голландцев ремеслу типографа и издателя – он их во многом превзошёл. И оставил после себя приличное количество шрифтов, образцы которых сохранились во многих европейских странах. И вот антикву Kis, которая в цифровом виде уже существовала в компании Bitstream, Владимир Ефимов и кириллизовал. Это был интереснейший процесс, где он рассказывает ещё и очень кратко об истории гражданского шрифта.
У него была идея, что если бы Пётр не торопился, а посмотрел вокруг и обратился к каким-то ярким образцам антиквы того времени, то кириллица послереформенная могла бы выглядеть немножко иначе. А одним из лучших образцов как раз были шрифты Николая Киша. Мало того, у Петра на уровне двух рукопожатий был доступ к этому человеку – просто не сложилось. Русские послы знали о Николаусе Кише, и если бы Пётр с ним познакомился, это был бы несколько иной дизайн-процесс, говоря современным языком.
Но ведь венгерский алфавит пишется латиницей. Там есть всякая диакритика, но на основе латиницы. А были к тому времени гражданские, не церковные кириллические шрифты – в Болгарии, в Сербии? Или Пётр был первым, кто заказал светским шрифтовикам кириллицу?
Рустам Габбасов: Пётр был первым, кто, что называется, примерил гражданское платье на полуустав. Он очень хотел латинизировать саму графику. И, конечно, это был абсолютно прорывной проект. Можно вспомнить разве что Людовика XIV. У него был похожий проект. Он не занимался, естественно, изменением графики алфавита, но он создал, по сути, государственный шрифт – так называемую королевскую антикву. Это был очень серьёзный проект с комиссией из художников и гравёров, которые спроектировали romaine de roi, королевскую антикву, ей набирались самые торжественные и важные документы, книги в том числe, например, сборник, посвящённый всем наградам и медалям эпохи Людовика.
Я понимаю, что вы сели на своего конька. Но давайте вернемся от Людовика к вам. Итак, вы выпустили эту брошюру к конференции и поняли, что это хорошо.
Рустам Габбасов: И мы поняли, что наш журнал, на котором уже появилось какое-то количество публикаций, – это хороший источник для новых книг. И с 2014 года параллельно запустили издательство. Изначально мы думали, что это будет коллекционная история: брошюры, которые люди будут собирать, подшивать. Но от этой идеи мы быстро ушли.
И к чему же пришли?
Рустам Габбасов: Мы пришли к тому, что нам интересно делать хорошие большие монографии, ресурсом для которых могут быть частные архивы, коллекционеры и те исследования, которые мы параллельно готовим для журнала. И, конечно, переводные книжки, потому что всё-таки западный типографический мир немыслим без большого количества очень качественных и хороших, интересных книг по шрифтам, чего у нас, в общем, почти и не было в тот момент.
Сколько вы книг выпускаете в год?
Рустам Габбасов: Если мы две книги в год издаём, мы считаем, что это хороший результат.
А вот когда вы говорите «мы», какое количество работающих людей имеется в виду?
Рустам Габбасов: В редакции восемь человек. Я работаю выпускающим редактором, Женя Юкечев — наш главред, я в Москве, Женя живёт в Берлине с семьёй. С нами также Олеся Гиевская, наш редактор и друг всех авторов, сейчас она живёт и работает на Кипре. Наташа Гареева — литературный редактор и корректор, Настя Минасова, исследователь, а также Владимир Пушкарёв, Науэль Бенку, Светлана Виноградова. Последних трёх мы пригласили в редакцию в качестве интернов около года назад, и сейчас они они нам помогают с развитием соцсетей, вёрсткой новых статей в журнале, фотосъёмкой, редактурой… Вот такая разбросанная по миру, но дружная редакция, у всех есть другая работа, а «Шрифт» — это проект, которому каждый из нас посвящает свободное время по мере сил и вдохновения.
Но в экономическом или хотя бы символическом смысле оно себя оправдывает?
Рустам Габбасов: В этом году у нас есть цель — заново переделать наш интернет-магазин (им занимается как раз Володя Пушкарёв), скорректировать ритм постов в соцсетях и рассылку, проверить — позволит ли он окупать затраты на вышедшие книги, а ещё лучше — собирать бюджет на новые издания. Это будет хорошим результатом в нынешнее время.
У вас очень узкая целевая аудитория, но она очень лояльная.
Рустам Габбасов: Очень! Про нашу аудиторию хочется петь какие-то арии, петь ей дифирамбы. Потому что это самые терпеливые люди в мире. После того, как «Яндекс» нас покинул, мы стали издавать книги по модели краудфандинга на сайте planeta.ru. Вот эти две условные книжки в год – это, как правило, краудфандинг.
То есть вы сначала собираете заказы…
Рустам Габбасов: Пока мы делаем книжку, идут предзаказы, и после того, как книжка из типографии приезжает, мы треть тиража сразу рассылаем…
А какие у вас тиражи?
Рустам Габбасов: 500 и 1000. Последние книжки мы тысячным тиражом делали, и этого нам хватает, чтобы ещё понемногу остаток тиража распродавать. Так вот, читатели, которые участвуют в краудфандинге, готовы ждать эту книгу иногда больше, чем полгода после того, как мы получили тираж, потому что нам нужно ещё спланировать рассылку, собрать «акции», которые есть всегда в краудфандинге. В общем, это всегда технически непростая история, и мы, несмотря на все наши промахи, откровенные косяки и недоработки, практически никогда не получали от наших подписчиков каких-то нареканий.
Ну а тиражи-то эти расходятся?
Рустам Габбасов: Расходятся, но небыстро. Некоторые быстрее. У нас есть такой термин внутри издательства – «фестивальные книги». Это книги, про которые мы заранее знаем, что они будут хорошо расходиться. Такой книжкой был наш «Путеводитель по кириллице», в котором мы собрали все наши рейтинговые публикации. Мы каждый год в журнале публикуем что-то вроде топа «10 самых интересных шрифтов с кириллицей». Эти публикации популярны – мы по статистике посещений видим. Всё-таки люди любят рейтинги, хотя эти публикации не про раздачу медалей — они скорее про экспертный, любопытствующий взгляд на прошедший шрифтовой год. В результате после пяти лет публикаций таких рейтингов мы собрали из них книгу. То есть одновременно это великолепные образцы шрифтов на бумаге – можно держать книгу на полочке, можно посмотреть на них, шрифты свёрстаны в разных ситуациях типографических – от суперкрупного кегля до очень мелкого. И плюс мы добавили в эту книгу (чтобы это не был просто альбом шрифтов), два хороших исследования. Одно из них написал Евгений Юкечев – это краткий экскурс в историю кириллицы, от самых первых её этапов появления и развития через все кульбиты к современности. И второе исследование написали наши друзья, каллиграфы, дизайнеры Ира Смирнова и Макс Ильинов. Оно скорее философское и посвящено тому, какие сейчас есть пути развития кириллической графики: чем могут люди вдохновляться, где спрятаны источники вдохновения.
Как раз по поводу путей развития шрифтовой графики хотел у вас спросить: пришествие компьютеров, которые стали персональными, но при этом унифицированы – у всех или семейство вшитых предустановленных шрифтов виндоусовских, или, соответственно, эппловских – это облегчает задачу дизайнера-типографа – у всех всё одинаково! – или, наоборот, усложняет ее?
Рустам Габбасов: Если честно, то для профессионального типографа это не так уж важно – то, что сейчас у всех пользователей на всех компьютерах одни и те же шрифты установлены. Потому что всё-таки профессиональный типограф обращается не столько к простым юзерам, которые используют Microsoft Word для набора своих текстов, а всё-таки к коллегам-дизайнерам. А коллеги-то прекрасно знают, что шрифтовой мир гораздо шире, чем те стандартные шрифты, которые установлены в компьютер. И в этом смысле компьютерный шрифтовой дизайн, конечно, открыл огромные возможности для графиков. Это был прорыв – стало возможно у себя дома, за рабочим столом, не просто рисовать, проектировать новые шрифты, но и тут же ими пользоваться, не обращаясь ни в типографии, ни в сторонние печатные дома. Исчезла морока с плёнками, которые нужно выводить, проверять и прочее, прочее. Всё очень ускорилось, произошло даже перенасыщение новыми шрифтами. Но у нас, в отличие от Запада, ситуация немного иная – у нас до этого перенасыщения пока ещё далеко. Как только появляется какой-то новый оригинальный качественный шрифт с кириллицей, профессиональное сообщество дизайнеров мгновенно вбирает его в себя, осваивает, он появляется на улицах, в книжках, в журналах и так далее.
Это вы так деликатно говорите о нелицензионном использовании?
Рустам Габбасов: Нет. В том-то и дело, что сейчас всё больше и больше шрифты используются легально. В этом смысле рынок шрифтовой немного подправился. Ушла та эпоха, когда шрифты продавались на дисках на Горбушке. Сейчас пользователи относятся к шрифту как к вещи коллекционной, как к вещи, которая у тебя будет храниться долго на компьютере (имеется в виду лицензия), и ты сможешь пользоваться ей снова и снова, то есть как к некому вложению средств.
А есть ли вообще при разработке новых шрифтов какая-то мера? Когда модификация известного шрифта становится новым самостоятельным шрифтом? Если я добавлю к засечкам с каждой стороны по два пикселя, это будет новый шрифт? Как вообще это определяется?
Рустам Габбасов: Конечно, можно взять какой-то готовый шрифт и чуть-чуть что-то в нём поменять, и это даже может не стать прецедентом в суде. Но это бессмысленная работа. Поиск нового образа в шрифте абсолютно такой же, как поиск нового образа в живописи, в литературном произведении – в любой творческой работе, потому что шрифт – это искусство.
Там есть свои законы, по которым ты добиваешься, доползаешь до нового ощущения от шрифта. У шрифтов, которые, казалось бы, даже очень похожи на уже существующие, есть невероятное влияние на читателя. Оно достигается за счёт изменения параметров не столько микротипографических – не в засечках дело, — а макротипографических, например, в отношении высоты строчного знака к высоте прописного, в изменении контраста внутри знаков, то есть перепаде толщин – как самый тонкий штрих относится к самому толстому. От таких нюансов меняется динамика чтения, восприятие текста.
Вот на таком макроуровне профессиональный шрифтовой дизайнер и работает – как диджей, передвигающий ручки на микшере. Он взаимодействует с существующими историческими стилями и эпохами, но, чтобы сделать шрифт новым и современным, чуть меняет эти настройки. Так появляются новые оригинальные шрифты. Сегодня есть большие возможности технологические, связанные с программированием, не только с рисованием. Ведь шрифтовое семейство можно задумать как гарнитуру из двух шрифтов – прямое и наклонное, например, а можно – из сорока: ты нарисовал самое светлое, самое жирное, а остальное за тебя делает компьютер, интерполирует все градации, и ты из них можешь выбрать то, что тебе нужно. Такое подключение к творческому технологического процесса – это тоже интересно.
Включаются ли в современные гарнитуры эмотиконы? Или, проще сказать, эмоджи? Потому что людям, которым сейчас меньше 20 лет, уже неудобно переписываться без эмотиконов. Это стало частью стандартной переписки.
Рустам Габбасов: Эмотиконы встроены в операционные системы, и ты быстро к ним можешь добраться. А шрифт подключить, например, в тот же айфон и заменить им те эмотиконы, которые там есть, это уже непросто. Но есть, во-первых, очень давняя традиция шрифтов из неалфавитных знаков. Например, шрифтов, в которых есть только знаки зодиака или фазы луны. Это очень давняя традиция, которая идёт ещё из эпохи металлического набора, и сегодня дизайнеры, рисуя даже текстовый шрифт, всегда добавляют туда огромное количество символьных элементов – стрелки или «персты указующие».
Дизайнеры любят отрываться именно на этих элементах – там можно порисовать эти руки, они смешные.
«Персты указующие» – это здорово, но я говорю о детях, которые сейчас растут на смартфонах, где эти самые эмотиконы, эмоджи встроены уже в обычный текст. Им дальше уже некомфортно будет без этих рожиц в обычной своей взрослой и профессиональной жизни общаться. Вы это предвидите как-то?
Рустам Габбасов: Я всё-таки не верю, что возможно обойтись, во-первых, без начертания рукой всех алфавитных знаков, без письма, и, во-вторых, без шрифта, где есть знаки, которые можно читать. Ведь это явления, которые буквально сидят в нашем ДНК.
В нашем, но не наших детей.
Рустам Габбасов: Там просто произойдут какие-то гибридные процессы. Потому что на одних только эмодзи невозможно научиться читать. Понятное дело, что будут, и уже есть книжки, где история рассказана только какими-то эмодзи, но все нейронные связи у нас отомрут, если мы лишимся привычного алфавита. Невозможно научиться мыслить, не записывая что-то рукой сначала, а потом не взаимодействуя с печатным текстом.
Тогда позвольте вам предложить еще более глобальный вопрос. Есть западноевропейский алфавит, который одинаков от Швеции до Италии. Да, есть диакритика, какие-то дополнительные значки, но любое слово шведского языка можно узнаваемо записать на итальянской пишущей машинке, и наоборот. Есть языки и алфавиты, заведомо ничего общего не имеющие с западноевропейским: грузинский, армянский. Это совершенно отдельные знаковые системы. А наша с вами родная кириллица как бы занимает промежуточное положение – вроде как большинство знаков у нее совпадает с европейскими, но в слова эти знаки, с точки зрения европейца, всё-таки не складываются.
Рустам Габбасов: Да, можно так сказать.
Вы, кириллические шрифтовые дизайнеры, в европейском семействе шрифтовиков кем себя чувствуете? Бедными родственниками или, наоборот, обладателями суперспосбности – вы и так, и эдак можете?
Рустам Габбасов: Нет, такой суперспособности, к сожалению, нету. Но по поводу ощущения «бедных родственников» по сравнению с латиницей – это очень интересный разговор. С момента перестройки, когда в стране появились первые компьютеры, стали появляться первые шрифты с кириллицей, часто у кириллических дизайнеров было снобистское отношение к западным шрифтовым дизайнерам – мол, они никогда не смогут нарисовать качественную кириллицу.
Оно им надо?!
Рустам Габбасов: Оно им нужно было, потому что, когда появились компьютеры с «Виндоус», мы получили огромное количество системных шрифтов с некачественной кириллицей. Люди, их рисующие, просто не воспринимали кириллицу как какой-то алфавит, которому нужно уделить внимание. Допустим, сотню языков поддерживает шрифт Times New Roman, и кириллица – просто ещё один алфавит, зачем же к нему как-то особенно относиться?
Сотня языков – это не сотня алфавитов. Едва ли Times New Roman поддерживает сотню алфавитов.
Рустам Габбасов: Он поддерживает, конечно же, не сотню алфавитов, но всё-таки к проекту приглашались серьёзные консультанты, которые, во-первых, владеют тем или иным языком и знают, как выглядит графика их алфавита. А с кириллицей такого не происходило. Мы получили ужасный шрифт Arial, который сам по себе отличнейший проект в латинице, но в кириллице он просто-напросто страшный. И у нас он был повсеместно на всех вывесках.
Но за последние годы произошла благостная глобализация, я бы сказал. Западные шрифтовые дизайнеры без стеснения обращаются к молодым ребятам у нас в России, которые рисуют шрифты, за консультацией. Это отдельный жанр работы шрифтового дизайнера кириллического, – консультации, потому что это особое умение – объяснить коллеге с Запада, где что-то неправильно нарисовал или нарисовал правильно, но ошибся с пропорцией буквально на пару пунктов – и в строке это сразу видно.
И эта история сейчас продолжается. Люди, которые самостоятельно рисуют кириллицу на Западе, стали делать гораздо меньше ошибок. И, например, в пакете шрифтов от компании Adobe уже есть гарнитуры, которые нарисованы без привлечения наших дизайнеров в качестве консультантов, но они выглядят очень хорошо – ими можно набрать серьёзную книжку, длинный текст. И вот это процесс, в котором мы (редакция журнала) себя видим тоже как некий катализатор, что ли. И с помощью журнала и отчасти при помощи наших книг эту довольно маргинальную идею о кириллице – «это только наше, и только мы можем это сделать», мы за последние 10 лет подразрушили. Пожалуй, мы сделали шрифты и типографику актуальной, даже модной темой – и сообщество дизайнеров, которое нас читает, видит, насколько это интересная, экспертная тема. Я рад, что мы смогли для довольно широкой аудитории рассказать о наших коллегах, о наших друзьях, о молодых дизайнерах, которые, отучившись в разных вузах, продолжают рисовать шрифты.
А общаетесь ли вы как-то более тесно с нашими, можно сказать, братьями по кириллице – болгарами, сербами, украинцами, белорусами, македонцами? Может быть, заказываете им статьи, книги?
Рустам Габбасов: Это интересная тема. У нас есть замечательные авторы, которые живут в Украине. Например, Константин Головченко – блестящий исследователь, он написал для нас несколько статей. Но статьи именно об особенностях графики украинского алфавита ещё ждут своего часа. Там есть свои особенности. В «Путеводителе по кириллице» мы их частично показали, нужно продолжать. С болгарами интересно – их кириллица похожа на нашу, но они отстаивают, например, непривычные нам выносные элементы. Или рукописные формы строчных «д», «з», «в». И у них таких микросдвигов в графике алфавита довольно много, причём она тоже не очень устоявшаяся, как и в нашем случае.
«Болгарица» рядом; а надо ли нам всем учить китайский? То есть, займёт ли иероглифическое письмо то место, которое сейчас в нашем мире занимает латинский алфавит? И что будете делать вы, шрифтовики?
Рустам Габбасов: Не думаю, что в ближайшее время это произойдет. Всё-таки это отдельная вселенная, про которую мы почти ничего не знаем и ничего не понимаем, как это устроено и с точки зрения графики, и смыслов. И поэтому, кстати, специалисты по иероглифам на вес золота.
Напоследок вернёмся от глобального к конкретному. Какие ваши ближайшие пара книг?
Рустам Габбасов: Из ближайших – та, которой занимаюсь здесь в резиденции, она называется «Modern Typography» («Современная типографика»), эссе английского типографа Робина Кинросса. Это краткая, ёмкая, и полная спорных мыслей история типографики и, самое главное, попытка разобраться, что такое понятие современности в типографике, в типографическом мире. С какого момента типографика стала себя осмыслять как самостоятельную дисциплину и искусство. И в этом году мы переиздадим нескольких наших книг. Статья Владимира Фаворского «О шрифте» выйдет в третьем издании. Эту книгу мы делаем вместе с внуком художника Иваном Дмитриевичем Шаховским. И у нас есть в планах работа над ещё одной переводной книгой, но уже с января следующего года. Эта книга называется «While we are reading» – «Как мы читаем». Автор – голландский типограф Герард Унгер, который, к сожалению, в прошлом году умер.
И у нас есть огромное количество, что называется, неизученных архивов. Архивы наследников художников, или, например, архив НИИ Полиграфмаш – в советское время была такая организация, которая занималась разработкой новых шрифтов и обслуживанием, скажем так, языков советских республик. От этого архива мало что уцелело, но то, что сохранилось (а это кальки, эскизы, это стеклянные пластинки, отчёты художников об их работе), нас очень интересуют. Мы пока не понимаем до конца, как всё это наследие превратить в книгу. Наверное, надо начать со статей, а потом уже перейти к книжке.
Книга — айфон XVI века
Не просто книги. Часть II
Не просто книги. Часть I
Шрифты, которые вас окружают
Азамат Шамузафаров
Дизайнер, автор Телеграм-канала Азамат Тудэй
Шрифты, которые вас окружают
Задумывались ли вы когда-нибудь о том, как часто в своей жизни вы видите шрифты? Замечаете ли их разнообразие и понимаете ли, что одни шрифты читать просто и быстро, другие – утомляют глаза? Шрифты отражают тенденции эпох, умеют продавать дорого или отдавать за бесценок, меняют отношение к будущему, отвечают за безопасность, облегчают чтение на одном языке и усложняют на другом и даже наводят скуку.
В этом классном и интересном материале вы узнаете
Зачем вам читать этот материал
Что такое шрифт
Проблема в Узбекистане
Типографика продаёт, спасает и обманывает
История типографики
Нормальный шрифт
Антиква и гротески
В окружении шрифтов
Зачем вам читать этот материал?
Немного разобравшись в шрифтах, рядовой читатель сможет поддержать незаурядную беседу или рассказать примечательную историю. В современном мире типографика повсюду: неважно, читаете ли вы инструкцию к порошку, сидя на унитазе, или вывеска магазина раздражает вас своим дурным вкусом. В любой компании можно поговорить о шрифтах.
Каждый день, читая какой-либо нерукописный текст, вы встречаете шрифты. На чеке из магазина, пластиковой карте, номере автомобиля и даже в описании освежителя воздуха, которое многие из нас читали, есть шрифты. Шрифты отражают тенденции эпох, умеют продавать дорого или отдавать за бесценок, меняют отношение к будущему, отвечают за безопасность, экономят чернила, облегчают чтение на одном языке и усложняют на другом.
Текст в работе дизайнера крайне важен. В графическом и цифровом дизайне не обходится без использования шрифтов, чего нельзя сказать о дизайне штор или ногтей. Умелое использование возможностей типографики повышает ценник дизайнера.
Что такое шрифт
То, как выглядят буквы и знаки в общей композиции, называют шрифтом. Шрифт может состоять из нескольких рисунков: обычного, курсивного, полужирного, полужирного курсивного, узкого, широкого, сверхширокого и так далее. Набор таких начертаний называют гарнитурой. Для упрощения гарнитуру можно называть шрифтом и наоборот.
Набор толщин в гарнитуре «Гельветика Нау».
Шрифт используется в компьютерном наборе при оформлении текстов. Большинство людей не различает шрифты, несмотря на их разнообразие, но это нормально.
Например, сейчас вы читаете ← этот ⇅ текст →, набранный шрифтом Робóто. О нем пойдет речь дальше, но уже сейчас вы можете отметить для себя какие-то интересные характеристики в его рисунке.
Пример использования гарнитуры Panetteria студии «Леттерхэд».
Проблема в Узбекистане
Основная проблема типографики в Узбекистане — отсутствие
конкуренции в бизнесе.
Ощущается явный перевес возможностей отдельных финансовых групп, которые могут себе позволить хороших специалистов. Их продукция в большей степени отвечает современным требованиям качества дизайна.
Все остальные представители бизнеса, особенно малого, не угнетают себя высокими требованиями к рекламной продукции, вывескам или упаковке.
Неискушенный потребитель не слишком разборчив и покупает то, что предлагают. Среди граждан отсутствует культура хорошего вкуса, потому что у них другие более низменные проблемы: продукты, здоровье, одежда, учеба и прочее.
С ростом уровня жизни, будут расти и потребности в более качественных услугах и продуктах. А пока такой уровень доступен только самым обеспеченным слоям населения.
Книги, издаваемые в Узбекистане, делятся на две категории качества: мусор и сакральные артефакты. Большинство книг, издаваемых для детей или для широкого круга читателей, не только напечатаны на плохой бумаге, используют чужие иллюстрации, но и текст в них оформлен непрофессионально. Во многом это связано с низким спросом на качественно оформленные – недешёвые – книги на узбекском языке. Если вы не сможете продать книгу за нужную вам цену, то и вкладывать в ее производство не станете.
Другая крайность — издание дорогих книг на глянцевой бумаге с профессиональными фотографиями, которое обходится так дорого, что можно только покупать в подарок важным гостям или продавать сразу за рубеж. Это не столько книга для чтения, сколько сувенир.
Типографика продает, спасает и обманывает
Шрифт меняет ваше отношение к продукту. Вы можете на это не обращать внимание, но маркетологи знают, как вам продать один и тот же товар по разной цене. Достаточно использовать подходящий шрифт, и Национальная гвардия начинает выглядеть как военная организация, соответствующая ожиданиям людей. Но стоит использовать не тот шрифт, как несмотря на грозное название, Нацгвардия выглядит как группа в детском саду.
Сверху – военная организация. Снизу – детский сад.
Типографика не только продает товары втридорога, она спасает жизни, когда правильно применяется.
Одни и те же цифры на спидометре можно оформить по-разному, и тогда водитель увидит или не увидит, с какой скоростью он едет. На дорожных знаках разборчивость шрифта обеспечивает безопасное движение.
Интерфейс медицинского оборудования нужно сделать таким, чтобы сотрудники больницы случайно не ошибались. В этом также помогает типографика: размеры, рисунок шрифта, его контрастность, отступы, разряженность (интервалы между знаками, их увеличение или уменьшение – ред.), начертание — десятки показателей влияют на то, как вы увидите текст.
Печально известный «мелкий шрифт» в банковских договорах работает против потребителей. Применять нечитабельный текст для оформления хитрых условий сделки — тоже типографика.
К сожалению, пока законодательно не закреплены стандарты оформления договоров, мы будем сталкиваться с нечестными приёмами в предоставлении услуг.
Шрифт вредит вашему здоровью
Чрезмерное игнорирование важности дизайна в нашей жизни приводит к глупым правилам и законам, нецелевому расходу бюджета, формальному выполнению требований и обычному обману.
Когда чиновники принимают решения в областях дизайна, не посоветовавшись со специалистами, это приводит к таким результатам как надпись о вреде алкоголя.
Стандартная фраза, которую уже никто не замечает.
Согласно закону, надпись «Чрезмерное употребление алкоголя вредит вашему здоровью» должна занимать не менее 5% площади всей рекламы алкогольных напитков. На этом требования заканчиваются, и производители выполняют их формально, потому что им невыгодно отпугивать клиентов.
Сама фраза слабая и никого не пугает. Использование прописных букв делает надпись нечитабельной: потребитель видит прямоугольник, потому что буквы сливаются в «кирпич». В законе ничего не сказано о начертании шрифта, поэтому используется суперузкое начертание и максимальное заполнение тех самых 5% площади, чтобы потребитель вместо текста видел «прямоугольник». Очень часто применяется неконтрастный цвет, потому что ничего о контрастности не сказано. Возьмите любую этикетку алкоголя, предупреждение придется поискать, а так быть не должно.
Попробуем немного изменить дизайн надписи, чтобы сравнить с тем, что используется сейчас.
Занимая тот же требуемый объём, более читабельные буквы сделали сообщение, которое можно прочитать и заметить.
Бесконечное тиражирование одной и той же фразы приводит к ее игнорированию, потому что покупатель и так знает, что там будет написано. Представьте, если бы наружная реклама одного товара выглядела одинаково на протяжении десятков лет.
Если очень хочется сохранить большие буквы, потому что они выглядят важными, можно поменять текст, добавить черную рамку и фон ближе к цвету могильный плиты. Немного драматично, но фразы вроде «чрезмерное употребление» звучат не как в жизни, а как в отчете чиновников, которым нет веры.
Возможно, нужно обращаться к низменным инстинктам самосохранения, а не ждать, что граждане станут более сознательными.
Данные Роспотребнадзора в сравнении с официальной статистикой Росстата.
На практике текстовые сообщения не работают. Решать проблему нужно на другом уровне. Но если представить, что иначе нельзя, правильно было бы разработать несколько готовых дизайнов и обязать использовать только их. Каждые пять лет менять дизайн и текст, сохраняя задачу, чтобы к сообщению не успевали привыкать как к обыденной части маркировки упаковки.
Шрифт заставляет вас читать
Хорошо или плохо оформленный одинаковый текст воспринимается по-разному. Даже статья в Википедии, стоит немного увеличить размер текста, будет читаться лучше.
В дизайне Википедии используется размер текста (кегль) достаточный для комфортного чтения, который не создаёт сложности для большинства пользователей. Но если вы увеличите кегль, то текст станет читабельнее не только потому, что буквы станут больше.
Какой текст хочется больше прочитать?
Строка станет короче и слова станут ближе к вам. Больше не нужно напрягать зрение, предложения считываются быстрее. Я почти уверен, что вы прочитали нижний пример целиком.
Хорошая верстка текста делает книги, газеты и журналы читабельнее. Вам хочется читать книгу, потому что она шикарно выглядит. Вы предвкушаете то удовольствие, которое получите от чтения, потому что видите, что над книгой работали профессионалы. Несмотря на то, что не все книги состоят только из текста, его оформление лежит в основе хорошей верстки.
Книга «Язык шаблонов. Города. Здания. Строительство». Кристофер Александер, Сара Исикава, Мюррей Силверстайн. Перевод с английского И. Сыровой. Издательство Студии Артемия Лебедева, 2014.
Шрифт позволяет вам читать
Существуют специальные шрифты, которые доступны для людей с особыми потребностями.
Шрифт Брайля
Он предназначен для письма и чтения незрячими людьми. Луи Брайль был сыном сапожника. Он начал терять зрение в три года после того, как поранил глаз в отцовской мастерской. В 1824 году, в возрасте 15 лет, он создаст тактильный шрифт для чтения людям со слабым зрением. Среди особенностей этого шрифта можно отметить отсутствие пробелов, редкое использование заглавных букв и различное кодирование для разных языков.
⠵⠙⠑⠎⠾ ⠝⠁⠏⠊⠎⠁⠝⠕ ⠺⠁⠱⠑ ⠊⠍⠫ ⠱⠗⠊⠋⠞⠕⠍ ⠃⠗⠁⠯⠇⠫⠲
Понятно, что этот шрифт предназначен для тактильного считывания руками, но вы можете примерно представить себе как выглядит такой текст на бумаге.
Шрифты для дислексии
Некоторые люди с дислексией (специфическая неспособность к обучению, характеризующаяся трудностями с точным или беглым распознаванием слов и недостаточными способностями в чтении и письме) не могут читать тексты с обычными шрифтами. Для них буквы в строке меняются местами, зеркально отражаются и затрудняют считывание. Хотя с определенными усилиями прочитать обычный текст возможно. Существует несколько специальных шрифтов.
Особенности рисунка шрифта Dyslexie.
©DYSLEXIE FONT B.V.
В таких шрифтах имеются особенности рисунка: различная высота и толщина верхней и нижней частей букв, отличительные детали у зеркально похожих букв и т. п. Все сводится к тому, чтобы каждую букву можно было корректно опознать, несмотря на ее «поведение».
История типографики
Формально типографика как наука началась с изобретения Гуттенбергом печатного станка в XV веке. Если раньше монахи вручную переписывали книги, применялась ксилография, то с появлением тиражной печати остро встал вопрос создания шрифтов, потому что теперь все завертелось.
Прорыв в книжном производстве
Страница из первой напечатанной Гуттенбергом Библии.
Иоганн Гуттенберг создал наборную форму из свинцовых букв. В такой форме металлические буквы укладывались как в тетрисе, составляя текст всей страницы. Этот набор еще называют металлическим. Больше всего способ печати напоминает обычные современные печати, которые постоянно требуют в банках и не пропускают без них ни одной бумажки.
Новый способ печати позволил тиражировать книги и использовать разнообразные шрифты. Дело в том, что Гуттенберг в качестве первого наборного шрифта использовал готические буквы, потому что тогда так было принято писать в Германии. Узкая форма готического шрифта в Библии связана еще с большой длиной слов в немецком языке. Но сама технология позволяла использовать любую гарнитуру, которую ты создашь, в рамках технических ограничений.
Ручной металлический набор. Каждая металлическая деталь — оттиск одной буквы или знака, включая пробелы или знаки препинания.
Печатать тексты с оттисков научились за тысячелетия до Гуттенберга, но именно он придумал как поставить производство на поток. Его значение в печати примерно как у Форда, который не изобретал конвейер, но придумал как на нем собирать автомобили.
Нормальный шрифт
Проблема готичного письма была в том, что неподготовленному человеку читать такой текст было трудно. Примерно так же, как сейчас не все могут оценить хорошее вино или современное искусство.
В 1470 году в Венеции гравер Николя Жансон создал гарнитуру имени себя – Jenson. Читать ее было значительно проще. Его шрифт быстро набрал популярность, и с тех пор мы набираем текст шрифтами, похожими на Жансон. Готичные же шрифты остались для расстановки акцентов или стилистических оформлений в духе Средневековья.
Разворот книги «О знаменитых мужах», напечатанной Николя Жансоном около 1474 года. Экземпляр из Баварской государственной библиотеки.
«Нормальные», не сказочные, буквы придумали еще в Древнем Риме, но к средним векам о них уже забыли, потому что население в основе своей было безграмотным и после Тёмных веков. Читать и писать умели лишь единицы.
В современном Риме сохранилась Колонна Траяна. Для оформления текста на колонне используется римская заглавная форма письма, которую применяли в основном в эпиграфике. Судя по всему, от этой практики пошла мода писать названия организаций большими буквами на табличках.
Колонна Траяна
колонна на форуме Траяна в Риме, созданная архитектором Аполлодором Дамасским в 113 году н. э. в честь побед Траяна над даками. Триумф императора запечатлён в форме скульптурного декора площади, изображающего дакийцев и военные трофеи, а также в форме рельефов колонны Траяна, повествующих о завоевании Дакии.
Эпигра́фика
историческая дисциплина, изучающая содержание и формы надписей на твёрдых материалах (камне, керамике, металле и других).
Фрагмент текста с Колонны Траяна.
Как видно, заглавные буквы римского эпиграфического письма (также известного как «римская капитель») больше напоминают нам современные шрифты, гарнитуру Жансон. Они совсем не похожи на готическое письмо, использованное в Библиях Гуттенберга.
Следующие пятьсот лет происходили важные события для типографов: появление курсива, чистой типографики, кеглей, гротесков и прочего, но для читателей важный момент наступил только в 1944 году, когда во Франции появился фотонабор. Не вдаваясь в подробности, можно сказать, что он позволил значительно ускорить и упростить процесс допечатной подготовки.
Если ад существует, он, безусловно, компьютеризирован
Современная типографика стала возможной благодаря компьютерному набору и издательским программам. Все известные шрифты, которые прежде были только в металлическом виде, оцифровали. Векторная графика позволила реализовать любые типографские фантазии. Только в 2009 году браузеры научились поддерживать все шрифты для веб-страниц. До этого существовал только ограниченный объем из пары десятков «безопасных» шрифтов, что сильно ограничивало творческие возможности веб-дизайнеров.
Антиква и гротески
Если сильно упростить, то большинство шрифтов можно разделить на две категории: анти́квенные и гроте́сковые. Первые — шрифты с засечками (серифы, от англ. serif — засечка), а вторые, соответственно, без засечек (сансы, от англ. sans — без).
Этот текст набран гротесковым или, как его еще называют, рубленным шрифтом. Почти все старые книги набраны антиквенными шрифтами.
Пример антиквенной гарнитуры Heldane.
Традиционно основной текст набирают антиквенными гарнитурами. Считается, что такой набор облегчает чтение, благодаря рисунку букв, где засечки выстаривают условную линию строки.
Но компьютеры долгое время не позволяли отвлекаться на антикву из-за низкого разрешений экранов. Поэтому на смену шрифту с засечками приходит гротеск.
Со временем экраны компьютеров, телевизоров и мобильных устройств позволили использовать антиквенные шрифты. Но современный человек настолько привык к рубленному шрифту, что, как показывают исследования , большой разницы в скорости чтения между антиквенными шрифтами и шрифтами без засечек нет.
Абзац, набранный шрифтом с засечками William.
Привычку современников читать рубленным шрифтом можно объяснить двумя причинами.
Около десяти лет назад появилась возможность использовать любые шрифты на веб-сайтах, и многие дизайнеры стали искать новые способы оформления текста, в том числе с помощью гротесковых гарнитур. На это также повлияло распространение смартфонов, потому что мелкий текст с засечками труднее читать, чем текст без засечек.
Второй причиной можно считать желание выглядеть более современно, потому что антиквенные шрифты — это что-то историческое, классическое и древнее (именно так и переводится слово «антиква»).
Гротесковая гарнитура Formular.
Гротески так называются, потому что многие считали их странными, когда они появились в начале XIX века. В то время весь текст набирался книжными шрифтами с засечками. Развитие промышленности и производства товаров и услуг привело к росту рекламных материалов. Типографы в поисках новых визуальных решений стали разрабатывать больше шрифтов. Одним из таких результатов стали гротесковые гарнитуры.
Гротеск
Само слово гротеск означает причудливые вещи. В переводе с французского grotesque — гротовый, находящийся в гротах. Выражение появилось, когда в 15 веке копали римские развалины и нашли там Золотой дом Нерона. В оформлении стен и потолков использовались рисунки с животными и растениями. Сейчас бы мы назвали их мутантами, тогда их стали называть чудиками.
Плакат XIX века с полным набором шрифтов, которые были у оформителя. 100 лет назад также хватало плохих дизайнеров.
В наше время причудливыми являются скорее классические группы шрифтов с засечками, потому что современный человек чаще сталкивается с рубленными шрифтами: они используются в дизайне приложений, логотипах и в видеоиграх.
Интересно, что по восприятию одна и та же шутливая подпись к картинке, набранная антиквенным строгим шрифтом вроде «Таймс Нью Роман», «звучит» смешнее, чем более «подходящая» подпись, набранная шрифтом без засечек. Вероятно, срабатывает контраст от восприятия характера шрифта: классический шрифт выглядит строго, и когда его применяют в юморе, приём играет звонче.
реклама
реклама
В окружении шрифтов
Таймс Нью Роман
Робото
Футура
Гельветика
Как мы уже знаем, компьютеры и цифровая печать дали возможность использовать любые шрифты. Дизайнеры смогли проявить свои творческие способности и внести разнообразие в оформление текстов. К сожалению, доступность печати и низкий порог вхождения в ремесло дизайнера привели к засилью образцов плохого вкуса.
Сегодня мы поговорим о тех шрифтах, которые встречаются нам чаще других. Это самые популярные гарнитуры: «Таймс Нью Роман», «Ариал», «Окр-А», «Робото», «Футура» и «Гельветика».
Читаете ли вы книги, смотрите в смартфон, видите рекламное объявление, играете в видеоигры, собираете презентацию, выбираете ли блюда в меню — перед вами всегда есть шрифты. Все тексты, набранные на компьютере используют какой-то шрифт.
Приготовьте себе капучино, наденьте теплые носки и усаживайтесь удобнее — нас ждут увлекательные истории из жизни занудных шрифтовиков.
«Таймс Нью Роман»
Шрифт для основного набора текста Times New Roman можно назвать самым стандартным шрифтом. Большинство текстов в мире вероятно напечатаны с использованием «Таймса». Во многих государственных структурах этот шрифт является официальным стандартом документооборота. Так сложилось, потому что «Таймс» был включен в ОС Windows 3.1 в качестве основного шрифта и не менялся до 2007 года, когда его заменил шрифт «Колибри».
Скоро шрифту исполнится 100 лет. Его автор Стенли Морисон вместе с художником Виктором Лардентом* нарисовал «Таймс Нью Роман» в 1931 году для знаменитой английской газеты «Таймс» (The Times).
Интересно, что инициатива исходила от самого Морисона, который критиковал прежде используемый в газете шрифт «Плантин». «Таймс» наняли критика в качестве консультанта по редизайну газеты — это был, вероятно, первый в истории задокументированный случай редизайна.
Проблема «Плантина» была в том, что он был слишком детализирован и содержал высококонтрастные элементы, которые хотя и выглядели красиво, но не подходили для качества печати газет того времени и размера текста в статьях — это были мелкие буквы с «колючками», которые усложняли чтение. Из-за высокой контрастности элементов (много острых деталей) «Плантина», набранный им текст также выглядел бледнее, чем более плотный рисунок «Таймса».
*по некоторым данным, оригинальный рисунок принадлежал Старлингу Берджесу, но это оспаривается.
Слева текст набран шрифтом «Таймс Нью Роман». Справа текст набран шрифтом «Плантин».
Использование «Таймса» позволило вмещать больше текста в колонки, потому что рисунок его букв был немного уже. Сравните овальную площадь букв «а» в «Таймсе» и круглую в «Плантине».
Более открытые буквы «с» и «s» позволяют считывать текст легче, потому что эти же буквы в «Плантине» больше похожи на «о» и «8». Аналогично и с другими буквами и цифрами: 9 и 3 сильнее похожи на 8, чем эти же цифры в «Таймсе». На первый взгляд может показаться, что это несущественные моменты. Однако, для людей с плохим зрением читать много текста ощутимо легче, если он набран шрифтом «Таймс Нью Роман», нежели «Плантином».
Джон Джейкоб Астор V, председатель газеты «Таймс» у станка, печатающего первый номер с новым шрифтом 3 октября 1932 г.
Старый шрифт в редакции называли Times Old Roman, поэтому Морисон, не долго думая, свой вариант назвал новым — Times New Roman.
Благодаря решению Майкрософт использовать «Таймс» в своей ОС «Виндоус», шрифт разошелся по всему миру. Так долгое время он был стандартным шрифтом текста в браузерах, если не было указано иначе. Сейчас его популярность понизилась, потому что его заменил «Колибри». Но «Таймс» всегда будет в нашей памяти как стандартный шрифт для текстов.
«Робóто»
Большинство из вас видит этот шрифт по несколько часов в день. Его разработали специально для операционной системы «Андроид» и многих других продуктов «Гугла» в 2011 году. Одной из причин была необходимость перестать оплачивать лицензию за предыдущий шрифт «Дроид», который использовали прежде. Лучше и дешевле было бы заказать разработку собственной гарнитуры.
Перед автором шрифта Кристианом Робертсоном была поставлена задача нарисовать гротесковую гарнитуру, подходящую для цифровых интерфейсов ОС, приложений и сайтов. Дизайн «Робо́то» позволяет хорошо читать текст в мелких размерах, что важно для носимых устройств. Все основные задачи в дизайне этого шрифта были направлены на то, чтобы рисунок его знаков, межбуквенный интервал, концевые элементы работали на лучший пользовательский опыт в цифровой среде, в том числе на экранах с высоким разрешением.
Работа над обновлением рисунка шрифта, блог Google Developers.
Чтобы в вашем «Андроиде» мелкий текст хорошо читался даже на старых экранах, буквы были сделаны более открытыми и не слишком контрастными. Это позволяет не путать похожие формы в малых размерах.
У гарнитуры имеется множество начертаний, и одно из них — узкое — используется для названий топонимов в картах «Гугла». Таким образом экономится место среди множества объектов не только на карте, но и при указании адресов или других данных, которые плохо помещались бы с обычным рисунком шрифта.
«ОКР-А»
Этот интересный шрифт вы наверняка видели, если хотя бы раз в жизни держали в руках депозитные или кредитные карты. Именно «ОКР-А» используется для эмбоссинга (объемного выдавливания) номеров на картах международного образца платежных систем Виза, Мастеркард и других.
На развороте паспорта под фотографией владельца есть цифровые и именные коды, для которых используют шрифт «ОКР-Б». Им также набирают имена и фамилии пользователей карт.
Транспортная карта
В Узбекистане шрифт «ОКР-А» применяется на картах «Хумо». А вот на картах «Узкард» каждый банк выбирает любой шрифт, как бог на душу ляжет, потому что к этим картам подобного рода требований нет.
Шрифт так называется, потому что OCR — это оптическое распознавание символов (англ. optical character recognition). Он был разработан в 1968 году для того, чтобы с помощью компьютеров можно было бы распознавать текст на банковских чеках. Позже он применялся для распознавания банкоматами номеров кредитных карт.
Стенд с шрифтами в Музее современного искусства, Нью-йорк. ©theartblog.org
Человеческому глазу сложно различать буквы и цифры у этого шрифта, зато доисторические программы 60-х годов прошлого века хорошо с этим справлялись. Все благодаря особенному рисунку, который сделан таким образом, чтобы каждый знак максимально отличался от других.
Поэтому здесь цифра 1 имеет широкую ножку, которую нечасто встретишь в других шрифтах. Цифра 4 имеет не менее редкий нетреугольный рисунок как многие привыкли видеть. Цифры 6 и 9 обрублены на концевых элементах, чтобы компьютерный мозг не принял их за 5 или 8.
В наши дни использовать специальный шрифт для распознавания уже необязательно. Технологии машинного обучения позволяют неплохо понимать даже рукописный текст. В банковской же отрасли не принято менять то, что работает, потому что это может быть связано с безопасностью финансов. Таким образом пока существуют пластиковые карты, мы будем видеть «ОКР-А» на наших электронно-физических кошельках.
«Футура»
Самые знаменитые логотипы в мире сделаны с использованием «Футуры»: «Дольче энд Габбана», «Найк», «Луи Виттон», «Суприм», «Ред булл», «Фед-экс» и Райффайзен-банк. Типографы всего мира относят ее к великим шрифтам.
В 30-е годы прошлого века оформителям требовался шрифт, который будет отвечать потребностям времени, отражать происходящие изменения и взгляд в будущее. Падение монархий, распространение социалистических идей и авангардного искусства привело к появлению нового жанра в искусстве — конструктивизма.
Плакат с Футурой в стиле «Найка». ©Джордж Би Дизайн (https://georgebdc.cargo.site/Futura-Poster)
В промышленном дизайне форма стала определяться функцией. Современная архитектура – та, которая в основе своей содержит функциональные потребности человека в жилье. Современное искусство – то, которое создаётся из головы, не используя окружающую природу для вдохновения.
Современный промышленный дизайн не расходует ресурсы на излишества и сразу зрит в корень. Люди нового времени не эксплуатируют старое, а создают новое.
Первым геометричным шрифтом без засечек стал «Эрбар-Гротеск». По рисунку он менее универсальный и все-таки сильно напоминает ретро-шрифты, потому что у него большая разница в высоте заглавных и прописных букв. Но компания, которая лоббировала этот шрифт была меньше той, которая работала с «Футурой». Поэтому, хотя «Эрбар-Гротеск» и остался в истории, он не стал великим.
Максимально функциональным шрифтом, созданным словно по линейке, где каждая линия несет функциональную нагрузку стал «Футура».
В 1924 году издатель Якоб Хегнер заказал «шрифт будущего» художнику Паулю Реннеру. Работа была закончена в 1927 году, но еще до 80-х годов выходили обновления и новые начертания. Все эти годы шрифт был сильно востребован в рекламе и издательстве.
Первая версия «Футуры», которую нарисовали с помощью циркуля и линейки. Пауль Реннер, 1925.
Например, у него длинные выносные элементы в буквах b, d, f, h, j, k, l, q, f и y. Так сделано для того, чтобы легче считывались немецкие слова, потому что они состоят из большого количества букв, и выносные элементы позволяют быстрее «узнавать» слово, так как такие буквы легче распознаются глазом.
Почему же он называется геометричным шрифтом? Потому, что его рисунок выполнен как по миллиметровке, а не так, как выглядят буквы, когда пишешь их пером от руки. Все круглые элементы симметрично круглые, а не овальные как это бывает у других шрифтов. Толщина линий одинаковая по площади всей буквы, контраст не используется как излишество.
Буква t не имеет характерного закругления на хвосте и обрывается на линии шрифта, потому что уже в таком виде она правильно считывается. По той же причине, чтобы поддерживать общий характер, отсутствует хвост у буквы j, только на этот раз считываемость страдает.
Это одна из причин, почему с годами появились новые версии шрифта от других дизайнеров, которые постарались исправить недочеты (на их взгляд) оригинала и обновить его, чтобы использовать шрифт в цифровой среде.
Формы рисунка букв в шрифте позволяют создать нужное впечатление в зависимости от контекста.
В логотипах модных брендов Кельвина Кляйна или Дольче и Габбаны шрифт «Футура» строгостью своих форм подчеркивает высокий стиль.
Одно из начертаний «Футуры» в логотипе «Дольче энд Габбана».
В фантастических фильмах вроде «Гравитации» или «Космической одиссеи 2001 года» круглые, треугольные и прямоугольные знаки выглядят как язык будущего. Это особенно хорошо заметно, когда знаешь, что «Футура» — индустриальная гарнитура. Ее делали, чтобы подчеркнуть функционализм — где же как не на космическом корабле, где каждая деталь сто раз обдумана и оправдана, стоит использовать «Футуру», чтобы покорять космос со стилем.
Гарнитура «Футура» на оригинальном плакате фильма «Космическая одиссея 2001 года» Стенли Кубрика
Когда американцы отправились на Луну в 1969 году, «Футура» выглядела все еще современно. Вероятно по этой причине ее использовали при дизайне памятной таблички, которая навсегда останется на нашем спутнике в память о достижениях человечества.
Памятная табличка, которую оставили на Луне во время экспедиции 1969 года, была оформлена «Футурой». На ней сказано: «Здесь люди с планеты Земля впервые ступили на Луну в июле 1969 г. Мы пришли с миром ради всего человечества». © Courtesy NASA
С момента выпуска прошел почти век, но «Футура» до сих пор популярна, потому что имеет узнаваемый практичный рисунок и оригинальные сочетания форм в знаках. Шрифт, созданный как автомат АК-47, уверенно смотрит в будущее и будет встречаться вам еще не раз.
«Гельветика»
Сравниться с «Таймс Нью Роман» в популярности может только «Гельветика». Наибольшее количество логотипов, вывесок, интерфейсов, книг, плакатов и другой графики было оформлено с помощью этого шрифта. Например, логотипы: «Люфтганза», «Панасоник», «Норс фейс», «3М», «Фенди», «Дукати», «Байер», «Дойчбанн», «БМВ», «Макдональдс» и даже наш родной GM. Первые версии айфонов использовали «Гельветику», но сейчас у них уже свой шрифт — SF.
Дизайнер швейцарской шрифтолитейной фабрики Макс Мидингер, по указанию своего директора Эдуарда Хоффмана, в 1956 году занялся разработкой нового шрифта без засечек. В послевоенное время дела у компании шли плохо. Нужен был новый хит — шрифт, который захотят все. Таким шрифтом станет Helvetica, что в переводе с латыни означает «швейцарская».
Плакат про «Гельветику». ©BVD, Sweden
Авторы хотели связать его с модой на так называемый швейцарский дизайн. Популярность набирала швейцарская школа дизайна, которая отличалась размещением объектов в модулях по линейке. У каждого элемента дизайна было свое четко определенное место, и новый шрифт отлично подходил для этого, потому что сам был строгим как «Футура», но при этом более естественным, с приложением человеческой руки.
У конкурентов уже были аналоги и похожие шрифты появились еще в конце XIX века. Однако, это не помешало создать новый шедевр — универсальный шрифт, который смотрелся хорошо практически в любом применении.
Записная книжка директора с проверкой наиболее сложных сочетаний букв шрифта. Первоначально шрифт назывался Neue Haas-Grotesk, потому что был переделанной версией другого шрифта Haas-Grotesk.
Популярность «Гельветики» оказалась такой высокой, что авторы не успевали выпускать новые начертания. В наше время гарнитурой владеет компания «Линотайп», которая выпустила обновления, отвечающие современным требованиям к шрифтам. В этих версиях десятки начертаний и тысячи знаков для языков всего мира.
Простой и понятный дизайн, который никого не раздражал, — так можно было бы написать в ее некрологе.
Еще в 1970 году администрация метрополитена выпустила специальное руководство по навигации, где были описаны все требования к типографике. К сожалению, подобного нельзя сказать о ташкентском метрополитене, где навигация сделана не так, как хотелось бы.
Гарнитура стала не просто шрифтом, а брендом. Она настолько популярна, что существуют сувениры, оформленные «Гельветикой» ради нее самой. Например, за 28 долларов можно купить парфюм с ароматом шрифта.
Helvetica. The Perfume.
Если в Узбекистане детей называли как шрифты, то ваш сын был бы не Сардором, а Гельветикой.
В то же время существуют и противники этого шрифта. Одни считают, что «Гельветики» слишком много в этом мире. Другие – что нужно быть более творческим и не прибегать к этой гарнитуре просто потому, что она всем нравится. Есть и те, кому не подходит сам рисунок букв и он видит в них недостатки. Одна из причин, почему «Эпл» вместо «Гельветики» стала использовать свой новый шрифт «СФ», была сравнительно плохая читаемость первого, которую можно не замечать без сравнения, но которая становится очевидной — после.
К счастью или сожалению, но в Узбекистане этот шрифт используется не так часто, как в мире. И тому есть одно объяснение — много плохих дизайнеров. Шрифт действительно очень уж банален, однако его место на наших улицах занял младший брат, шрифт «Ариал». Почему это плохо читайте в последней части этого материала.
реклама
реклама
«Ариал»
За всю свою жизнь в нашей стране каждый гражданин видел 17 тысяч вывесок DORIXONA, прочитал примерно 226 миллионов слов в документах и однажды даже едва не восхитился логотипом. Всю эту статистику, взятую с потолка, объединяет то, что в каждой такой вывеске, словах и логотипах использовался наиболее банальный шрифт на Земле — «Ариáл». И все от того, что дизайнеры идут по пути меньшего сопротивления, используя шрифт, к которому трудно придраться.
Шрифт «Ариал» нормального начертания
Шрифт идеальным назвать нельзя, но свою скучную работу как скучный шрифт он выполняет хорошо.
К сожалению, в этой части статьи не будет интересных картинок, потому что «Ариал» на столько скучный шрифт, что с ним никто не работает как с графическим элементом. Его используют для набора вывесок, табличек, документов, объявлений, цитат и всех тех случаев, когда важно не перестараться с дизайном.
Почему же он так популярен, если настолько плох? Исторически так сложилось, что у него было некоторое преимущество при выборе шрифтов.
В 1982 году для компании «Монтайп» с десяток человек сделали новый шрифт, похожий на «Гельветику». Когда «Майкрософту» потребовался шрифт без засечек для своей новой операционной системы «Виндоус», они включили «Ариал» в комплект, потому что лицензия на этот шрифт была дешевле, чем на «Гельветику».
Основные различия между буквами «Гельветики» и «Ариала» (внизу).
С годами компьютеры с ОС «Виндоус» распространились по всему миру, и шрифтом по умолчанию (таким, который не надо отдельно выбирать) был неогротеск «Ариал». С тех пор, все офисные работники, которые не умели менять шрифты в документах или кому не было до этого дела, использовали в текстах «Ариал».
Этот шрифт хорошо подходит для договоров или объявлений несмотря на то, что он совершенно безликий. Тексты с «Ариалом» легко считываются не только в печати, но и на экране.
Часто к его использованию прибегают государственные органы, потому что за него не нужно платить лицензию. Дизайнеры, выпускающие бесконечное количество табличек для организаций, не хотят спорить о дизайне текстовых элементов, поэтому всегда выбирают беспроигрышный вариант, который всегда утвердит клиент — «Ариал». Допускаю, что многие чиновники, даже не зная самого шрифта, воспринимают его как фирменный шрифт государства.
Фото: МНО
Большинство вывесок аптек и небольших магазинов также оформлены этим шрифтом в полужирном начертании. Считается, что это самый читабельный шрифт (нет), потому что самый понятный — у него все буквы без выкрутасов: унылые, но очевидные.
Стандартная аптека с «Ариалом» на вывеске
В лучшем мире вместо скучного «Ариала» использовалась бы «Гельветика» с характером.
Некоторые дизайнеры считают «Ариал» паразитом, который обесценил «Гельветику». Он стал настолько популярным, что «Гельветике» теперь нет места в дизайне обыденных вещей. Несмотря на большую распространенность швейцарской гарнитуры в профессиональном дизайне, она уступает массе присутствия «Ариала» в ежедневной суете дел.
Вид на вывеску и лозунги на фасаде 110-й школы до реконструкции набраны шрифтом, о котором идет здесь речь. Фото: 110-maktab.uz
Сейчас постепенно его вытесняют новые шрифты, которые пришли на замену прежним. Однако, в мире ещё слишком много старых компьютеров и мы будем пожинать плоды их существования.
У дизайнера всегда есть возможность поменять шрифт «Ариал» на другой, в том числе бесплатный. Сотни таких шрифтов доступны на сервисе «Гугл фонтс», но так как им проще не прикладывать усилий, то нас окружает пространство с одним и тем же шрифтом.
Часть бесплатных шрифтов из сервиса «Гугл фонтс»
Типографика — половина дизайна, потому что текст в графике и интерактивном дизайне используется часто. Даже в дизайне ногтей вам могут нарисовать текст «Футурой» (нет).
От того, как много внимания мы будем уделять шрифтам в дизайне ежедневных вещей, будет зависеть качество нашей жизни. Если мы можем себе позволить игнорировать такой пласт культуры, значит, мы еще не доросли до того уровня, которого он заслуживает.
Мнение автора может не совпадать с мнением редакции
Автор текста: Азамат Шамузафаров
Все права на материалы принадлежат автору и изданию «Газеты.uz».
Запрещается любое использование фото-, графических и иных материалов, размещенных на сайте www.gazeta.uz, принадлежащих «Газета.uz» и иным третьим лицам.
- #азамат шамузафаров
- #колумнисты
- #спецматериал
- #технологии
- #шрифты
Авторизуйтесь на сайте, чтобы получить доступ к дополнительным возможностям.
логотипов с простым шрифтом — 16164+ лучших логотипов с простым шрифтом изображения, фото и идеи
76
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
3
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
31
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
144
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
35
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
60
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
55
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
57
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
2
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
32
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
9
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
58
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
8
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
1
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
19
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
61
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
28
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
6
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
40
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
10
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
6
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
12
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
8
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
59
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
24
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
85
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
53
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
4
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
8
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
7
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
49
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
4
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
3
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
3
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
376
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
2
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
97
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
249
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
206
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
285
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
196
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
264
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
16
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
197
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
243
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
119
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
60
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
60
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
31
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
59
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
55
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
186
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
87
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
48
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
41
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
19
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
48
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
35
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
38
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
116
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
5
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
34
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
32
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
5
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
48
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
70
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
72
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
52
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
29
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
59
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
23
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
26
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
22
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
24
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
10
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
51
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
54
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
29
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
34
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
88
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
108
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
44
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
48
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
0
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
59
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
46
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
19
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
82
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
18
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
25
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
42
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
12
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
93
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
113
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
15
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
2
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
Вы посмотрели 99 дизайнов и хотите еще один кусочек?
по ETПоиск идей логотипа
Логотипы с простым шрифтом не подходят? Попробуйте что-нибудь еще:
Минималистские логотипы
Анимированные логотипы
3D логотипы
Нанесение логотипов
Современные логотипы
Роскошные логотипы
Геометрические логотипы
Логотипы линейного искусства
Абстрактные логотипы
Пылающие логотипы
Иллюстрированные логотипы
Классические логотипы
Логотипы фотографии
Красочные логотипы
Музыкальные логотипы
Классные логотипы
Логотипы недвижимости
Медицинские логотипы
Буквенные логотипы
Как создать свой простой дизайн логотипа со шрифтом
Если вам нужен удивительный логотип с простым шрифтом, который выделяется на фоне конкурентов, обратитесь к профессиональному дизайнеру. Найдите и наймите дизайнера, который воплотит ваше видение в жизнь, или проведите конкурс дизайна и получите идеи от дизайнеров со всего мира.
Начать конкурс
Дизайнеры со всего мира предлагают вам свои идеи. Вы предоставляете отзывы, оттачиваете свои фавориты и выбираете победителя.
Начать конкурс
Начать проект
Найдите идеального дизайнера, соответствующего вашему стилю и бюджету. Затем сотрудничайте один на один, чтобы создать собственный логотип.
Начать проект
Узнайте больше о дизайне логотипа
4,8 в среднем от 26 042 дизайн логотипа отзывы клиентов
Что делает логотип хорошим простым шрифтом?
Отличный логотип показывает миру, что вы представляете, заставляет людей помнить ваш бренд и помогает потенциальным клиентам понять, подходит ли им ваш продукт. Логотипы передают все это через цвет, форму и другие элементы дизайна. Узнайте, как сделать так, чтобы ваш логотип с простым шрифтом рассказывал историю вашего бренда.
Типы логотипов
Существует 7 различных типов логотипов. Все они представляют собой комбинацию изображения и типографики, но каждый из них придает вашему бренду особое ощущение… Продолжайте читать
Цвета логотипа
Правильный выбор цвета логотипа может подчеркнуть сильные стороны вашего бизнеса и помочь привлечь нужных клиентов… Читать далее
Формы логотипа
Форма вашего логотипа может сказать клиентам, является ли ваша компания дружелюбной или серьезной, научной или художественной, традиционной или передовой. .. Продолжайте читать
Дополнительные советы по дизайну логотипа
дизайнов, тем, шаблонов и загружаемых графических элементов Simple Font на Dribbble
Посмотреть халяву: винтажный шрифт Camar
Халява: винтажный шрифт Camar
Посмотреть логотип океана
Логотип океана
Просмотр Чистый дизайн веб-сайта Натуральный
Чистый дизайн веб-сайта Натуральный
Посмотреть логотип Ensage
Логотип Ensage
Посмотреть дизайн логотипа и фирменного стиля Eros
Дизайн логотипа и фирменного стиля Eros
Посмотреть исследование буквы Y
Буква Y разведка
Посмотреть логотип блога Rioll™ Makers
Логотип блога Rioll™ Makers
Посмотреть Каденси #3
Каденси #3
Просмотреть шрифт Vintage Dreams Modern Groovy
Vintage Dreams Modern Groovy Font
Посмотреть логотип Прадо
Логотип Prado
Посмотреть шрифт Lorina Stylist
Шрифт Lorina Stylist
Посмотреть Лети | Тип Эксперимент
Лети | Тип Эксперимент
Посмотреть Богам — Бесплатный Шрифт
Богам — Бесплатный шрифт
Просмотр Наслаждайтесь музыкой. . практика анимации и компоновки
Наслаждайтесь музыкой. Практика анимации и компоновки
Просмотреть Rolih — Шрифт с засечками
Rolih — Шрифт с засечками
Посмотреть Aperios Gothic — Пользовательский шрифт
Aperios Gothic — Пользовательский шрифт
Посмотреть дизайн логотипа
Дизайн логотипа
Посмотреть елена
Посмотреть Каденси #2
Каденси #2
Посмотреть ездить медленно | Наркотик
Медленная езда | Допинг
Посмотреть арбен
Просмотреть Magzo — семейство шрифтов
Magzo — семейство шрифтов
Просмотр скамейки
Вид и цвет — 009 / 01
Тип и цвет — 009/01
Зарегистрируйтесь, чтобы продолжить или войдите в систему
Идет загрузка…
Чему меня научило создание простого шрифта в дизайне шрифтов | by Christian Behler
Профессиональный шрифт слева и мой очень простой авторский шрифт справа. Изображение автора.От ранних наскальных рисунков и иероглифов до каллиграфов и компьютерных шрифтов письмо было одним из самых впечатляющих изобретений человека. Готовитесь ли вы к экзамену, читаете новости или пролистываете социальные сети, куда бы вы ни посмотрели и куда бы вы ни пошли, везде есть шрифт.
Тем не менее, большинство из нас воспринимают шрифты как нечто само собой разумеющееся. Если бы нас спросили, что делает или портит хороший шрифт, большинство из нас не смогли бы дать этому определение. Мы просто ожидаем, что наши тексты будут написаны разборчивым шрифтом, и мы не думаем о формах, позициях и расстояниях между символами. Мы замечаем шрифт только тогда, когда он едва читаем, как загадочный почерк вашего учителя, или он используется в странном контексте, например, Comic Sans MS в отчете о доходах компании из списка Fortune 500.
Недавно, когда я работал над новым шрифтом и системой рендеринга текста для своего игрового движка, я также создал очень простой шрифт, упакованный непосредственно в исполняемый файл. Если программа не может найти или открыть какие-либо настоящие файлы шрифтов, у нее все еще есть способ отобразить текст для пользователя. Несмотря на то, что я значительно упростил процесс, я ценю работу, которую дизайнеры шрифтов проделывают каждый день, чтобы наши тексты выглядели как можно лучше.
В большинстве форматов шрифтов символы или, как они называются в шрифтах, глифы определяются как контуры. Контуры — это набор линий и кривых, которые определяют форму символа, подобно векторной графике. Контуры также используют специальные единицы шрифта, которые не зависят от пикселей, поэтому символы можно масштабировать до любого размера.
Контур буквы S шрифтом Arial. Изображение создано с помощью FontForge автором.Когда символ рисуется на экране, механизм рендеринга текста должен растрировать символ и решить, как раскрасить пиксели. Поскольку пиксели двухмерны, контур персонажа часто проходит через середину пикселя, т.е. 69% площади пикселя находится внутри персонажа, а остальная часть снаружи, поэтому его приходится рисовать полупрозрачным.
В дополнение к созданию форм символов вам также необходимо определить множество других метрик, например, насколько курсор должен продвинуться после символа или насколько персонаж уходит ниже базовой линии и насколько выше?
Даже просто создать контур для одного персонажа непросто. Вы можете сделать бесчисленное множество мелких настроек, и вы можете часами переходить туда и обратно, чтобы найти идеальную форму для вашего S . И задача разработки всего шрифта становится экспоненциально сложнее, потому что вам нужно разработать множество символов. Как только вы разрабатываете целый шрифт, вы также должны придерживаться общей темы, чтобы ваши символы соответствовали друг другу. В то время как ваш S может выглядеть хорошо сам по себе, он может выглядеть странно, когда он рядом с и .
Только в наборе символов ASCII содержится 95 печатных символов, что является простейшим набором символов, состоящим только из английских букв, цифр и обычных специальных символов. Если вы хотите создать современный шрифт, пригодный не только для английского языка, но и для других языков, вы быстро дойдете до того, что вам придется разработать большой процент набора символов Unicode, который на данный момент включает 144 697 символов, символов и смайликов.
Большинство шрифтов также включают различные стили, такие как жирный и курсив , которые также должны быть разработаны, поэтому, если вы хотите создать полный шрифт Unicode с тремя стилями, вам потребуется разработать 434 091 отдельных символов, что в принципе невозможно.
Как упоминалось выше, я недавно создал свой собственный очень упрощенный шрифт. Я хотел иметь небольшой шрифт, который можно было бы упаковать непосредственно в исполняемые файлы C++, чтобы у программ всегда был способ отобразить текст, если они не могут найти файлы реальных шрифтов. Вместо разработки собственного шрифта я мог бы использовать шрифт с открытым исходным кодом, но я хотел бросить вызов себе и попытаться создать свой собственный.
Поскольку я знал, насколько сложной задачей будет разработка правильного шрифта, я выбрал самый простой из возможных вариантов: растровый шрифт, содержащий только символы ASCII и только полностью прозрачные или полностью непрозрачные пиксели, без полупрозрачных переходов.
Набор фрагментов моего простого растрового шрифта. Изображение автора.Несмотря на эти упрощения, создание шрифта заняло очень много времени. Я продолжал возвращаться к дизайну персонажей. Символ мог хорошо выглядеть в одном слове, но как только он появлялся в другом слове рядом с другими соседями, он снова выглядел странно.
После многих часов и бесчисленных настроек мне пришлось назвать его и придерживаться текущего дизайна. Это некрасивый шрифт и, вероятно, никогда им не станет, но я никогда не ставил перед собой цель создать красивый шрифт. Он предназначен только для использования в качестве резервного шрифта на тот случай, если реальный шрифт не может быть загружен, и для этого случая его достаточно.
Lorem Ipsum, написанный мною разработанным шрифтом с масштабом 100% слева и масштабом 200% справа. Изображение автора.Другой сложной, но еще более трудоемкой частью дизайна шрифта является кернинг. Кернинг описывает расстояние между парой букв. Например, если V появляется после A , V может быть немного смещен влево, потому что диагональные линии букв имеют одинаковый угол. Хорошо подобранный шрифт выглядит лучше и его приятнее читать.
Хотя некоторые буквы кернингуются чаще, чем другие, если вы действительно хотите быть тщательным, вам нужно просмотреть все возможные пары букв и настроить их значения кернинга. Только набор символов ASCII содержит почти 10 000 различных пар букв, а полный набор Unicode насчитывает более 20 миллиардов, так что вы можете себе представить, сколько времени потребуется для правильного кернинга.
Мой новый формат файла шрифта поддерживает кернинг, поэтому его можно использовать и для профессиональных шрифтов. Из-за этого я также просмотрел некоторые наиболее часто встречающиеся буквы кернинга, такие как T, V, W или Y, и скорректировал их значения кернинга, чтобы строчные буквы, такие как гласные, которые появляются после них, выглядели лучше. Однако я не хотел перебирать все 10 000 комбинаций, поэтому я, конечно, пропустил некоторые пары символов, но я всегда могу вернуться и подправить их, когда столкнусь со словом, которое выглядит странно.
Я никогда не ценил дизайнеров шрифтов в достаточной мере, пока не попытался создать свой собственный шрифт. Несмотря на то, что я значительно упростил процесс, он все равно оказался очень сложной и трудоемкой задачей. Теперь я смотрю на тексты другими глазами и могу гораздо больше восхищаться кровью, потом и слезами, которые ушли на разработку шрифта. Если вы читаете этот текст или любой другой текст, на секунду задумайтесь о дизайнере шрифтов, которого большинство из нас считает само собой разумеющимся.
Вам нравится такой контент? Получите неограниченный доступ ко всем историям и поддержите меня и других писателей, присоединившись к Medium. Если вы зарегистрируетесь по этой ссылке, часть вашего членского взноса будет передана мне без каких-либо дополнительных затрат для вас.
35+ лучших удобных и простых шрифтов в 2022 году (бесплатно и премиум)
Некоторые шрифты вызывают у вас теплые, дружеские чувства и заставляют вас чувствовать себя как дома. Эта коллекция посвящена этим дружественным шрифтам.
Шрифты — один из немногих элементов дизайна, способных вызывать эмоции. С правильным шрифтом вы можете создать ностальгическое чувство или даже счастливое, игривое чувство через свои проекты. Но не все шрифты способны вызывать эмоции.
Мы нашли несколько шрифтов с дружественным и простым дизайном, которые позволяют создать приятное, умиротворяющее и знакомое ощущение с помощью заголовков, заголовков и абзацев. Эти шрифты отлично подходят для создания дизайнов с персонализированным внешним видом.
Изучите коллекцию шрифтов ниже и посмотрите, сможете ли вы найти простой шрифт для своего проекта.
Более 2 миллионов шрифтов, гарнитур и дизайнерских ресурсов с неограниченным количеством загрузок
Загрузите тысячи великолепных шрифтов и гарнитур премиум-класса с членством в Envato Elements. Он начинается с 16 долларов в месяц и дает вам неограниченный доступ к растущей библиотеке из более чем 2 000 000 шрифтов, шаблонов дизайна, тем, фотографий и многого другого.
Сжатые шрифты
Компактный и прозрачный
Шрифты с засечками
Современный и стильный
Шрифты без засечек
Новый и свежий
Скриптовые шрифты
Кисть + сценарий
Шрифт логотипа Axewell
Логотип
Шрифт индиго
Без засечек
Исследуйте шрифты
Этот шрифт имеет идеальное сочетание игривого и дружелюбного дизайна, который поможет вам создавать удивительные заголовки для плакатов, баннеров, листовок, веб-сайтов и всего прочего. Особенно он подходит для детских рисунков. Шрифт включает прописные и строчные буквы.
Симпатичный и очаровательный шрифт, который поможет сделать ваши поздравительные открытки, обложки книг и элементы фирменного стиля намного дружелюбнее, чем когда-либо прежде. Этот шрифт отлично подходит для оформления текста и заголовков для любой аудитории.
Забавный и стильный дизайн букв придает этому шрифту уникальный внешний вид. Он идеально подходит для того, чтобы сделать заголовки веб-сайтов более дружелюбными или создать заголовки, которые выглядят просто и мило.
Bowzer — это простой шрифт, созданный специально для детей. Вы можете использовать его для создания больших жирных заголовков для плакатов детских мероприятий, школьных баннеров, этикеток продуктов, дизайна упаковки и многого другого. Он также включает прописные и строчные буквы.
Вы можете скачать этот очаровательный шрифт бесплатно и использовать его в коммерческих проектах бесплатно. Шрифт имеет креативный дизайн рукописных букв и красивый плавный дизайн, благодаря которому ваши заголовки будут выглядеть намного стильнее.
Этот шрифт имеет забавный и дружелюбный дизайн букв, позволяющий создавать заголовки, которые выглядят намного привлекательнее. Этот тип шрифта также отлично подходит для разговоров на серьезные темы, сохраняя при этом дружеский тон. Шрифт включает в себя множество росчерков, лигатур и альтернатив.
Как следует из названия, этот шрифт имеет очень дружелюбный и необычный дизайн, который придаст вашим заголовкам новый вид. Он отлично подходит для плакатов, листовок, баннеров и даже логотипов. Шрифт поставляется с прописными и строчными буквами с очень необычным дизайном для буквы R.
Простой и минимальный шрифт для использования в ваших профессиональных дизайнерских проектах. У этого шрифта очень успокаивающий стиль, который прекрасно впишется в посты с цитатами, современные постеры и нестандартные футболки.
Вы можете использовать этот шрифт для создания современных дизайнов татуировок с более простым и чистым видом. Это особенно подходит для женских татуировок. Он отлично подходит для создания названий для обложек компакт-дисков, обложек книг и даже этикеток продуктов.
Этот шрифт имеет дружественный дизайн букв, который идеально подходит для создания дизайнов в классической и винтажной тематике. Он имеет жирные буквы с декоративными элементами. Шрифт можно использовать бесплатно в ваших личных проектах.
Рукописные шрифты — идеальный выбор для придания индивидуальности вашему дизайну. Они создают уникальный и дружелюбный вид, не имеющий себе равных ни в одном другом шрифте. Этот шрифт обладает всеми качествами отличного рукописного шрифта. Он также очень игривый и повседневный, что делает его отличным выбором для модного и повседневного дизайна.
Lupines — еще один простой рукописный шрифт с симпатичным и дружелюбным дизайном букв. Тонкие и узкие символы шрифта помогут вам создать заголовки и заголовки, которые будут выглядеть очень естественно. Шрифт идеально подходит для этикеток продуктов, поздравительных открыток и даже логотипов.
Если вы ищете вдохновения для создания идеального заголовка для плаката или заголовка флаера, вы никогда не ошибетесь, выбрав простой шрифт с высокими и узкими буквами. Вот почему этот шрифт идеально подходит для создания больших и жирных заголовков, сохраняя при этом простой внешний вид.
Slowly Life — один из самых дружелюбных шрифтов, которые мы когда-либо видели. Чистый дизайн букв мгновенно даст вам успокаивающее чувство, которое просто успокоит вашу душу. Вероятно, это рукописный дизайн письма. Шрифт можно использовать с различными стилями дизайна, но он больше всего подходит для дизайна образа жизни, упаковки продуктов и поздравительных открыток.
Если вы ищете простой шрифт для делового или профессионального дизайна, это один из лучших шрифтов, который вы можете использовать в своих проектах. Alma Sans — низкоконтрастный шрифт с минималистичным дизайном букв. Его буквы также имеют закругленные края, которые помогают создать общий простой и дружелюбный вид.
Это бесплатный шрифт с простым и креативным дизайном букв. Как следует из названия, у него закругленные углы и изогнутые буквы. Вы можете использовать его бесплатно в личных и коммерческих проектах.
Вы всегда должны искать способы сделать свои проекты более доступными для людей с ограниченными возможностями. Вы можете начать с загрузки этого бесплатного шрифта. Это удобный для людей с дислексией шрифт, который предлагает улучшенный опыт чтения для людей с дислексией. Шрифт можно использовать по своему усмотрению.
Malvie — это тип шрифта, который вы обычно видите на футболках, упаковках или логотипах агентств. Он имеет стильный дизайн с поворотным ходом, который помогает добавить непринужденный и дружелюбный вид любому дизайну. Это делает шрифт хорошим выбором для современных брендов, особенно продуктов питания, дизайна и городской моды.
Book Worm — это простой и дружелюбный шрифт с набором символов, написанных кистью от руки. Это придает этому шрифту уникальную индивидуальность, которая, несомненно, добавит индивидуальности вашему дизайну. Шрифт включает прописные и строчные буквы с лигатурами.
Короткий и жирный дизайн букв этого шрифта делает его довольно дружелюбным и забавным. Это идеальная комбинация для создания больших заголовков для плакатов, баннеров, обложек книг и даже футболок, особенно для детей. Шрифт поставляется с множеством альтернативных глифов и многоязычной поддержкой.
Еще один рукописный шрифт с простым и удобным дизайном. Этот шрифт имеет высокие, узкие и тонкие буквы, которые просто создают уникальный минималистский вид. Несмотря на то, что он называется Kiddo, этот шрифт также идеально подходит для дизайна визитных карточек, этикеток и многих других дизайнов для взрослых.
Moomin — красивый рукописный шрифт с набором простых и минималистичных букв. Он имеет очень креативный вид, который выделит ваши проекты. Этот шрифт лучше всего подходит для создания логотипов модных брендов, дизайнов футболок, поздравительных открыток и заголовков плакатов.
Простой рукописный шрифт с красивым дизайном. Этот шрифт подходит для поздравительных открыток, сообщений в социальных сетях и многого другого. На самом деле вы можете использовать его бесплатно как в личных, так и в коммерческих проектах.
Еще один простой бесплатный шрифт с дизайном письма кистью. Этот шрифт включает в себя как прописные, так и строчные буквы. И вы можете использовать его совершенно бесплатно с личными и клиентскими проектами.
Murky — простой шрифт с рукописным дизайном букв. Этот шрифт также имеет высокие и узкие символы, которые больше всего подходят для оформления заголовков для плакатов и листовок. Он также отлично подходит для поздравительных и пригласительных открыток.
Belovia — красивый шрифт с простым и женственным дизайном. Шрифт также содержит символы рукописного ввода с собственным уникальным стилем. Этот шрифт идеально подходит для брендинга в индустрии красоты и моды.
Работаете над поздравительной открыткой на рождественскую тему, дизайном школьного баннера или логотипом для зоомагазина? Тогда обязательно скачайте и поэкспериментируйте с этим шрифтом. Он имеет очень дружелюбный и забавный дизайн букв, который просто сделает ваш дизайн более захватывающим.
Как следует из названия, этот шрифт пробудит в каждом ребенке. Он имеет забавный дизайн букв, который идеально подходит для дизайна для детей, образовательных проектов, а также дизайнов для взрослых. Шрифт включает в себя как прописные, так и строчные буквы с лигатурами и символами.
Lunarie — креативный шрифт для заголовков, который позволяет создавать заголовки, заголовки и многое другое с минимальным и упрощенным дизайном. Шрифт идеально подходит для всего: от логотипов, вывесок, плакатов, футболок и многого другого. Это особенно отличный шрифт для создания постов с цитатами для социальных сетей.
Это очень простой и минималистичный шрифт, который идеально подходит для проектов «сделай сам», таких как печать кружки, футболки или даже персонализированной поздравительной открытки. Вы можете использовать его бесплатно в своих личных проектах.
Элегантный плавный дизайн этого шрифта делает его единственным в своем роде. Дизайн рукописного письма, смешанный с простыми буквами, — отличная комбинация, которая хорошо подходит для этого шрифта.
Этот шрифт сделает вашу типографику более похожей на заметки, набросанные в блокноте. Он идеально подходит для придания личного и рукописного вида дизайну заголовков и заголовков, особенно для поздравительных открыток, приглашений и листовок.
Simply Diet — красивый рукописный шрифт с чистым и простым дизайном букв. Он идеально смотрится на упаковках продуктов, этикетках, футболках и всем, что между ними. Шрифт идеально подходит и для женского дизайна.
Шрифт с набором забавных и причудливых символов для создания диких и стильных дизайнов. Вы можете создавать повседневные и забавные футболки с помощью шрифта. Он поставляется как с прописными, так и с строчными буквами.
Еще один простой и минималистичный шрифт с набором высоких и узких букв. Этот шрифт можно использовать для оформления поздравительных открыток, отпечатков на кружках, дизайнов постов с цитатами и многого другого. Он включает в себя как прописные, так и строчные буквы.
Hidalgo — очень креативный и дружелюбный шрифт, который выглядит и ощущается вручную. Это, безусловно, сделает ваш дизайн более индивидуальным. Шрифт также включает лигатуры и поставляется в версиях WebFont.
Grembo — это пара красивых шрифтов, включающая в себя шрифт без засечек с заглавными буквами и рукописный шрифт. Оба шрифта имеют теплый и дружелюбный дизайн, который прекрасно сочетается друг с другом.
Еще больше отличных шрифтов вы можете найти в нашей коллекции лучших маркерных шрифтов.
Коллекции шрифтов
Это наша серия красивых, вдохновляющих коллекций шрифтов и гарнитур. В этих статьях используются жирные плакатные шрифты, декоративные шрифты и все, что между ними! Найдите идеальный шрифт для своего следующего дизайнерского проекта с помощью одной из этих коллекций.
Читать статью →Что делает шрифт доступным и легким для чтения
Лиззи Брюс
Внештатный консультант по содержанию
Какой шрифт лучше всего подходит для чтения?
В последнее время этот вопрос несколько раз возникал у меня как у контент-дизайнера. Во-первых, в прошлом году я участвовал в обсуждении доступных шрифтов в Твиттере. Затем крупная благотворительная организация спросила меня, что я думаю о читабельных шрифтах. Я поделился доказательствами, которые люди, которые знали больше меня, поделились в Твиттере. Наконец я прочитал The Non-Designer’s Design Book в январе этого года, чтобы узнать больше о графическом дизайне, и автор, Робин Уильямс, рассказал о выборе шрифта.
Поначалу я инстинктивно держался подальше от этой темы, так как она горячо обсуждается с и не имеет абсолютного консенсуса . Тем не менее, чтобы помочь всем нам стремиться к улучшению, а не к совершенству — тем более, что одного идеального ответа может и не быть — я собрал несколько наблюдений о том, какой шрифт лучше всего подходит для чтения.
Краткий обзор
То, что я узнал, можно резюмировать в следующих общих выводах:
- Пользовательские исследования и тестирование с широким кругом реальных пользователей — в контексте, в котором они сталкиваются с вашим контентом — помогут вам найти лучшее шрифт для ваших целей.
- Профессиональное мнение разнится , но некоторые советы по форме букв помогут вам выбрать более доступный шрифт.
- Шрифт без засечек не обязательно лучше читается , чем шрифт с засечками. На самом деле, некоторые шрифты без засечек могут быть менее читабельными, чем некоторые шрифты с засечками.
- Легкая дифференциация форм букв , а также между заголовками и основным текстом имеет важное значение.
- Толщина шрифта , а также форма должны учитываться для удобочитаемости. Доступны доступные шрифты
- Exemplar, , проверенные на удобство использования.
💡См. также: Пять советов по эффективному сочетанию контента и дизайна
Почему важен четкий шрифт?
Тип шрифта сбивает людей с толку, если он нечеткий. Исследование Томаса Бома из User Design, Illustration and Typesetting показало, что следующие буквы и символы сбивали с толку людей в возрасте от 13 до 45 лет, не страдающих дислексией или нарушениями зрения. Я выделил жирным шрифтом те буквы и символы, которые были перепутаны.
i / j B / 8 D / O, 0, o 0 / O o к/р a/o F/f r/v/Y g/q
Буквы одинаковой формы и убавляемости, а также короткие надстрочные и нисходящие элементы люди с дислексией.
На самом деле, GOV.UK полностью избегает использования определенных символов в паролях из-за проблем с разборчивостью.
💡См. также: 5 главных навыков, которые вам понадобятся, чтобы преуспеть в качестве UX-писателя в 2022 году
Лучшие шрифты для чтения
При поиске лучших шрифтов для чтения следует учитывать как разборчивость, так и доступность . Идеальные шрифты — это не только самые простые шрифты для чтения на веб-страницах, но и шрифты, доступные большей части аудитории. В общем, шрифты Microsoft — хороший выбор, и они будут доступны для многих людей из вашей аудитории.
По данным Бюро доступности Интернета, шрифты, подходящие для обеспечения доступности веб-сайтов:
Times New Roman
Для многих Times New Roman стал шрифтом по умолчанию для печатных и веб-документов . Этот шрифт с засечками имеет относительно небольшую высоту по оси x, но он превосходен в плане разборчивости.
Verdana
Verdana — еще один популярный шрифт без засечек, который широко используется из-за открытых счетчиков и отличительных форм букв . Этот шрифт был создан Microsoft, и хорошо читается как на веб-страницах, так и в цифровых документах.
Arial
Arial — популярный шрифт без засечек с естественным штрихом и открытыми счетчиками , которые придают ему органичный вид. Хотя он был разработан как печатный шрифт, его открытый дизайн также отлично смотрится в веб-дизайне.
Tahoma
Tahoma — еще один шрифт без засечек, созданный для Microsoft. Этот шрифт похож на Verdana, но с более узким корпусом , меньшими счетчиками и меньшим расстоянием между буквами.
Helvetica
Helvetica — это традиционный печатный шрифт, доступный на Mac, Unix и более новых версиях Windows. Высокий x-height делает этот шрифт легче читать на расстоянии.
Calibri
Calibri — это шрифт, разработанный для Microsoft. Хотя у него не очень большая высота по оси x, он предлагает хорошее различие между большинством символов, что делает его отличным выбором для тех, кто ищет легко читаемый шрифт .
Все эти шрифты простые, базовые и без украшений, без дополнительных завитушек или украшений, которые могут запутать читателей на экране компьютера. Они также являются популярным выбором шрифтов и поэтому доступны на большинстве компьютеров, что означает, что они доступны для большей части населения, чем менее популярные шрифты.
Кроме того, Центр специальных возможностей и удобства использования Пенсильванского университета рекомендует следующие шрифты на основании их удобочитаемости и доступности:
Verdana
Verdana — это шрифт без засечек, разработанный Microsoft для мониторов. Это популярный шрифт для доступности, потому что он имеет открытые счетчики и отличительные формы букв, которые помогают избежать путаницы. Verdana хорошо читается как на веб-страницах, так и в цифровых документах.
Lucida Sans (ПК) или Lucida Grande (Mac)
Lucida Sans и Lucida Grande — это шрифты без засечек, разработанные таким образом, чтобы они были разборчивыми при печати в небольшом размере или отображении на дисплее с низким разрешением . Это отличный выбор для контента, отображаемого на мобильных устройствах, таких как смартфоны или планшеты.
Georgia
Georgia — это шрифт с засечками, разработанный для Интернета, что делает его идеальным выбором для онлайн-документов, которые могут считаться трудными для чтения. Georgia остается разборчивым даже при уменьшении до небольшого размера.
Необходимо знать: Платформа GatherContent позволяет внедрять рекомендации по стилю там, где происходит написание, чтобы авторы могли легко следовать правилам содержания.
Указатели на хороший разборчивый шрифт
Стив О’Коннор, ведущий дизайнер Sigma, отметил, что единого решения для всех не существует. Например, разные шрифты подходят разным людям с дислексией.
Гарет Форд Уильямс, руководитель отдела дизайна пользовательского опыта и доступности в BBC, написал подробную статью о правильном выборе шрифта, которую WebAIM порекомендовал мне прочитать: «Что делает шрифт доступным и как принимать обоснованные решения».
Следующие указатели собрали вместе некоторые из своих рекомендаций.
У вас есть :
- Tall x-height : высота строчных букв, таких как m, a, x и r.
- Разница в высоте между верхними и заглавными буквами , так что, например, заглавная «i» и строчная «l» выглядят по-разному.
- Отличительные символы , например, L, l и 1 должны отличаться друг от друга, как и o, e, c, a.
- Соответствующий интервал между буквами.
Но избегайте :
- Уменьшение веса шрифта меньшего размера.
- Шрифты узкой ширины.
- Заглавные буквы.
- Шрифты , в которых буквы зеркально отражают друг друга, например, d, b, p и q, должны иметь особенности, которые отличают их друг от друга не только их расположением в верхнем и нижнем регистрах.
Контрастность шрифта заголовка также важна для удобочитаемости
В своей основополагающей книге « Книга дизайна для недизайнеров » Робин Уильямс подчеркивает важность иерархии заголовков и контраста. Это означает, что заголовки должны легко восприниматься как отличные от основного текста и других рангов заголовков ; например, заголовки h3, h4 и h5 должны легко отличиться друг от друга, а также от основного текста.
Чтобы увидеть это в действии, посмотрите, как система дизайна GOV UK обрабатывает размеры шрифта заголовков:
Чтобы изучить размеры шрифта, попробуйте использовать следующий полезный онлайн-инструмент: Typescale.com💡См. также: Иерархия контента: что это такое и зачем она нужна
Разборчивые апострофы и кавычки
Еще одна вещь, которую нужно проверить, это , как определяются символы апострофа и кавычки . Лучше иметь фигурные или наклонные отметины, чем прямые вертикальные отметины. Если ваши метки по умолчанию прямые, используйте комбинацию клавиш option + Shift + { или }.
Шрифты Exemplar
Несмотря на то, что шрифт GOV.UK, GDS Transport, был проверен на удобство использования, он не является общедоступным для использования, поскольку он защищен авторским правом, что необходимо для того, чтобы он оставался связанным с надежной общедоступной информацией .
Точно так же семейство шрифтов BBC BBC Reith защищено авторским правом. Но на него стоит обратить внимание, потому что, как отметил Гарет Форд Уильямс, он был разработан с участием нейробиолога в команде. Их исследовательские группы пользователей включали людей с нарушением зрения от умеренной до тяжелой степени, дислексией и людей, которые не идентифицировали себя с какими-либо сопутствующими заболеваниями.
Mencap сделала свой доступный шрифт FS Me доступным для публичной покупки и использования. Как они упоминают на веб-сайте Fontsmith, «Каждое письмо FS Me было проверено на его привлекательность и удобочитаемость с рядом групп с ограниченными возможностями обучения по всей Великобритании» . Вот скриншот одного из маркетинговых изображений их шрифта:
Полезная загрузка: Готовитесь создать или обновить руководство по стилю контента? Этот контрольный список Руководства по стилю контента поможет вам спланировать, создать, распространить и поддерживать его.
Дополнительная литература и ресурсы
- «Что делает шрифт доступным и как принимать обоснованные решения», Гарет Форд Уильямс
- ‘Можешь отличить 1 от л? Почему удобочитаемость букв является ключевым фактором в шрифтовом дизайне», Сара Давуд,
- «Советы по созданию хорошей типографики», Стивен Маккарти,
- «Книга по дизайну для недизайнеров», Робин Уильямс,
- Typescale.com,
- Шрифт FS Me от Mencap.
- D&AD на Universal Sans
Недавно этот вопрос несколько раз возникал у меня как у контент-дизайнера. Во-первых, в прошлом году я участвовал в обсуждении доступных шрифтов в Твиттере. Затем крупная благотворительная организация спросила меня, что я думаю о читабельных шрифтах. Я поделился доказательствами, которые люди, которые знали больше меня, поделились в Твиттере. Наконец я прочитал The Non-Designer’s Design Book в январе этого года, чтобы узнать больше о графическом дизайне, и автор, Робин Уильямс, рассказал о выборе шрифта.
Поначалу я инстинктивно держался подальше от этой темы, так как она горячо обсуждается с и не имеет абсолютного консенсуса . Тем не менее, чтобы помочь всем нам стремиться к улучшению, а не к совершенству — тем более, что одного идеального ответа может и не быть — я собрал несколько наблюдений о том, какой шрифт лучше всего подходит для чтения.
Краткий обзор
То, что я узнал, можно резюмировать в следующих общих выводах:
- Пользовательские исследования и тестирование с широким кругом реальных пользователей — в контексте, в котором они сталкиваются с вашим контентом — помогут вам найти лучшее шрифт для ваших целей.
- Профессиональное мнение разнится , но некоторые советы по форме букв помогут вам выбрать более доступный шрифт.
- Шрифт без засечек не обязательно лучше читается , чем шрифт с засечками. На самом деле, некоторые шрифты без засечек могут быть менее читабельными, чем некоторые шрифты с засечками.
- Легкая дифференциация форм букв , а также между заголовками и основным текстом имеет важное значение.
- Толщина шрифта , а также форма должны учитываться для удобочитаемости. Доступны доступные шрифты
- Exemplar, , проверенные на удобство использования.
💡См. также: Пять советов по эффективному сочетанию контента и дизайна
Почему важен четкий шрифт?
Тип шрифта сбивает людей с толку, если он нечеткий. Исследование Томаса Бома из User Design, Illustration and Typesetting показало, что следующие буквы и символы сбивали с толку людей в возрасте от 13 до 45 лет, не страдающих дислексией или нарушениями зрения. Я выделил жирным шрифтом те буквы и символы, которые были перепутаны.
i / j B / 8 D / O, 0, o 0 / O o к/р a/o F/f r/v/Y g/q
Буквы одинаковой формы и убавляемости, а также короткие надстрочные и нисходящие элементы люди с дислексией.
На самом деле, GOV.UK полностью избегает использования определенных символов в паролях из-за проблем с разборчивостью.
💡См. также: 5 главных навыков, которые вам понадобятся, чтобы преуспеть в качестве UX-писателя в 2022 году
Лучшие шрифты для чтения
При поиске лучших шрифтов для чтения следует учитывать как разборчивость, так и доступность . Идеальные шрифты — это не только самые простые шрифты для чтения на веб-страницах, но и шрифты, доступные большей части аудитории. В общем, шрифты Microsoft — хороший выбор, и они будут доступны для многих людей из вашей аудитории.
По данным Бюро доступности Интернета, шрифты, подходящие для обеспечения доступности веб-сайтов:
Times New Roman
Для многих Times New Roman стал шрифтом по умолчанию для печатных и веб-документов . Этот шрифт с засечками имеет относительно небольшую высоту по оси x, но он превосходен в плане разборчивости.
Verdana
Verdana — еще один популярный шрифт без засечек, который широко используется из-за открытых счетчиков и отличительных форм букв . Этот шрифт был создан Microsoft, и хорошо читается как на веб-страницах, так и в цифровых документах.
Arial
Arial — популярный шрифт без засечек с естественным штрихом и открытыми счетчиками , которые придают ему органичный вид. Хотя он был разработан как печатный шрифт, его открытый дизайн также отлично смотрится в веб-дизайне.
Tahoma
Tahoma — еще один шрифт без засечек, созданный для Microsoft. Этот шрифт похож на Verdana, но с более узким корпусом , меньшими счетчиками и меньшим расстоянием между буквами.
Helvetica
Helvetica — это традиционный печатный шрифт, доступный на Mac, Unix и более новых версиях Windows. Высокий x-height делает этот шрифт легче читать на расстоянии.
Calibri
Calibri — это шрифт, разработанный для Microsoft. Хотя у него не очень большая высота по оси x, он предлагает хорошее различие между большинством символов, что делает его отличным выбором для тех, кто ищет легко читаемый шрифт .
Все эти шрифты простые, базовые и без украшений, без дополнительных завитушек или украшений, которые могут запутать читателей на экране компьютера. Они также являются популярным выбором шрифтов и поэтому доступны на большинстве компьютеров, что означает, что они доступны для большей части населения, чем менее популярные шрифты.
Кроме того, Центр специальных возможностей и удобства использования Пенсильванского университета рекомендует следующие шрифты на основании их удобочитаемости и доступности:
Verdana
Verdana — это шрифт без засечек, разработанный Microsoft для мониторов. Это популярный шрифт для доступности, потому что он имеет открытые счетчики и отличительные формы букв, которые помогают избежать путаницы. Verdana хорошо читается как на веб-страницах, так и в цифровых документах.
Lucida Sans (ПК) или Lucida Grande (Mac)
Lucida Sans и Lucida Grande — это шрифты без засечек, разработанные таким образом, чтобы они были разборчивыми при печати в небольшом размере или отображении на дисплее с низким разрешением . Это отличный выбор для контента, отображаемого на мобильных устройствах, таких как смартфоны или планшеты.
Georgia
Georgia — это шрифт с засечками, разработанный для Интернета, что делает его идеальным выбором для онлайн-документов, которые могут считаться трудными для чтения. Georgia остается разборчивым даже при уменьшении до небольшого размера.
Необходимо знать: Платформа GatherContent позволяет внедрять рекомендации по стилю там, где происходит написание, чтобы авторы могли легко следовать правилам содержания.
Указатели на хороший разборчивый шрифт
Стив О’Коннор, ведущий дизайнер Sigma, отметил, что единого решения для всех не существует. Например, разные шрифты подходят разным людям с дислексией.
Гарет Форд Уильямс, руководитель отдела дизайна пользовательского опыта и доступности в BBC, написал подробную статью о правильном выборе шрифта, которую WebAIM порекомендовал мне прочитать: «Что делает шрифт доступным и как принимать обоснованные решения».
Следующие указатели собрали вместе некоторые из своих рекомендаций.
У вас есть :
- Tall x-height : высота строчных букв, таких как m, a, x и r.
- Разница в высоте между верхними и заглавными буквами , так что, например, заглавная «i» и строчная «l» выглядят по-разному.
- Отличительные символы , например, L, l и 1 должны отличаться друг от друга, как и o, e, c, a.
- Соответствующий интервал между буквами.
Но избегайте :
- Уменьшение веса шрифта меньшего размера.
- Шрифты узкой ширины.
- Заглавные буквы.
- Шрифты , в которых буквы зеркально отражают друг друга, например, d, b, p и q, должны иметь особенности, которые отличают их друг от друга не только их расположением в верхнем и нижнем регистрах.
Контрастность шрифта заголовка также важна для удобочитаемости
В своей основополагающей книге « Книга дизайна для недизайнеров » Робин Уильямс подчеркивает важность иерархии заголовков и контраста. Это означает, что заголовки должны легко восприниматься как отличные от основного текста и других рангов заголовков ; например, заголовки h3, h4 и h5 должны легко отличиться друг от друга, а также от основного текста.
Чтобы увидеть это в действии, посмотрите, как система дизайна GOV UK обрабатывает размеры шрифта заголовков:
Чтобы изучить размеры шрифта, попробуйте использовать следующий полезный онлайн-инструмент: Typescale.com💡См. также: Иерархия контента: что это такое и зачем она нужна
Разборчивые апострофы и кавычки
Еще одна вещь, которую нужно проверить, это , как определяются символы апострофа и кавычки . Лучше иметь фигурные или наклонные отметины, чем прямые вертикальные отметины. Если ваши метки по умолчанию прямые, используйте комбинацию клавиш option + Shift + { или }.
Шрифты Exemplar
Несмотря на то, что шрифт GOV.UK, GDS Transport, был проверен на удобство использования, он не является общедоступным для использования, поскольку он защищен авторским правом, что необходимо для того, чтобы он оставался связанным с надежной общедоступной информацией .
Точно так же семейство шрифтов BBC BBC Reith защищено авторским правом. Но на него стоит обратить внимание, потому что, как отметил Гарет Форд Уильямс, он был разработан с участием нейробиолога в команде. Их исследовательские группы пользователей включали людей с нарушением зрения от умеренной до тяжелой степени, дислексией и людей, которые не идентифицировали себя с какими-либо сопутствующими заболеваниями.
Mencap сделала свой доступный шрифт FS Me доступным для публичной покупки и использования. Как они упоминают на веб-сайте Fontsmith, «Каждое письмо FS Me было проверено на его привлекательность и удобочитаемость с рядом групп с ограниченными возможностями обучения по всей Великобритании» . Вот скриншот одного из маркетинговых изображений их шрифта:
Полезная загрузка: Готовитесь создать или обновить руководство по стилю контента? Этот контрольный список Руководства по стилю контента поможет вам спланировать, создать, распространить и поддерживать его.
Дополнительная литература и ресурсы
- «Что делает шрифт доступным и как принимать обоснованные решения», Гарет Форд Уильямс
- ‘Можешь отличить 1 от л? Почему удобочитаемость букв является ключевым фактором в шрифтовом дизайне», Сара Давуд,
- «Советы по созданию хорошей типографики», Стивен Маккарти,
- «Книга по дизайну для недизайнеров», Робин Уильямс,
- Typescale.com,
- Шрифт FS Me от Mencap.
- D&AD на Universal Sans
Зарегистрироваться
Смотреть сейчас
Готовы начать?
Начните бесплатную пробную версию
Начать бесплатную пробную версиюЗаказать демоверсию
Об авторе
Лиззи является автором книги «Контент внутренней сети на основе задач, пошаговое руководство по проектированию, ориентированному на пользователя». Она руководила совместным проектом Content Design London «Рекомендации по читаемости» и предоставляет услуги по работе с контентом через Cake Consultancy Ltd. Обладая 17-летним опытом использования контента в частном, государственном и благотворительном секторах, Лиззи стремится поделиться своими знаниями.
Лучшие шрифты для вашего резюме в 2022 году, по мнению рекрутеров HubSpot
Исследования показали, что рекрутеры обычно просматривают резюме всего около шести секунд, прежде чем принять решение о том, подходит ли кандидат на вакансию.
Всего шесть секунд, чтобы продемонстрировать свою квалификацию для должности, имеет значение каждая деталь, включая используемый вами шрифт. Вопрос в том, какие шрифты для резюме лучше всего подходят для шестисекундного сканирования?
Мы попросили рекрутеров HubSpot назвать семь лучших шрифтов для вашего резюме, а также то, что они считают дизайном в целом, чтобы ваше резюме могло выделиться из общей массы.
- Лучшие шрифты для резюме
- Шрифт вашего резюме вообще имеет значение?
- Худшие шрифты для резюме
- Идеальные размеры шрифта для резюме
Загрузить сейчас
Лучшие шрифты для резюме
- Times New Roman
- Ариал
- Калибри
- Гельветика
- Камбрия
- Грузия
- Гарамонд
- Авенир Следующий
- Муна
Всего шесть секунд, чтобы продемонстрировать свою квалификацию для должности, каждая деталь имеет значение. Чтобы пробудить чувство стиля, профессионализма и уникальности, очень важно, чтобы вы приложили усилия и внимание к выбору шрифта.
При общении с рекрутерами быстро выяснилось, что классические шрифты по-прежнему являются лучшим вариантом.
«Я большой поклонник «классики» для резюме — Times New Roman, Arial, Calibri, Helvetica и Cambria. Я немного старая школа, но я думаю, что они самые чистые и источают профессионализм», — сказал Джоанна Флеминг, бывший старший рекрутер в HubSpot.
Райли Кундц, бывший старший рекрутер кампуса MBA в HubSpot, согласилась.
«Я нахожу классическое форматирование и шрифт Times полезными при чтении объемного резюме опытного кандидата MBA.»
Times New Roman в последнее время вызывает споры. Это был популярный шрифт в течение многих лет, но в последнее время некоторые отказываются от него.
«Для меня все зависит от удобочитаемости и чистоты — я предпочитаю шрифты без засечек, такие как Helvetica, шрифтам с засечками, таким как Times New Roman», — сказал технический рекрутер HubSpot Глори Монтес. «В целом, я бы просто держался подальше от такого шрифта, как Times New Roman, он слишком часто используется и напоминает мне о долгих ночах, когда я писал курсовую работу в колледже».
Один шрифт, похожий на Times, — это Georgia, он немного шире, что облегчает чтение. Фактически, это шрифт, используемый The New York Times.
Избранный ресурс
12 бесплатных настраиваемых шаблонов резюме
Заполните эту форму, чтобы получить доступ к бесплатным профессионально разработанным шаблонам.
Паулина Вальдес Франко, исполнительный рекрутер HubSpot, согласна с этим мнением.
«Два моих любимых шрифта — Helvetica, если вы ищете чистый и классический вид, и Georgia, если вам нужен более современный и веселый вид», — сказала она. «Последний также разработан, чтобы хорошо читаться на экранах».
Helvetica широко используется в рекламной индустрии и одинаково хорошо подходит для текстовых страниц и документов.
Менее известный шрифт, который отлично подойдет для вашего резюме, — Garamond, рекомендованный нашим нынешним руководителем отдела инженерного рекрутинга в HubSpot Ричем Лэпэмом.
«Рекрутеры имеют представление о навыках, которые они ищут в резюме, поэтому, если вы попробуете новый стиль или формат, рекрутерам будет сложнее найти информацию, которую они ищут», — сказал он. «Держите его чистым и простым».
Франко добавил, что Arial и Calibri — отличный выбор, если вы хотите перестраховаться.
Бриджит ЛеМон, глобальный менеджер по новым талантам и университетскому рекрутингу в HubSpot, вторит этому.
«Это вполне приемлемо — и становится все более распространенным — для кандидатов отклоняться от норм резюме Times New Roman и Calibri», — сказала она. «Avenir Next и Muna — два отличных варианта, если вы хотите нарушить статус-кво».
В конечном счете, при выборе шрифта вам следует учитывать позицию, на которую вы претендуете. По мнению Монтеса, некоторые более творческие роли могут выиграть от более уникального шрифта, чем Times New Roman.
Имеет ли вообще значение шрифт вашего резюме?
Большинство рекрутеров, с которыми я разговаривал, не решались даже предлагать шрифт вообще. Вместо этого они сосредотачиваются на содержании.
«Обычно я не уделяю слишком много внимания шрифту, — говорит Хета Патель, бывший рекрутер HubSpot. «Меня больше беспокоит, правильно ли отформатировано резюме — в этом поможет отправка PDF-файла, так что ваше форматирование не изменится».
Менеджер по набору персонала Келси Фридман согласилась.
«Честно говоря, меня не очень волнует шрифт резюме, главное, чтобы он был четким и в формате PDF. Обычно я просматриваю резюме только в течение 20-30 секунд, так что традиционный шрифт подойдет. Я бы посоветовал избегайте рукописного шрифта или пузырькового шрифта или чего-то подобного».
В конечном счете, как и ожидалось, ваш контент по-прежнему имеет наибольшее значение. Тем не менее, чистый, четкий шрифт поможет избежать раздражения, которое вы можете вызвать у рекрутера своим отвлекающим, неряшливым дизайном.
«Что меня больше всего волнует, так это содержание. В зависимости от роли я вижу, что кандидаты делятся прямыми и убедительными снимками своей работы», — сказала Эшли Ходдер, глобальный менеджер по подбору персонала в HubSpot. «Я ищу индикаторы, которые показывают ориентацию на данные, автономность и вдумчивость в отношении влияния на бизнес».
Худшие шрифты для резюме
Хотя некоторые рекрутеры могут не предлагать лучшие шрифты для использования, многие могут согласиться с некоторыми из худших.
«Все, что написано курсивом или слишком многословно, слишком сложно читать. Например, я бы избегала Comic Sans», — говорит Холли Петерсон, руководитель группы UX, рекрутирующей HubSpot.
Другой тип шрифта, которого следует избегать, — это Script.
С текстовыми документами Script и любые его производные затрудняют чтение, потому что они должны выглядеть так, как будто они написаны от руки.
Они обычно используются в рукописных надписях и каллиграфии для художественных проектов и не должны присутствовать рядом с вашим резюме.
Идеальный размер шрифта резюме
Когда его спросили о том, какой шрифт лучше всего подходит для размера , Флеминг сказал, что 12 является идеальным.