Типография

Оптимизируйте свои подборки Сохраняйте и классифицируйте контент в соответствии со своими настройками.

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

С одного взгляда:

  • Используйте отображение, основной текст и подтекст из типографской шкалы Android Auto.
  • Минимальный размер основного текста — 24 dp. Зарезервируйте размеры подтекста для второстепенной информации.
  • Используйте сетку 4 dp для выравнивания
  • Применение атрибутов стиля для создания эффектов (поддержка иерархии, фокусировка внимания)
  • Экономно используйте средний шрифт и избегайте полужирного шрифта.

Ссылки на масштаб и сетку

Типографская шкала Android Auto и сетка набора текста обеспечивают согласованный, легко просматриваемый набор стилей текста для различных размеров отображаемого текста, основного текста и подтекста.

Типографская шкала Android Auto

Шкала шрифтов обеспечивает девять стилей для отображаемого текста, основного текста и подтекста — каждый с определенным шрифтом, размером шрифта и высотой строки.

Хотя наименьший размер основного текста для Android Auto составляет 24 dp, размер подтекста ниже 24 dp можно использовать с осторожностью. Поскольку этот размер подтекста неудобен для просмотра, его следует зарезервировать для второстепенной информации, такой как содержимое строки состояния.

Типовая шкала
Информация о шрифте в этой шкале записывается в следующем формате: (название шрифта) (размер шрифта) / (высота строки). Значения размера шрифта и высоты строки показаны в пунктах (pt).

Наборная сетка и ссылка на базовую линию

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

масштабирование по сетке 4dp
Масштабирование Android Auto предназначено для увеличения размера шрифта на 4 dp.

Руководство и примеры

Применение согласованного масштаба и стиля к тексту пользовательского интерфейса может помочь:

  • Держите весь текст разборчивым
  • Передайте визуальную иерархию текстовых элементов
  • Сосредоточьте внимание на самых важных местах

В следующем руководстве показано, как правильно применять масштаб и стили Android Auto.

Применение шкалы

Google Sans следует использовать для шрифтов размером 32 dp и больше. Roboto используется везде, потому что он читаем в меньших размерах.

Семейства типов
В этом примере показано правильное использование Google Sans и Roboto на разных уровнях типографского масштаба.

Примеры

Делать

При использовании экранного шрифта, лучше всего подходящего для крупного текста, например Google Sans, оставьте размер шрифта 32 dp или больше. Используйте Roboto для мелкого вторичного текста, потому что он сохраняет хорошую читаемость при размерах ниже 32dp.

Не

Не используйте Google Sans для текста меньшего размера, при котором его разборчивость не оптимальна.

Применение стиля

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

Стиль заголовка в этом примере состоит из шкалы Body 1 (которая определяет размер шрифта и высоту строки), модифицированной дополнительными атрибутами цвета, непрозрачности и толщины.

Примеры

Размеры текста типографики
а. Тело 3
б. Тело 2
в. Тело 1
Размеры текста типографики
а. Тело 2
б. Дисплей 3
в. Тело 2
Типография делать

Делать

Аккуратно используйте средний вес шрифта. Сохраните его, когда вам нужно выделить основной или активный текст, например вкладку «Недавние» в этом примере, или установить визуальную иерархию.
Типография не

Не

Жирный шрифт (применяемый ко всему тексту в этом примере) менее разборчив, чем средний, и его следует избегать.