Design do Windows 11
A Microsoft já projetou seu aplicativo. Escolha as partes certas do sistema, organize-as e não atrapalhe.
- Checklist de design: design-rules.md.
- Padrões XAML copiáveis: patterns.md.
Os Cinco Princípios Fluentes da Microsoft
- Natural: Adapta-se à entrada do usuário (teclado, mouse, toque, caneta).
- Intuitivo: Layouts familiares, iconografia consistente, hierarquia clara.
- Responsivo: Feedback instantâneo, microanimações suaves.
- Intencional: Cada elemento visual tem um propósito.
- Artesanal: Bordas alinhadas, espaçamento consistente de grade de 4 px / 8 px, materiais polidos.
Materiais Visuais do Windows 11
- Mica (
MicaBackdrop): Aplicado à moldura da janela principal. Amostra dinamicamente o papel de parede da área de trabalho do usuário para criar uma superfície sutilmente tingida. - Acrílico (
DesktopAcrylicBackdrop): Usado para flyouts flutuantes transitórios, menus de contexto e diálogos. - Cantos: Raio de canto padrão do Windows 11 de 8 px para cartões e botões; 4 px para chips pequenos.
- Tipografia: Segoe UI Variable com dimensionamento óptico dinâmico.
- Ícones: Segoe Fluent Icons (
FontIcon Glyph="\uE...").
Concluído quando
Todas as visualizações e flyouts usam controles padrão Fluent 2, backdrops Mica ou Acrílico são aplicados e a tipografia está em conformidade com Segoe UI Variable.