Directrices de diseño

En la sección Directrices se tratan los elementos fundamentales del diseño de aplicaciones de Windows. Estos temas definen los patrones, reglas y comportamientos que garantizan que la aplicación se sienta intuitiva, pulida y alineada con Fluent Design. Desde el color y la tipografía hasta el movimiento, el diseño y los materiales, cada base le ayuda a tomar decisiones coherentes que se adaptan a páginas, funciones y factores de forma.

Use estos aspectos básicos como guía en todo el proceso de diseño, independientemente de si va a asignar las primeras pantallas, refinar los patrones de interacción o asegurarse de que la interfaz de usuario coincida con las convenciones de Windows. La exploración temprana de estas bases puede ahorrar tiempo de desarrollo, reducir el trabajo y dar lugar a mejores experiencias para los usuarios.

---

Color
Use color para establecer jerarquía, comunicar significado y crear una identidad visual cohesiva.

Comandante
Presentar acciones en patrones claros y coherentes que ayudan a los usuarios a comprender lo que pueden hacer.

Elevación
Aplique profundidad y capas para guiar el foco y reforzar la estructura de la interfaz.

Geometría
Usa la forma, el tamaño y las relaciones espaciales para crear diseños equilibrados y predecibles.

Iconografía
Comunique rápidamente las acciones y conceptos con iconos familiares y con un propósito claro.

Diseño
Organice el contenido con cuadrículas, espaciado y patrones de alineación que mejoran la claridad y el flujo.

Materiales
Mejore la interfaz de usuario con materiales de Fluent como Mica y Acrílico para agregar profundidad y calidez.

Movimiento
Use el movimiento para proporcionar comentarios, guiar la atención y crear interacciones fluidas y con capacidad de respuesta.

Navegación
Ayude a los usuarios a pasar por la aplicación con patrones de navegación predecibles y bien estructurados.

Sonido
Usa indicaciones de audio para proporcionar comentarios, reforzar acciones y apoyar la accesibilidad.

Tipografía
Establezca el tono y mejore la legibilidad con opciones de tipo y jerarquía coherentes.

Usabilidad
Asegúrese de que la aplicación es fácil de usar a través de interacciones intuitivas, prestaciones claras y accesibilidad.

Widgets
Amplía tu aplicación con superficies interactivas y de fácil visualización que muestran información y acciones clave.

Escritura
Use lenguaje claro, conciso y útil para mejorar la comprensión y reducir la carga cognitiva.