что такое некириллизованный шрифт
Типографика в презентации: латиница VS кириллица
01. В чем проблема?
Если вам часто приходится оформлять слайды, вы наверняка ищете примеры для вдохновения в интернете. На Dribbble, Pinterest и Behance можно почерпнуть идеи на любой случай. Вот только большинство этих презентаций сделаны на английском.
Если вы думаете, что язык не имеет значения, давайте сравним два текста:
Итак, в русском языке длинные слова, и это проблема для дизайна. Во-первых, в слайд придется вмещать больше информации, а место всегда ограничено. Во-вторых, слишком длинные слова делают левый край текста неровным — это хуже с точки зрения композиции.
Но часто в презентациях приходится работать с короткими надписями (заголовками, цитатами, слоганами), и тогда для дизайна становится важна форма графем. 
Во времена Петра I наш шрифт модернизировали на европейский лад. Но не все буквы удалось привести к единому образцу. У нас есть буквы «A», «Е», «О» и многие другие, повторяющие латиницу в точности. Наряду с ними есть «Ж», «Ю», «Щ» или «Ъ», которые выбиваются из общего ряда — по своей конструкции и ширине. Из-за этого межбуквенные интервалы на русском чаще приходится корректировать вручную, а возможности для креатива в надписях ограничены.
Итак, русские слова — длинные, а буквы — крайне многообразны в своей форме. Давайте посмотрим, как с этим работать при создании презентации и от каких шаблонов лучше отказаться.
02. Выбор шрифта
Первая проблема, с которой вы можете столкнуться, скачивая гарнитуру или готовый шаблон — отсутствие кириллической версии шрифта. Наверняка это разочарование знакомо многим. Но даже если гарнитура русифицирована, не всегда красивые надписи на латинице будут так же хороши в кириллице.
Это обычно касается декоративных шрифтов. Смотрите: 
За счет длины слов русскоязычный текст изначально более трудный для восприятия, чем английский. Поэтому с декоративными и рукописными шрифтами нужно работать аккуратно. Легкость чтения в презентации важнее, чем художественные изыски: в случае сомнений лучше выбрать более простой шрифт.
Если вы скачиваете готовые шаблоны из интернета, убедитесь, что шрифты в них хорошо подойдут для надписей на русском. Иногда в презентации можно без потерь заменить одну гарнитуру на другую, но бывает, что декоративный шрифт — главная фишка дизайна.
Вероятно, длинные русские слова будет проблематично читать с такой гарнитурой. Чтобы не нарушать единый стиль оформления, лучше изначально подбирать шаблоны с более традиционными шрифтами.
03. Оформление коротких надписей
Иногда текст на слайдах ограничивается одним предложением. Тогда зритель видит слова крупно, и для хорошего дизайна важно соблюдать визуальный ритм: соотношение форм букв и пустот между ними.
Оптимальные интервалы уже вшиты в любую качественную гарнитуру: шрифтовые дизайнеры вручную выбирают промежутки между каждой парой букв. Это называется кернинг. Но даже если расстояние между двумя буквами правильное, создатель шрифта не может предсказать, как будет смотреться целое слово. Поэтому иногда интервалы надо менять самостоятельно.
Часто эта проблема возникает в кириллице при использовании моноширинных шрифтов. В таких гарнитурах знаки тяготеют к одной ширине. А, как мы уже знаем, в русском алфавите есть буквы «ж»,»ш» или «ю», которые выделяются из общего числа более узких графем.
Давайте сравним русскую и английскую надпись, выполненные шрифтом Courier New: 
Дело в том, что наши нестандартные буквы «ж»,»ш» и «ю» здесь приближены по ширине к типичным латинским буквам. От того, что они сильно сжаты, участки текста с ними более темные. 
Давайте попробуем слегка увеличить пространство вокруг этих букв: 
Альтернатива моноширинным шрифтам — пропорциональные шрифты, в которых, скажем, буква «ж» изначально будет шире, чем «а». Менять кернинг в горизонтальных надписях с ними скорее всего не придется. Но при попытках покреативить и написать слово вертикально снова возникнут проблемы. 
Теперь давайте взглянем на поворот строки на 90 градусов. Здесь все проще: в русском языке мы привыкли читать такие слова исключительно снизу вверх — все корешки русскоязычных книг оформлены по такому принципу.
Листая кейсы на Behance, в этом можно убедиться: 
На корешках европейских книг, напротив, названия пишутся сверху вниз, а в дизайне на латинице можно встретить надписи в обоих направлениях.
04. Оформление основного текста
Если вам нужно разместить на слайде не короткую надпись, а несколько осмысленных предложений, важно подобрать принцип верстки, с которым текст будет удобнее всего читать. На латинице слайд часто делят на несколько колонок.
Вы наверняка сталкивались с такими шаблонами: 
В английском есть слова из двух-трех букв, благодаря которым текст вполне вмещается в колонки. В русских предложениях есть риск, что на каждой строке окажется по одному слову, либо шрифт придется делать меньше.
Для кириллицы более жизнеспособный вариант — поделить текст на две более широкие колонки, либо не делить его вовсе.
Но даже если размещать информацию на слайде сплошным текстом, можно столкнуться с трудностями. Мы в самом начале отметили, что при выравнивании по левому краю русскоязычный текст зачастую неровно лежит справа. Давайте вернемся к этому примеру и посмотрим, что можно сделать. 
Первый способ — скорректировать трекинг (расстояние между всеми символами в тексте). 
Второй способ — сделать выравнивание по центру. 
Наконец, третий способ — сделать текстовое поле более широким или узким. Когда первой строке у вас будет на пару слов больше или меньше, все последующие строки сместятся. Так можно попробовать подобрать оптимальный вариант, чтобы текст лежал ровно с выравниванием по левому краю. 
Один из минусов готовых шаблонов для презентаций — они могут не согласовываться с вашим текстом. 
Дизайн неотделим от текста, поэтому с готовыми шаблонами бывает трудно работать. Если самостоятельно оформлять слайд, можно добиться лучших результатов.
Главное — это информация, которую нужно разместить, и исходя из нее стоит составлять макеты слайдов. Наши специалисты могут помочь вам освоить создание презентаций с нуля.
Кириллизация
Может быть несколько случаев, когда вам может понадобиться помощь с внедрением кириллических символов в шрифт. Например, вы рисуете шрифт и планируете добавить в него кириллицу, но не говорите ни на одном языке, который использует кириллицу. Или вы выходите на новые рынки и вам нужно добавить кириллицу в существующий корпоративный шрифт.
Мы считаем, что кириллизацию стоит заказывать только у носителей языка с подтвержденным опытом в шрифтовом дизайне.
Можем заверить, что TypeType соответствует следующим критериям:
1. Мы относимся к кириллице с большим трепетом и уважением. У нас работают носители русского, украинского и белорусского языков;
2. Все коммерческие и бесплатные шрифты от TypeType поддерживают кириллицу по умолчанию;
3. На данный момент, мы завершили несколько проектов по кириллизации шрифтов. Пожалуйста, свяжитесь с нами по электронной почте, если у вас есть вопросы.
Может быть интересно
Кастомизация
В обширной коллекции TypeType найдутся и уникальные, и универсальные шрифтовые гарнитуры. Однако у каждого проекта свои потребности, поэтому, если вам понравится один из шрифтов в нашей коллекции, но вы захотите внести индивидуальные изменения в существующий или заказать полностью оригинальный шрифт, вы можете обратиться к нам.
Доступный шрифт
Мы запускаем новую услугу на шрифтовом рынке!
Для любой компании фирменный шрифт — элемент брендинга, позволяющий выделяться среди конкурентов. Если вы по-прежнему думаете, что такая услуга доступна только крупным брендам с миллиардными бюджетами — готовьтесь, мы здесь, чтобы разоблачить этот миф!
Хинтинг
Хинтинг шрифтов или экранная оптимизация — это применение математических инструкций для настройки отображения контура шрифта так, чтобы он совпадал с растровой сеткой. Хинтинг помогает сделать текст читаемым и чётким при низком разрешении экрана. Хинтингу могут сопутствовать сглаживание и субпиксельный рендеринг для большей чёткости.
Что такое типографика и какие шрифты использовать на сайте
Как сделать текст более читабельным? Как подбирать шрифтовые пары? Какой шрифт выбрать для бизнеса и не ошибиться? Ответы на эти и другие важные вопросы в руководстве по типографике от Skillbox.
Один из источников информации — это текст. Чтобы привлечь внимание читателя и выделить материал среди других, его стараются красиво оформить и сделать легким для восприятия. Направление, которое содержит в себе правила о расположении текста, выборе шрифтов и размеров, называется типографикой.
Чтобы сделать текст удобным для чтения и правильно подобрать шрифт, необходимо узнать, из чего состоит типографика и какие шрифты можно использовать на сайте.
Что такое типографика
Типографика — это оформление наборного текста. Его располагают на бумаге или экране, настраивают отступы и интервалы, подбирают шрифт. Хорошо проработанный материал смотрится лаконично и приятно. Легко читается, ощущается гармония.
До появления компьютеров правила типографики использовали для создания макетов книг, газет и плакатов. Теперь их применяют для удобного отображения информации на дисплее — в программах и на сайтах.
Правила типографики учитывают параметры шрифта, размеры текста, его расположение. Чтобы хорошо оформить текст, нужно знать, какие шрифты использовать на сайте, что такое начертание, каковы пропорции между основным текстом и заголовком.
Как подбирать шрифты на сайт
Внешний вид сайта во многом зависит от используемых шрифтов. Правильно подобранный шрифт помогает читать быстрее. Обычно пользователь заходит на страницу, пробегает взглядом по тексту и сразу получает нужную информацию.
Если использовать какой-то необычный шрифт, рукописный или акцидентный, то читать станет сложнее. Скорее всего, посетитель сайта не станет тратить время на то, чтобы разобрать текст, и просто закроет страницу.
Чтобы решить, какой шрифт выбрать для сайта, нужно знать, какие бывают семейства, что такое начертание и классификация.
Классификация шрифтов
Шрифты отличаются характером, внешним видом, стилем. Какие-то — статические, какие-то передают динамику. Но все эти различия видит опытный человек, а простой пользователь, скорее всего, не заметит.
Главное визуальное различие шрифтов — засечки на буквах. Этот параметр называется классификацией шрифта. На сайтах чаще всего встречается две классификации: антиква и гротеск.
Антиква — шрифт с засечками, поэтому часто в названии есть слово serif («засечка»). Популярная антиква: Times New Roman.
Передает ощущения надежности и традиционности. Шрифт с засечками выглядит строго и классически. Используется в бумажных книгах, журналах и печатных изданиях. Длинный текст, набранный таким шрифтом, удобно читать.
Гротеск — классификация шрифта без засечек. В названии его часто встречается слово sans («без»). Популярные представители гротеска: Arial, Helvetica, Verdana.
Гротеск ассоциируется с чем-то современным и легким. Его часто использует в чертежах и технической документации, в интерфейсах программ, на сайтах.
Что такое гарнитура
Гарнитура — это название одной шрифтовой семьи, которая состоит из разных начертаний.
Привычное начертание — нормальное (Regular), остальные начертания зависят от вида шрифта и цели, для которой его создавали. Отличаются друг от друга наклоном, пропорциями, толщиной, но имеют одинаковый характер.
Светлое (Thin, Light); нормальное (Regular); полужирное (DemiBold, SemiBold); жирное (Bold, Extra Bold)
Узкое (Narrow, Condensed); нормальное; широкое (Wide, Extended, Expanded)
Выбор размеров шрифта
Размер шрифта подбирают для каждого сайта индивидуально. Главное, чтобы читать текст на странице было комфортно.
Размер для обычного текста — 16-22 px. При этом длина строки не должна превышать 75 символов. Если текста мало, то его делают крупнее, а для статей и длинных записей — мельче.
Правильно подобранные размеры заголовков помогают создать контраст с основным текстом на странице. Для расчета пользуются коэффициентом из золотого сечения — 1,6.
Чтобы узнать размеры заголовков, кегль основного текста умножают на 1,6.
Нормальный текст: 18px
Заголовок 4: 18х1,6 = 27px.
Полученный результат умножают на 1,6 еще раз, чтобы узнать размер заголовка следующего уровня:
Заголовок 3: 27х1,6 = 40px.
Вычислить, какой размер шрифта на сайте лучше использовать, можно с помощью калькулятора. На основе параметров обычного шрифта он подбирает оптимальные размеры для заголовков.
Сочетание шрифтов
Использование разных шрифтов на сайте помогает создать контраст и задает настроение во время чтения текста. Поэтому дизайнеры тщательно подбирают шрифты для сайта, анализируют разные сочетания.
Для выбора сочетания шрифтов нет каких-то определенных алгоритмов, потому что каждый проект индивидуален.
Обычно сочетают либо разные начертания одного и того же шрифта, либо выбирают два шрифта разной классификации. Комбинирование антиквы и гротеска помогает показать иерархию текста и добиться хорошей читабельности.
Самый простой способ подобрать пару шрифтов — просмотреть несколько, сравнить и проанализировать, какие пары подойдут.
Искать шрифтовые пару удобно с помощью сервисов Паратайп и FontPair.
Где брать шрифты
В интернете можно найти бесплатные и платные шрифты. И те, и другие шрифты можно использовать на сайте.
Бесплатные
Большая библиотека качественных шрифтов называется Google Fonts. Шрифт легко подобрать по нужным параметрам: выбрать только кириллицу, искать антикву или гротеск. С Google Fonts их можно скачать или напрямую подключить к сайту.
Часто дизайнеры рисуют свои шрифты и выкладывают их в общий доступ. Здесь стоит быть аккуратным, потому что не все они — качественные и подойдут для вашего проекта.
Платные
Ищут в специальных магазинах или на сайтах владельцев — студий и дизайнеров.
Больше о типографике и шрифтах
Шрифт проектируются для определенной цели. У каждого — разные характер и настроение. Поэтому к подбору шрифтов и верстке текста на странице важно подходить осознанно.
Книги, которые помогут изучить основы типографики и узнать, как работать со шрифтами:
Углубиться в типографику, верстку и узнать об использовании шрифтов можно на курсе «Веб-дизайн с нуля» от Skillbox.
Пишет про дизайн в Skillbox. Рисует макеты и верстает страницы для клиентов.
Информационный сайт Паратайп
Как разобраться в кириллице
Эта статья — своего рода методическое пособие. Графический или веб-дизайнер может по ней научиться определять качество кириллицы в шрифте, когда сомневается, а начинающий шрифтовой дизайнер получит подсказки, как действовать в сложных случаях. Это развитие и продолжение «той самой статьи из ЖЖ про кириллицу». В ней больше материала, подробнее комментарии и глубже объяснения.
Когда мы смотрим на кириллицу в шрифте и пытаемся сориентироваться, хорошая она или нет, стоит обратить внимание на несколько важных параметров. Это конструкция букв, их ширина, промежутки между буквами и распределение толщин штрихов. Давайте разберём их по очереди — от более общих случаев до конкретных заметок по каждой букве.
Конструкция букв в целом
В кириллице (как и в латинице и греческом) у каждой буквы есть два варианта, или регистра — прописная (заглавная, «большая») и строчная («маленькая»).
А ещё у тех же самых букв меняется конструкция в курсиве и когда мы пишем руками. Всего получается четыре основных варианта конструкции для каждой буквы.
Но постоянно об этом помнят только шрифтовые дизайнеры. Почему?
При чтении наш мозг не разглядывает каждую букву по отдельности, а моментально схватывает формы нескольких знаков сразу, улавливает смысл и переходит к следующему сочетанию. У взрослого, давно умеющего читать человека всё это происходит интуитивно, то есть неосознанно. Поэтому при чтении люди обычно не обращают внимания на конструкцию буквы. К тому же (чтобы всех окончательно запутать) в некоторых буквах часть конструкций совпадает.
Всё это приводит к интересному эффекту: когда человек пытается вспомнить, как выглядят «нормальные» буквы, то строчная конструкция — та, которую мы видим чаще всего (когда читаем), приходит в голову последней или не приходит совсем. Вспомнить то, что мы постоянно воспринимаем интуитивно, практически нереально. Поэтому мозг как бы возвращается к тому моменту, когда последний раз внимательно смотрел на буквы, а это было в детстве — когда человек учился читать и писать.
То есть если попросить взрослого человека (не шрифтового дизайнера) написать русский алфавит «как в книге» или «маленькими буквами», то в результате всё равно получаются заглавные или смесь заглавных и рукописных конструкций.
Поэтому смесь разных конструкций в одном шрифте — это или очень яркое высказывание, или очень явный признак непрофессионализма. Если шрифт похож на текстовый, то есть у него «нормальная» жирность и ширина и «обычный» рисунок букв, то разные конструкции смешиваться не должны, «б» всегда с хвостом вверх, «р» всегда с хвостом вниз и так далее.
Если шрифт акцидентный, то смешение конструкций допустимо. Но надо посмотреть ещё и на латиницу: если разные конструкции смешиваются и в латинице, и в кириллице, то, скорее всего, всё в порядке и это задумка автора. А если латиница традиционная, а кириллица смешанная, то, возможно, мы имеем дело со шрифтом неопытного дизайнера и стоит поискать какой-нибудь другой.
В этой статье приведены конструкции букв русской кириллицы. Если вы видите текстовый шрифт, у которого большинство знаков выглядят как выпрямленный курсив, скорее всего, он болгарский: в Болгарии в 1960-е годы дизайнеры договорились между собой использовать такие конструкции букв.
То есть для набора на болгарском языке (или с болгарским акцентом) это то, что надо, а при наборе на русском — будет выглядеть непривычно, так что для длинного текста лучше подобрать более традиционный шрифт.
Тема повышенной сложности: курсив против наклонного
Степень «курсивности» шрифта может быть разной. В шрифтах эпохи Возрождения курсив по рисунку очень сильно отличался от прямого начертания, а в модернистских шрифтах XX века, с подачи Стэнли Морисона, Беатрис Уорд и компании — стал гораздо ближе к наклонному начертанию.
Курсив Робера Гранжона, XVI век
Курсив Эрика Гилла к шрифту Perpetua, 1929-1932 гг.
Но в латинице в большинстве букв меняется только пластика знаков, а не конструкция. А вот в кириллице конструкция курсивных знаков чаще всего отличается от конструкции прямых, особенно в антикве.
В антиквах и гуманистических гротесках всё это богатство работает очень хорошо. Но если кириллический шрифт далёк от каллиграфии, то курсив может быть и «гибридным» — часть знаков с курсивной конструкцией, а часть с наклонной. Причём в зависимости от того, насколько автор хочет сохранить в курсиве жёсткость и рациональность прямого начертания, количество знаков с наклонной конструкцией может меняться.
Ширина букв
Есть моноширинные шрифты, у которых все буквы стоят на площадках одной ширины.
Но их сравнительно немного, а все остальные шрифты — пропорциональные. Это значит, что буквы в них разной ширины, одни шире, а другие уже.
Шрифты бывают в принципе разной ширины, есть узкие, есть широкие, есть нормальные.
Но и в самом узком шрифте, и в самом широком шрифте буква «ш» будет шире, чем буква «н», а буква «г» уже, чем буква «о». Есть негласная традиция ширин и пропорций букв, которая сложилась за века существования наборного шрифта.
Точных правил «делай такую-то букву такой-то ширины», конечно, нет, но если шрифт предназначен для длинного текста, то буквы должны выглядеть равномерными. Это важно — не быть геометрически одинаковыми, а именно казаться!
Самый надёжный способ разобраться с шириной букв — внимательно смотреть на хорошие старые шрифты и сравнивать свой результат с традиционным. Вот, например, иллюстрация, на которой буквы нескольких популярных текстовых шрифтов расставлены по порядку — от самой узкой площадки к самой широкой.
В акцидентных шрифтах с шириной букв можно обращаться гораздо более вольно, чем в текстовых. Например, популярный приём — сильная разноширинность букв, особенно прописных.
Постамент колонны Траяна, Рим, 113 год н. э.
Bad Russian (Мария Касаткина) — сверхразноширинный шрифт
А можно очень сильно расширить или сузить одну-две буквы в надписи. Главное — чтобы идея была видна и понятна сразу, а не выглядела случайностью.
Промежутки между буквами
Межбуквенные расстояния в хорошо сделанном шрифте должны казаться равномерными. Но буквы бывают разной формы: прямоугольные, овальные, треугольные или ещё более сложные. Вокруг непрямоугольных букв уже есть какое-то количество «воздуха».
Поэтому нельзя так просто взять и автоматически выставить всем буквам одинаковые белые площадки слева и справа. Вернее, выставить их можно, но получится не равномерность, а обратный эффект — между прямоугольными буквами будет мало места, а между треугольными и круглыми — огромные дыры.
Когда шрифтовой дизайнер делает шрифт, то проверяет, как каждый знак (буква, цифра или любой другой) встанет между двумя прямоугольными и двумя овальными. И там и там должно получиться равномерно.
Но в некоторых сочетаниях букв, как ни старайся, универсальными межбуквенными расстояниями не обойтись. Например, в слове «где» будет дыра между «г» и «д», если в шрифте не сделан кернинг, то есть ручная регулировка межбуквенных расстояний в сложных случаях.
А есть сочетания, в которых и кернинг не очень поможет — например, внизу части букв почти касаются друг друга, а вверху получается дыра. В русском языке самые частые сочетания букв такого типа — это «кл» и «дл». Опытный шрифтовой дизайнер заранее предвкушает встречу «к» или «д» с «л» и подгоняет форму букв так, чтобы дыра оказалась поменьше. Вот волшебная фраза, по которой можно определить, есть ли в шрифте кернинг и думал ли автор над опасными сочетаниями букв (а ещё там собраны все самые сложные буквы, о которых мы поговорим в следующей части статьи).
Конструкции и распределение толщин в «сложных» буквах
В этой части статьи будут развороты из «записной книжки шрифтового дизайнера» со скетчами разных букв и пояснения, как устроена буква, где какие формы используются и что значат или что не так с какой-то конструкцией.