Diseño de Windows 11
Microsoft ya diseñó tu aplicación. Elige las partes del sistema correctas, ordénalas y no te interpongas en su camino.
- Lista de verificación de diseño: design-rules.md.
- Patrones XAML copiables: patterns.md.
Los Cinco Principios Fluent de Microsoft
- Natural: Se adapta a la entrada del usuario (teclado, ratón, tacto, lápiz).
- Intuitivo: Diseños familiares, iconografía consistente, jerarquía clara.
- Responsive: Retroalimentación instantánea, microanimaciones suaves.
- Intencional: Cada elemento visual cumple un propósito.
- Elaborado: Bordes alineados, espaciado de cuadrícula consistente de 4 px / 8 px, materiales pulidos.
Materiales Visuales de Windows 11
- Mica (
MicaBackdrop): Aplicado al marco principal de la ventana. Muestrea dinámicamente el fondo de pantalla del escritorio del usuario para crear una superficie sutilmente teñida. - Acrílico (
DesktopAcrylicBackdrop): Usado para flyouts flotantes transitorios, menús contextuales y diálogos. - Esquinas: Radio de esquina estándar de 8 px en Windows 11 para tarjetas y botones; 4 px para chips pequeños.
- Tipografía: Segoe UI Variable con ajuste óptico dinámico.
- Iconos: Segoe Fluent Icons (
FontIcon Glyph="\uE...").
Terminado cuando
Todas las vistas y flyouts usan controles Fluent 2 estándar, los fondos Mica o Acrílico están aplicados, y la tipografía se ajusta a Segoe UI Variable.