Типография

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

Краткое руководство (TL:DR):

• Используйте отображение, тело и подтекст из типографской шкалы Android Automotive OS.
• Минимальный размер основного текста — 24 dp. Зарезервируйте размеры подтекста для некритической информации.
• Используйте сетку 4 dp для выравнивания.

• Применяйте атрибуты стиля для создания эффектов (поддержка иерархии, фокусировка внимания)
• Используйте шрифт средней толщины с осторожностью и избегайте жирного шрифта.

---

Привязки масштаба и сетки

Используйте типографский масштаб и наборную сетку ОС Android Automotive, чтобы обеспечить единообразный внешний вид и удобство просмотра текста на различных уровнях для отображаемого текста, основного текста и подтекста.

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

Эта шкала показывает шрифты, размеры шрифтов и высоту строк, используемые для девяти уровней отображаемого текста, основного текста и подтекста по умолчанию, используемых в Android Automotive OS. Минимальный размер шрифта для Android Automotive OS — 24 dp. Размеры ниже 24 dp нелегко просмотреть, и их следует использовать с осторожностью в автоматическом контексте. Размеры подтекста лучше всего зарезервировать для некритической или третичной информации, такой как содержимое строки состояния.

Формат информации о шрифте в этом масштабе: (название шрифта) (размер шрифта) / (высота строки). Значения размера шрифта и высоты строки показаны в пунктах (пт).

Примечание. Для языков, не поддерживаемых Roboto, рекомендуемым шрифтом является Noto Sans . Noto Sans создан на основе показателей, аналогичных Roboto, и предназначен для визуально гармоничной интернационализации.

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

Сохранение масштаба и вертикального ритма на основе сетки 4dp помогает обеспечить единообразие и визуальную иерархию.

Масштаб Android Automotive OS рассчитан на увеличение размера шрифта на 4 dp.

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

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

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

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

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

Примеры

а. Тело 3
б. Тело 2
в. Тело 1

а. Дисплей 2
б. Тело 1
в. Тело 1

Делать

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

Не

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