Diseño de recursos para aplicaciones de Windows

En este tema se proporciona una variedad de recursos relacionados con el diseño y la interfaz de usuario para crear aplicaciones de Windows visualmente atractivas y fáciles de usar.

Fuentes

El sistema de tipos de Windows te ayuda a crear estructura y jerarquía en tu contenido para maximizar la legibilidad y la facilidad de lectura en la interfaz de usuario (para obtener más información, consulta la familia tipográfica Segoe UI).

Se recomiendan las siguientes fuentes:

• Variable de interfaz de usuario de Segoe (consulte Tipografía en Windows)
• Iconos de Segoe Fluent (consulte Fuente de iconos de Segoe Fluent)
• Segoe MDL2 (consulte Iconos de recursos de Segoe MDL2)

Kit de interfaz de usuario de Windows

El Kit de diseño de Windows para Figma proporciona un kit de herramientas completo para ayudar a los desarrolladores y diseñadores a crear aplicaciones de Windows visualmente coherentes y atractivas

El Kit de diseño de Windows es una biblioteca figma que incluye:

• componentes de la interfaz de usuario: elementos creados previamente, como botones, alternancias, controles deslizantes, etc.

• Patrones de diseño: plantillas para navegación, cuadros de diálogo y diseños.

• Estilos y tokens: colores, tipografía y espaciado predefinidos.

Galería de WinUI

La sección Guía de diseño de la Galería de WinUI ofrece procedimientos recomendados y herramientas para ayudarle a elegir y aplicar los colores, la tipografía y los iconos adecuados para la aplicación. La sección Accesibilidad incluye fragmentos de código y sugerencias para que la aplicación sea más inclusiva y accesible para todos los usuarios.

Kit de orientación de activos de la Tienda de Microsoft

El Kit de instrucciones de activos de Microsoft Store para Figma proporciona plantillas y herramientas para ayudar a crear capturas de pantalla de alta calidad, iconos de aplicaciones y otros recursos para publicar en Microsoft Store.

Este kit admite el proceso completo de creación, prueba y envío de recursos de aplicaciones y juegos. Incluye instrucciones para el logotipo y el ajuste de tamaño del icono, junto con las vistas previas que muestran cómo aparecerá el icono en la Tienda después del envío al Centro de partners. También ofrece plantillas personalizables para ayudar a generar capturas de pantalla coherentes y pulidas para tu aplicación o juego.

Ejemplos

Consulte la página ejemplos y recursos de para obtener una lista completa de todos los ejemplos de aplicaciones de Windows.