Слои и повышение прав в Windows 11

В Windows 11 в качестве основы для иерархии приложений используется многоуровневое расположение и повышение уровня. Иерархия передает важную информацию о навигации в приложении, сохраняя при этом внимание пользователя на самом важном содержимом. Слои и повышение высоты — это мощные визуальные подсказки, которые модернизируют взаимодействие и помогают им чувствовать себя согласованными в Windows.

Организация уровней

Окно приложения с одной областью содержимого

Окно приложения с несколькими областями содержимого

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

Примечание

Слоистые Windows 11 тесно связаны с использованием материалов. Ознакомьтесь с разделом материалов для получения конкретных рекомендаций по их применению.

Windows 11 использует двухуровневую систему для приложений. Эти два уровня создают иерархию и обеспечивают ясность, сохраняя внимание пользователей на самом важном.

  • Базовый уровень является основой приложения. Это самый нижний уровень каждого приложения и содержит элементы управления, связанные с меню приложения, командами и навигацией.
  • Уровень содержимого фокусирует пользователя на централизованном интерфейсе приложения. Слой содержимого может находиться в непрерывном элементе или разделяться на карточки, которые сегментируют содержимое.

Elevation

Разнообразные перекрывающиеся элементы пользовательского интерфейса, каждый из которых имеет разные высоты

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

Тени и контуры (контуры) используются на элементах управления и поверхностях для тонкой передачи высоты объекта и для привлечения фокуса там, где это необходимо в рамках интерфейса. Windows 11 использует следующие значения для выражения высоты с тенью и контуром.

Окно приложения

Окно
Значение повышения прав: 128
Ширина штриха: 1

Модальное диалоговое окно

Диалоговое окно
Значение повышения прав: 128
Ширина штриха: 1

Всплывающее меню

Flyout
Значение высоты: 32
Ширина штриха: 1

Подсказка для поля со списком

Подсказка
Значение повышения прав: 16
Ширина штриха: 1

Область пользовательского интерфейса, содержащая несколько областей содержимого

Карточка
Значение повышения прав: 8
Ширина штриха: 1

Поле со списком

Управление
Значение повышения прав: 2
Ширина штриха: 1

Пустая поверхность пользовательского интерфейса

Уровень
Значение повышения прав: 1
Ширина штриха: 1

Элементы управления в Windows 11 изменять их высоту и контур, чтобы указать состояние. Интенсивность отображаемой тени изменяется в зависимости от темы при четности значений.

Кнопка в состоянии по умолчанию

Остальные
Значение повышения прав: 2
Ширина штриха: 1

Кнопка в состоянии наведенного указателя

Наведение
Значение повышения прав: 2
Ширина штриха: 1

Кнопка в состоянии нажатия

Pressed
Значение повышения прав: 1
Ширина штриха: 1