Ir al contenido
Diseño

Movimiento

Prueba cómo responde la interfaz al pulsar, abrir o cambiar de lugar.

Empieza aquí

Comparar dos respuestas

Las dos marcas recorren la misma distancia. Fíjate en cómo arrancan y cómo se detienen.

Toque

Rápido y firme · botones y gestos

Membrana

Suave y elástico · paneles y desplegables

Vuelve a pulsar durante el recorrido: ambas marcas cambian de dirección desde donde están.

Ajustar la respuesta

Rigidez: cuánto tira hacia el destino. Amortiguación: cuánto frena el rebote. Estos cambios son sólo para esta demostración.

Toque
Membrana
01 · Pulsar

Sentir la pulsación

El botón cede un poco al presionarlo y recupera su tamaño al soltar.

También con Espacio o Enter.

02 · Posar

Reconocer lo interactivo

Al pasar el puntero, el control se eleva ligeramente.

03 · Enfocar

Saber dónde estás

Usa Tab para llegar al campo. El anillo marca el foco del teclado.

04 y 05 · Entrar y salir

Añadir sin perder el contexto

Las filas aparecen en secuencia y se retiran con rapidez.

  • Expediente 1
  • Expediente 2
  • Expediente 3
  • Expediente 4
06 · Contar

Seguir un cambio de valor

La cifra avanza hasta su destino sin rebotar.

0Valor de demostración
07 · Desdoblar

Mostrar contenido relacionado

El contenido se abre desde su borde, conservando el punto de partida.

De una página a otra

En el Directorio, abre una ficha para ver cómo el nombre acompaña el cambio de página.

Se respeta la preferencia de movimiento reducido del dispositivo. Esta página es un laboratorio: no guarda cambios en el sistema.