Nota:
El acceso a esta página requiere autorización. Puede intentar iniciar sesión o cambiar directorios.
El acceso a esta página requiere autorización. Puede intentar cambiar los directorios.
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.
Colaborar con nosotros en GitHub
El origen de este contenido se puede encontrar en GitHub, donde también puede crear y revisar problemas y solicitudes de incorporación de cambios. Para más información, consulte nuestra guía para colaboradores.
