Surface colors

Цвета surface определяют содержащиеся в них области, отличая их от фона и других элементов экрана. Существует три основных вида surface ролей: surface dim, surface и surface bright. В дополнении есть 5 ролей surface container: surface container lowest, surface container low, surface container, surface container high, и surface container highest. Подробнее о нюансах на официальном сайте

Диаграмма surface цветов для светлой темы

Диаграмма surface цветов для тёмной темы

Surface container

Surface container - это рекомендуемый цвет по умолчанию для замкнутой области по сравнению с цветом surface. Он обеспечивает хороший контраст и может гибко комбинироваться со всеми другими surface ролями с повышенным или пониженным акцентом.

1. Surface
2. Surface container

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

Цвета surface container

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

Диапазон цветовых ролей surface container позволяет дизайнерам добавлять функции для широкоэкранных версий интерфейса, не нарушая иерархии портативных устройств.

Пример одной и той же сборки интерфейса с использованием разных ролей цвета surface.

Альтернативные цвета surface

Две дополнительные surface роли являются вариантами для стандартного surface. Surface Bright всегда будет самым ярким цветом поверхности как в темных, так и в светлых темах. Surface Dim всегда будет самым тусклым цветом поверхности в светлых или темных темах.

Surface dim, surface, и surface bright в светлой теме

Surface dim, surface, и surface bright в тёмной теме

On surface цвета

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

Этот тип цвета называется "on" цветом, имея в виду тот факт, что он появляется поверх поверхностей. Цвета "on" в основном применяются к тексту, иконкам и границам.

Цвета on surface в светлой теме