Открытки

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

Принципы

Целостность : Карты группируют связанную информацию и действия в единое, легко усваиваемое целое.

Четкость : Они представляют контент в ясной, организованной форме, что повышает удобство быстрого просмотра.

Универсальность : карточки могут адаптироваться для отображения широкого спектра контента, от небольших текстовых фрагментов до более сложных сводок с множеством элементов.

Модульная конструкция : разработана таким образом, чтобы быть модульной и многократно используемой в различных частях интерфейса Jetpack Compose Glimmer for Glasses.

Использование и размещение

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

Используйте шаблоны карточек Jetpack Compose Glimmer для создания контента, поскольку они представлены во множестве вариантов и оптимизированы для соответствия принципам дизайна очков прямо из коробки.

check_circle

Делать

Содержание должно быть лаконичным и соответствовать лучшим стилистическим практикам, например, в использовании цвета.

cancel

Не

Перегружайте пользователей слишком большим количеством контента в карточках или игнорируйте рекомендации по стилю.

Анатомия

Карты изготавливаются с использованием предварительно заданных шаблонов слотов.

1. Заголовок: Верхняя часть карточки, предназначенная для размещения изображения.

2. Заголовок и подзаголовок: Эти текстовые поля содержат основную и дополнительную метки для карточки.

3. Ведущий значок: необязательный значок, который отображается в начале области содержимого карточки.

4. Завершающий значок: необязательный значок, который отображается в конце области содержимого карточки.

5. Действие: Слот для основного интерактивного элемента, например, кнопки. Это позволяет пользователям выполнять действие непосредственно с карточки. Слот доступен в отдельной перегрузке составной карточки.

6. Основное содержимое: центральная часть карточки, где размещается основной текст или другое содержимое.

Фокус

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

Карточка, в которой фокус представлен в виде элемента списка.

Кнопке внутри карточки присваивается фокус, и она становится элементом, на который можно выполнить действие.

Настройка