Поделиться через


Геометрия в Windows

Округленные угла и интервалы элементов в Windows 11

Геометрия описывает форму, размер и расположение элементов пользовательского интерфейса на экране. Эти основные элементы дизайна помогают ощущать согласованность во всей системе проектирования.

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

Совет

В этой статье описывается применение языка Fluent Design к приложениям Windows. Дополнительные сведения см. в разделе Fluent Design — Shapes.

Скругленные углы

Диалоговое окно с округленными углами

Windows 11 применяет округленные углы ко всем окнам приложений верхнего уровня. Это же относится к большинству распространенных элементов управления, таких как Button и ListView. (Дополнительные сведения см. в разделе Используйте последние распространенные элементы управления.)

Windows 11 использует три уровня округления в зависимости от того, какой компонент пользовательского интерфейса округляется и как этот компонент упорядочен относительно соседних элементов.

Радиус угла Использование
8px Контейнеры верхнего уровня, такие как окна приложений, всплывающие элементы и диалоговые окна округляются с помощью радиуса угла 8px.
4px Элементы на странице, такие как кнопки и обратные знаки списка, округляются с помощью радиуса угла 4px.
0px Прямые края, пересекающиеся с другими прямыми краями, не округляются.
0px Углы окна не округляются при привязке или развернутии окон.