Возможности подписи Windows 11

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

Several UI elements highlighting new geometry in Windows 11

Геометрия

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

A window and modal dialog in light mode on the left and dark mode on the right

Цвет

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

An application window with a single content area

Многоуровневое расположение и повышение уровня

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

A UI surface made of acrylic

Материалы

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

A shopping cart icon

Иконографии

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

Several words rendered in Segoe UI Variable

Оформление текста

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

An animated image that shows several examples of motion in the Windows UI.

Движение

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