Cómo usar la elevación de la superficie para elevar su interfaz

Todas las interfaces de usuario son una colección de superficies. Tienes un fondo, un primer plano y elementos que flotan encima. Para mostrar a los usuarios qué elementos de la pantalla están activos, debe utilizar la altura de la superficie.

Algunos de los componentes que requieren elevación son notificaciones de brindis, tarjetas y menús. Si no utiliza la elevación, estos componentes pueden parecer parte del fondo o del contenido. Como resultado, es posible que los usuarios no los noten y no interactúen con ellos rápidamente.

Su interfaz requiere tres niveles de elevación: bajo, medio y alto. Estas elevaciones difieren en la extensión de su sombra.

Observe cómo la dispersión de la sombra es mayor a gran altura que a media y baja altitud. Esta propagación imita el surgimiento de las sombras en el mundo real. Los usuarios prefieren sombras que se vean naturales, así que asegúrese de que sean sutiles y realistas (artículo).

Utilizará estas diferentes alturas para indicar qué tan activo está el elemento. Cuanto menos activo sea el elemento, menor será la altura. Pero cuanto más activo es el elemento, mayor es la elevación.

Suscríbete para leer el artículo completo

Conviértase en un suscriptor pago del boletín UX Movement para obtener acceso exclusivo a este artículo y otro contenido exclusivo para suscriptores.

Artículo completo Suscríbete

Compañero

elegantes temas de WordPress
Previous post ¿Cómo puede un motor de búsqueda saber quién es el autor real del artículo?
Next post Revisión de PaperRater para 2022: ¿Vale la pena usarla?

Deja una respuesta