Experiencias de firma de Windows 11

Las experiencias de firma son los elementos de diseño que Windows 11 usa para expresar su lenguaje visual, al tiempo que mantiene una apariencia coherente en todas las experiencias de Fluent.

Several UI elements highlighting new geometry in Windows 11

Geometría

Geometría describe la forma, el tamaño y la posición de los elementos de la interfaz de usuario en la pantalla. Estos elementos de diseño fundamentales contribuyen a la coherencia de las experiencias en todo el sistema de diseño. Windows 11 presenta geometría actualizada que crea una experiencia más moderna, atractiva y accesible.

A window and modal dialog in light mode on the left and dark mode on the right

Color

Color ayuda a los usuarios a centrarse en sus tareas indicando una jerarquía visual y una estructura entre los elementos de la interfaz de usuario. Windows 11 usa el color para proporcionar una base tranquilizadora, lo que mejora sutilmente las interacciones del usuario y resalta elementos significativos solo cuando es necesario.

An application window with a single content area

Capas y elevación

Capas es el concepto de superposición de una superficie con otra, lo que crea dos o más áreas distinguidas visualmente dentro de la misma superficie. Windows 11 usa la capas y la elevación como base para la jerarquía de aplicaciones.

A UI surface made of acrylic

Materiales

Materiales son efectos visuales que hacen que las superficies de la interfaz de usuario se parezcan a artefactos de la vida real. Windows 11 usa materiales para mantener la interfaz de usuario conectada a su entorno. Los materiales hacen que las superficies cobren vida y nos ayudan a distinguir entre aplicaciones con y sin foco.

A shopping cart icon

Iconografía

Iconografía es un conjunto de imágenes visuales y símbolos que ayudan a los usuarios a comprender la aplicación y a navegar por ella. La iconografía de Windows 11 ha evolucionado de acuerdo con nuestro lenguaje de diseño. Todos los glifos de nuestra fuente de iconos del sistema se han rediseñado para adoptar una geometría más suave y metáforas más modernas.

Several words rendered in Segoe UI Variable

Tipografía

Como representación visual del lenguaje, la tarea principal de la tipografía es comunicar información. El sistema de tipos de Windows 11 le ayuda a crear la estructura y la jerarquía en el contenido con el fin de maximizar la legibilidad en la interfaz de usuario.

An animated image that shows several examples of motion in the Windows UI.

Movimiento

Movimiento describe la forma en que la interfaz anima la interacción del usuario y responde a esta. El movimiento en Windows es reactivo, directo y adecuado al contexto. Proporciona comentarios a la entrada del usuario y refuerza los paradigmas espaciales que admiten la búsqueda de métodos.