Compartir a través de


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 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.

Imagen que representa un degradado de color.

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.

Imagen que representa una tipografía.

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.

Imagen que representa iconos.

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.

Imagen que representa un acrílico.

Acrílico

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

Imagen que representa el efecto 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.

Imagen que representa el sonido.

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.

Película corta con un cursor parpadeante y, después, se escriben las palabras Estilo de escritura.

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.