Открытки

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

Принципы

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

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

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

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

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

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

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

Предупреждение: по возможности избегайте создания собственных компонентов карты.

check_circle

Делать

Пишите лаконичный контент, учитывая лучшие стилистические практики, например, использование цвета.

cancel

Не

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

Анатомия

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

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

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

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

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

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

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

Фокус

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

Карточка, имеющая фокус как элемент списка.

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

Настройка

Характеристики	Настройка	Настройки по умолчанию
Форма	Да	Середина
Прокладка	Да	24 дп, 24 дп
Граница	Да	2 дп, #606460
Текст	Да	Тело маленькое
Ведущий значок	Да	56 дп
Конечный значок	Да	56 дп