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


Проектирование приложений Для Windows

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

Чтобы получить стандартные блоки для создания интерфейсов Windows, используйте WinUI. Эти компоненты включают язык дизайна Fluent, поэтому вы можете быть уверены, что вы создаете отличный опыт в экосистеме Fluent.

Принципы проектирования 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.

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

Цвет

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

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

Повышение прав и слоев

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

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

Иконография

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

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

Материалы

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

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

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

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

Несколько слов, отображаемых в Segoe UI Variable

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

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

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

Движение

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