Уровни качества проектирования

Material 3 Expressive гораздо более широко и осмысленно использует язык форм, используя гибкие формы-контейнеры для скругления и заострения угловых радиусов, что позволяет поддерживать списки морфинга форм и состояния кнопок. Система дизайна также представляет кнопки, прилегающие к краям, как узнаваемый и узнаваемый шаблон дизайна для круглых устройств на Wear OS.

Поддерживать масштабирование элементов пользовательского интерфейса

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

Прокручиваемые представления

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

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

Непрокручиваемые представления

Для непрокручиваемых видов используйте процентные значения и вертикальные ограничения для всех полей. Таким образом, основной контент в центре сможет растягиваться, заполняя всю доступную область.

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

Уровни рекомендаций по качеству

Наши правила качества разделены на три уровня. Обеспечьте пользователям наилучший опыт взаимодействия, соблюдая правила всех трёх уровней.

Готово к любым размерам экрана

Убедитесь, что ваше приложение обеспечивает качественный опыт использования на экранах всех размеров. Создавайте макеты, которые максимально используют доступное пространство приложения.

Отзывчивый и оптимизированный

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

Адаптивный и дифференцированный

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