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 bloques 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 elemento fundamental te ayuda a tomar decisiones coherentes que se adaptan a todas las páginas, funciones y formatos.
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.
Haptics
Agregue comentarios táctiles para reforzar la entrada del usuario y crear interacciones más dinámicas e intuitivas.
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.
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.
Directrices de diseño histórico
La guía de diseño para versiones anteriores de Windows se distribuye en el archivo versiones anteriores de Microsoft Learn, lo que puede dificultar la búsqueda. Las páginas siguientes recopilan directrices de interacción y objetos visuales que permanecen disponibles como referencia. Úselos para el contexto histórico. Para las aplicaciones que desarrolle hoy, siga las directrices actuales de Fluent indicadas arriba.
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.
