Четкий и понятный дизайн для оптических прозрачных дисплеев.
Jetpack Compose Glimmer – это система проектирования и набор инструментов для создания интерфейсов от Google, предназначенные для оптических прозрачных дисплеев, например проводных очков XR. Система дизайна предоставляет готовые решения, начиная с основных элементов (цвета, шрифта и формы) и заканчивая компонентами и рекомендациями.
Принципы
Jetpack Compose Glimmer – один из первых фреймворков для создания интерфейсов, оптимизированных для прозрачных дисплеев и очков. OST проецирует свет непосредственно на физический мир, а не использует непрозрачные экраны. Glimmer помогает разработчикам создавать высококонтрастные и легко воспринимаемые интерфейсы, которые сохраняют ощущение реального мира.
Сначала прозрачный дисплей
Оптимизированные и разработанные на основе исследований и науки о цвете для прозрачных дисплеев и форм-фактора очков, чтобы обеспечить продуманный, красивый и оптически прозрачный интерфейс.
Аппаратный вход
Взаимодействие с устройством осуществляется с помощью проводных XR-очков.
Специализированные
Стили и компоненты специально разработаны для использования в очках. Jetpack Compose Glimmer оптимизирован для прозрачных дисплеев и удобства пользователей. Он создан для определенной цели, но не является жестким. Вы можете настроить подсветку фокуса, а также ее тип и цвет.
Стили
В системе дизайна Jetpack Compose Glimmer используется упрощенная тема, которая обеспечивает оптимальную видимость на очках. Цвет и шрифт можно настроить так, чтобы они соответствовали семантическому выражению и стилю приложения. Принципы визуального дизайна подразумевают ясность, читабельность и минимальное отвлечение внимания. Хотя проводные очки имеют более широкую зону обзора и могут быть менее подвержены помехам, все равно следует учитывать, что интерфейс не должен мешать пользователю.
В Glimmer есть базовая тема, оптимизированная для очков OST. Цвет и шрифт можно настроить для семантического выражения и согласованности приложения. Черный цвет на прозрачном дисплее будет прозрачным. Учитывайте это при создании дизайна, поскольку темные цвета будут выглядеть тусклыми или прозрачными, но это также можно использовать для создания глубины.
Цветовая схема
Цветовая схема очков (набор токенов или ролей для оформления цвета приложения) состоит из трех акцентных ролей, шести ролей поверхности (или нейтральных ролей) и их аналогов.
Как настроить цвет
Основной цвет можно настроить так, чтобы он соответствовал вашему бренду или основному цвету взаимодействия. Учитывайте контрастность, насыщенность и энергопотребление выбранного цвета.
Подробнее о цветовой системе Glimmer…
Параметры текста
В Jetpack Compose Glimmer используется оптимизированная шкала шрифтов по умолчанию. Состоит из двух ролей, у каждой из которых три стиля. Роли определяются по назначению и иерархии. Подробнее о типографике Glimmer…
Поверхность и глубина
На платформах есть контент. Они помогают пользователю сосредоточиться на контенте или действиях. Подробнее о том, как в Glimmer используется поверхность и глубина…
Компоненты
Компоненты – это специально разработанные строительные блоки для создания интерфейса. В приложении следует использовать компоненты Jetpack Compose Glimmer, поскольку они оптимизированы для уникальных вариантов использования очков с оптически прозрачным дисплеем. Подробнее о компонентах Glimmer…
Готовы внедрить компоненты? Ознакомьтесь с документацией по Jetpack Compose Glimmer.
Компоненты Glimmer предназначены для разных целей. Некоторые компоненты включают кнопки для действий, индикаторы прогресса для общения, стопки для хранения, навигации и голосовые индикаторы для ввода.