Estilo para aplicaciones de Windows

El estilo es lo que hace que tu aplicación destaque. Las instrucciones de estilo de esta sección te llevan por los pasos para crear un diseño Fluent Design mediante las características de color, tipografía y otras nuevas como material acrílico y revelar resaltado.

Usamos la biblioteca de interfaz de usuario de Windows (WinUI) para ofrecer los estilos más recientes en todos los componentes de la interfaz de usuario. Asegúrese de usar la versión más reciente de WinUI para mantener actualizadas las aplicaciones con los estilos Fluent de la aplicación de Windows. Para más información sobre cómo hacerlo, consulte Estilos XAML.

Image depicting a color gradient.

Color

El color ofrece una forma intuitiva de orientarse entre los distintos niveles de información de una aplicación y resulta una herramienta crucial para reforzar el modelo de interacción.

Image depicting typography.

Tipografía

Como representación visual del lenguaje, la tarea principal de la tipografía es ser clara. Su estilo nunca debe obstaculizar ese objetivo. Las siguientes instrucciones se centran en cómo usar la tipografía para ayudar a los usuarios a comprender fácilmente el contenido.

Image depicting icons.

Iconos

Los iconos adecuados armonizan con la tipografía y con el resto del lenguaje de diseño. No mezclan metáforas y comunican solo lo necesario de la manera más rápida y simple posible.

Image depicting acrylic.

Acrílico

Crea una sensación de profundidad con el acrílico, un pincel que crea superficies translúcidas impactantes.

Image depicting reveal focus.

Reveal focus

Reveal Focus es un efecto de iluminación para experiencias de 3 metros, como las pantallas de televisión y la Xbox One, que anima el borde de los elementos activables.

Image depicting sound.

Sonido

El sonido ayuda a completar la experiencia de usuario de una aplicación y ofrece el toque de audio extra que se ajusta a la percepción de Windows en todas las plataformas.

Short movie with a blinking cursor and then the words Writing style being typed out.

Estilo de escritura

El estilo de escritura puede suponer una gran diferencia entre una experiencia de usuario terrible y otra mejor.

Pinceles XAML

El marco XAML te permite personalizar la apariencia de tus aplicaciones de varias maneras. Los estilos te permiten establecer propiedades de control y reusar esa configuración para mantener un aspecto uniforme en varios controles.

Estilos XAML

El marco XAML te permite personalizar la apariencia de tus aplicaciones de varias maneras. Los estilos te permiten establecer propiedades de control y reusar esa configuración para mantener un aspecto uniforme en varios controles.

Espaciado

Optimice la aplicación de Windows y proporcione una experiencia de usuario más adecuada para las funcionalidades y los requisitos de interacción de la aplicación.

Radio de redondeo

Evoque calidez y confianza y haga que la interfaz de usuario sea más fácil de procesar visualmente para los usuarios con esquinas redondeadas.