Основы проектирования приложений для WindowsDesign basics for Windows apps

Значок основ проектирования

Руководство по проектированию для Windows — это ресурс, который поможет проектировать и разрабатывать прекрасные, тщательно проработанные приложения.Windows design guidance is a resource to help you design and build beautiful, polished apps. Это не список нормативных правил — это постоянно обновляемый документ, изменения в который вносятся по мере развития нашей системы проектирования Fluent Design и с учетом меняющихся потребностей нашего сообщества разработчиков приложений.It's not a list of prescriptive rules - it's a living document, designed to adapt to our evolving Fluent Design System as well as the needs of our app-building community.

ОбзорOverview

Вводные сведения о проектировании приложений для WindowsIntroduction to Windows app design

Введение в функции приложений для Windows и рекомендации по созданию приложений, которые будут отлично смотреться на всех типах устройств под управлением Windows.An introduction to Windows app features combined with best practices for creating apps that scale beautifully on all types of Windows-powered devices.

Система Fluent DesignFluent Design System

Система Fluent Design представляет наши цели и принципы создания адаптивных, привлекательных и красивых пользовательских интерфейсов.The Fluent Design System presents our goals and principles for creating adaptive, empathetic, and beautiful user interfaces.

ОсновыBasics

Основы навигацииNavigation basics

Навигация в приложениях для Windows основана на гибкой модели структур навигации, элементов навигации и функций системного уровня.Navigation in Windows apps is based on a flexible model of navigation structures, navigation elements, and system-level features. В этой статье вы узнаете об этих компонентах и увидите, как использовать их совместно для обеспечения удобной навигации.This article introduces you to these components and shows you how to use them together to create a good navigation experience.

Основные сведения о командных элементахCommand basics

Командные элементы — это интерактивные элементы пользовательского интерфейса, которые позволяют пользователю выполнять действия, например отправлять электронное сообщение, удалять элемент или отправлять форму.Command elements are the interactive UI elements that enable the user to perform actions, such as sending an email, deleting an item, or submitting a form. В этой статье описаны командные элементы, такие как кнопки и флажки, взаимодействия, которые они поддерживают, и поверхности для команд (например, панели команд и контекстные меню) для их размещения.This article describes the command elements, such as buttons and check boxes, the interactions they support, and the command surfaces (such as command bars and context menus) for hosting them.

Содержимое: основные понятияContent basics

Основная функция любого приложения заключается в предоставлении доступа к содержимому: в приложении для редактирования фотографий содержимым является фотография, в приложении для путешествий — карты и сведения о достопримечательностях и т. д.The main purpose of any app is to provide access to content: in a photo-editing app, the photo is the content; in a travel app, maps and info about travel destinations is the content; and so on. Эта статья содержит рекомендации по оформлению содержимого в трех сценариях его использования: потребление, создание и взаимодействие.This article provides content design recommendations for the three content scenarios: consumption, creation, and interaction.

УчебникиTutorials

Узнайте, как создать простое приложение для редактирования фотографий в XAML и C#.Learn how to create a basic photo-editing application in XAML and C#.

1. Создание базового пользовательского интерфейса1. Create a basic UI

Используйте XAML для создания базового интерфейса пользователя.Use XAML to create a basic user interface.

2. Создание адаптивного макета2. Create an adaptive layout

Создайте адаптивный макет для приложения для редактирования фотографий.Give the photo-editing application an adaptive layout.

3. Создание пользовательских стилей3. Create custom styles

Используйте пользовательские стили оформления для создания индивидуального внешнего вида своих элементов управления Windows.Give our Windows controls your own look and feel by creating custom styles.