Compartir a través de


Geometría en Windows

Esquinas redondeadas y espaciado de elementos en Windows 11

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.

La geometría de Windows se ha diseñado para admitir experiencias modernas de aplicaciones. Las esquinas redondeadas progresivamente, los elementos anidados y los medianiles coherentes se combinan para crear un efecto de suavidad, calma y acercamiento que enfatiza la unidad de propósito y facilidad de uso.

Sugerencia

En este artículo se describe cómo se aplica el lenguaje Fluent Design a las aplicaciones de Windows. Para obtener más información, vea Fluent Design - Shapes.

Esquinas redondeadas

Cuadro de diálogo con esquinas redondeadas

Windows 11 aplica esquinas redondeadas a todas las ventanas de aplicación de nivel superior. Lo mismo se aplica a los controles más comunes, como Button y ListView. (Para obtener más información, consulte Use los controles comunes más recientes).

Windows 11 usa tres niveles de redondeo en función de qué componente de interfaz de usuario se redondea y cómo se organiza ese componente en relación con los elementos vecinos.

Radio de redondeo Uso
8 píxeles Los contenedores de nivel superior, como ventanas de aplicaciones, controles flotantes y diálogos, se redondean mediante un radio de esquina de 8px.
4 píxeles Los elementos en página, como botones y placas posteriores de lista, se redondean mediante un radio de esquina de 4 píxeles.
0px Los bordes rectos que se intersecan con otros bordes rectos no se redondean.
0px Las esquinas de las ventanas no se redondean cuando las ventanas se acoplan o maximizan.