Принципы проектирования Windows 11

Различные элементы интерфейса Windows 11

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

Мы придерживались описанных ниже принципов, чтобы сделать ОС Windows лучшей в своем классе реализацией Fluent.

Легко

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

Спокойствие

Windows 11 стала более мягкой и лаконичной; она уходит на задний план, помогая мне сохранять спокойствие и сосредоточенность. Это впечатление ощущается тёплым, воздушным и располагающим.

Личный

ОС Windows 11 легко адаптируется к предполагаемому способу использования устройства. Она гибко подстраивается под мои индивидуальные потребности и предпочтения, так что я могу по-настоящему выразить себя.

Знакомый

Windows 11 сочетает в себе новый, обновлённый внешний вид и ощущения от работы с привычностью знакомой мне Windows. Никакого периода освоения — можно сразу начать работать.

Полнота и согласованность

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

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

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

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

Color

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

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

Высота и слои

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

Значок корзины для покупок

Иконография

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

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

Материалы

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

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

Фигуры и геометрия

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

Несколько слов, отображаемых в переменной пользовательского интерфейса Segoe

Книгопечатание

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

Анимированное изображение, которое показывает несколько примеров перемещения в пользовательском интерфейсе Windows.

Движение

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