Android TV соответствует рекомендациям Google Material по цветам , что обеспечивает целостный и визуально привлекательный интерфейс. Это создает очень захватывающий и привлекательный визуальный стиль, адаптированный к экрану телевизора. В этом руководстве подробно описано применение темы Material Design к интерфейсу Android TV.
Основные моменты
- Android TV соответствует рекомендациям Google по цвету материалов, но оптимизируется для телевидения.
- Используйте темные темы для создания кинематографических впечатлений.
- Используйте Material Theme Builder , чтобы создать тему.
Цветовая схема
Цветовая схема помогает осмысленно применить цвет к пользовательскому интерфейсу, создавая гармонию, единообразие бренда и масштабируемость.
Основой цветовой схемы является совокупность пяти ключевых цветов, индивидуально относящихся к отдельным тональным палитрам с тринадцатью и более тонами. Определенные тона из каждой тоновой палитры назначаются цветовым ролям в пользовательском интерфейсе. Ключевые цвета являются основой для создания любой динамичной цветовой схемы. Вы можете создать ключевые цвета на основе одного корневого цвета с помощью Конструктора тем материалов или выбрать свои собственные ключевые цвета.
После установления ключевых цветов алгоритм Материала определяет полный спектр цветов, необходимый для выражения состояний взаимодействия, ошибок и доступного контраста.
Конструктор тем Material генерирует как темные, так и светлые цветовые схемы с одинаковыми цветными токенами, что упрощает переключение между темами.
Цветовые роли
Начальный
Основные роли используются для ключевых компонентов пользовательского интерфейса, таких как заметные кнопки, активные состояния и оттенок приподнятых поверхностей.
вторичный
Второстепенные роли используются для менее заметных компонентов пользовательского интерфейса, таких как чипы фильтров, и возможностей для дополнительного цветового выражения.
Третичный
Третичные роли используются для контрастных акцентов, которые можно использовать для балансировки основных и второстепенных цветов или для привлечения повышенного внимания к элементу, например полю ввода.
Поверхности
Нейтральные роли используются для поверхностей и фона, а также выделенного текста и значков. Подробнее о поверхностях читайте в рекомендациях по Material Design .
Контуры
Подробнее о ролях структуры читайте в рекомендациях по Material Design .
Динамический цвет
На Android Mobile, начиная с Android 12, пользователи могут создавать индивидуальные схемы с помощью выбора обоев и других настроек. Android TV не поддерживает обои, то есть схемы, созданные пользователем, не поддерживаются, а ОС Android TV транслирует только базовые палитры.
Вместо схем, созданных пользователями, вы можете использовать цветовые схемы на основе контента для создания динамичных и игривых дизайнов на основе такого контента, как постеры фильмов, обложки альбомов и другие главные изображения. Подробную информацию см. в разделе Цветовые схемы на основе содержимого .
Используя библиотеки разработчиков утилит цвета материала, вы можете извлечь ключевые цвета непосредственно из изображения или запустить собственный алгоритм извлечения цвета, чтобы найти ключевой цвет, а затем использовать утилиты цвета материала для создания темы.
Вот пример того, как цвета извлекаются из изображения:
- Исходное изображение
- Извлеченный цвет семян
- Сгенерированные ключевые цвета
Вы можете создать цветовую схему, используя эти ключевые цвета, или использовать тона, чтобы применить их к своему пользовательскому интерфейсу.
Доступность
Рекомендации по обеспечению специальных возможностей см. в разделе «Рекомендации по обеспечению специальных возможностей для Android TV».