Microsoft-ui-xaml: Propuesta: hacer que la información sobre herramientas de 1 px y los bordes de los menús sean semitransparentes

Creado en 20 feb. 2020  ·  3Comentarios  ·  Fuente: microsoft/microsoft-ui-xaml

Propuesta: hacer que la información sobre herramientas de 1 px y los bordes de los menús sean semitransparentes

Actualmente, la información sobre herramientas y los menús en las aplicaciones UWP tienen un marco gris. Esto no va bien con fondos de colores, especialmente los oscuros. Mi sugerencia es tomar de macOS y algunas interfaces de Linux la solución de usar un marco ligeramente transparente.

Razón fundamental

  • Usar un marco translúcido se ve mejor que uno gris.
  • No importa qué color esté en el fondo, esta solución permite una mejor legibilidad y consistencia visual.

Solo mira ejemplos:

tooltips
tooltips_x4

feature proposal needs-assignee-attention team-Controls

Comentario más útil

Esto es similar a una sugerencia que hice antes sobre los bordes internos y externos para las superficies flotantes y emergentes.

Flyout Designs

Esto garantiza que, con o sin sombra, todavía haya algún tipo de borde, que no parece tan incómodo.

Todos 3 comentarios

@chigy para tu información

@widersky , gracias por tu sugerencia.
Si bien es posible que no funcione en un fondo de color, tenemos una razón por la cual es el gris (y este color de gris muy específico).

Introdujimos la sombra para crear contraste entre la interfaz de usuario emergente y la página. Sin embargo, la sombra es algo que se apaga 1) si el usuario elige hacerlo, 2) la capacidad de alimentación no lo permite. Entonces, sin la sombra, la ventana emergente se mezclaría con la página cuando está apagada si la página tiene el mismo color o uno similar.

Examinamos cuidadosamente las combinaciones de colores y se nos ocurrió que este gris es 1) menos sobresaliente, 2) proporciona el contraste cuando la sombra está desactivada, 3) no da una apariencia demasiado lineal cuando se aplica la sombra.

En una situación ideal, no tenemos que tener el borde para empezar y la sombra puede manejarlo, pero aún no tenemos un sistema de este tipo y este es el mejor diseño que aún mantiene nuestra promesa de usabilidad.

Esto es similar a una sugerencia que hice antes sobre los bordes internos y externos para las superficies flotantes y emergentes.

Flyout Designs

Esto garantiza que, con o sin sombra, todavía haya algún tipo de borde, que no parece tan incómodo.

¿Fue útil esta página
0 / 5 - 0 calificaciones