Шрифт Roboto: где используют и с чем сочетают
Рассказываем, для каких проектов подходит Roboto, и показываем примеры удачных шрифтовых пар с ним.


Изображение: Saumya Shah / Behance
Создать эффектную типографику для сайта, документа, постера или рекламы непросто. Правильное решение очень важно: шрифты влияют на восприятие текста и изображений, они способны и привлекать, и отталкивать. К тому же их много, и даже если для проекта уже выбран основной шрифт, к нему наверняка понадобятся дополнительные.
Разберём одну из самых популярных гарнитур — Roboto — и расскажем, с чем её сочетать.
Roboto — что это за шрифт
Roboto — это суперсемейство гарнитур Material Design дизайн-системы Google. Эти шрифты с насыщенностью от Light до Medium используют в типографике приложений на Android — во всех блоках описаний, в подсказках и кнопках.
Геометрический неогротеск Roboto был разработан внутри компании Google дизайнером интерфейсов Кристианом Робертсоном. Его представили в 2011 году одновременно с Ice Cream Sandwich, четвёртой версией Android. Он заменил предыдущую системную гарнитуру — Droid.
У Roboto чёткая графика, его легко читать, он выглядит просто, универсально и, можно сказать, безлико. Благодаря некоторой визуальной бесхарактерности шрифта создаётся впечатление, что он органичен всему цифровому дизайну и экранам, на которых выводится, — от умных часов до телевизионных стен. Это потому что все шрифты Roboto разрабатывали с расчётом на использование во множестве интерфейсов и в разных визуальных контекстах, на сотнях языков и в тысячах кейсов.
В рисунке букв есть черты одновременно несколько суперпопулярных гарнитур — DIN, Univers, Helvetica. Из-за этого критик Stephen Coles когда-то назвал его «франкеншрифтом».

В целом Roboto можно считать не просто готовым набором шрифтов, а work-in-progress ― «проектом в стадии разработки». Все шрифты постоянно дорабатывают и улучшают, добавляют опции и новые шрифтовые продукты.
Сейчас в это суперсемейство входят:
- базовый гротеск Roboto,
- брусковый Roboto Slab,
- зауженный Roboto Condensed,
- моноширинный Roboto Mono,
- антиква Roboto Serif,
- вариативный Roboto Flex.

Изображение: Wikimedia Commons

Скриншот: Agent Dale Cooper FBI / Skillbox Media

Скриншот: сайт Patissoncha / Skillbox Media

Скриншот: сайт Alexis Pazoumain / Skillbox Media

Скриншот: сайт Fonts.google / Skillbox Media
Roboto в фирменном стиле

Изображение: MARTA CERDA ALIMBAU / Behance
Omelet — независимое креативное агентство из Лос-Анджелеса. Для его айдентики дизайнеры собрали пару из Roboto Slab и Roboto ― шрифтов, которые обязаны хорошо работать вместе. К тому же рядом с броским «битым» логотипом такое сочетание не перетягивает на себя слишком много внимания.
Roboto в постере

Изображение: Oksana Hrabko / Behance
Roboto — универсальный и нейтральный, но это не мешает использовать его в типографических экспериментах. Композиция этого плаката составлена только из текстов, оформленных Roboto.
Roboto в логотипе

Скриншот: сайт Simone Scarcelli / Skillbox Media
Логотип видеомейкера Симона Скарчелли оформлен парой из Roboto и Vicenza. Такое, кажется, классическое сочетание «гротеск + антиква» здесь выглядит эффектно: Roboto — максимально простой шрифт, а Vicenza ― по-итальянски роскошный.
Roboto в больших текстах и печати

Скриншот: сайт Stanford / Skillbox Media
У пресс-релизов и статей Стэнфордского университета оригинальная фирменная типографика. Для заголовков авторы брендбука рекомендуют использовать переходную антикву Source Serif, а для основного текста — шрифт без засечек Roboto. Традиционно большие тексты оформляют иначе — антикву берут для основного объёма.
Где скачать Roboto
Все шрифты, входящие в суперсемейство Roboto, бесплатны. Они распространяются под щедрой лицензией Apache.
Проще всего их брать в библиотеке Google Fonts: файлы и коды будут качественными и с полным набором опций.
Также любое начертание можно активировать в Adobe Fonts, если у вас есть подписка на сервис.

Читайте также:
Аналоги Roboto
Главный аналог и конкурент Roboto ― это San Francisco, или SF, системный шрифт iOS. Это тоже неогротеск, созданный специально для цифровых пространств.
Если нужен шрифт, по стилю похожий на базовый Roboto, то можно обратиться к следующим вариантам:
Кроме них, есть ещё одна суперсемья, которую используют вместо Roboto, ― Noto. Гарнитуры в ней адаптированы практически ко всем существующим в мире шрифтовым системам: китайскому и арабскому письму, ивриту, письменностям Индостана, глаголице, египетским иероглифам и множеству других.

Скриншот: сайт Food Culture 2021 / Skillbox Media
Больше интересного про дизайн в нашем телеграм-канале. Подписывайтесь!