Controles esqueuomórficos: botones, interruptores y teclas 3D que funcionan
Controles esqueuomórficos recupera la sensación del hardware real: controles blancos de una consola de coche renderizados en 3D, y todos funcionan. Gira el botón de aluminio moleteado y hace tic en cada muesca, acciona la palanca y salta con un clic y vuelve a su sitio, pulsa una tecla y baja con un golpe suave. La consola entera también funciona, con la temperatura, la calefacción del asiento y el volumen iluminados según los controles. El botón, la palanca y las teclas se ven desde arriba o en ángulo 3D, el botón en plateado o dorado, y la consola desde arriba.
Cómo funciona
Elige un control
Elige la consola de coche completa, un botón giratorio, una palanca basculante o una tecla, y luego la vista (3D o desde arriba), el acabado y el símbolo.
Juega con él
Gíralo, acciónalo y púlsalo directamente en la vista previa, con sonido. Ajusta las pantallas de la consola, el tamaño y el color de fondo.
Llévatelo
Inicia sesión con una cuenta gratuita de UX Pilot para descargar un PNG o una página HTML que funciona con el sonido, o llevarlo al canvas de UX Pilot.
Qué puedes crear
Mockups de productos y apps
Muestra un producto de hogar inteligente, de coche o de audio con controles que parecen hardware real.
Secciones hero de landing pages
Dale a una página un momento táctil y físico que los visitantes pueden girar y pulsar de verdad.
Exploraciones de sistemas de diseño
Prueba una dirección esqueuomórfica junto a una interfaz plana antes de decidirte por ella.
Publicaciones y presentaciones
Exporta un PNG nítido de un botón, un interruptor o la consola entera para una diapositiva o una publicación.
Preguntas frecuentes
¿Qué son los controles esqueuomórficos?
Los controles esqueuomórficos se ven y se comportan como los objetos físicos que representan: un botón de metal moleteado que puedes girar, un interruptor que salta con un clic, una tecla que se hunde. Estos salen de renders 3D reales de una consola de coche, así que la luz, las sombras y el metal son fieles a la realidad.
¿Los controles funcionan de verdad?
Sí. El botón gira con el puntero, la rueda del ratón o las flechas del teclado, la palanca salta mientras la mantienes y vuelve sola, y las teclas se pulsan. En la consola de coche ajustan la temperatura, la calefacción del asiento, el freno, el volumen, la altura del vehículo y el modo de conducción, y las pantallas se iluminan a juego.
¿Hacen algún sonido?
Sí. Cada control tiene su propio sonido, pequeño y cercano: un tic de engranaje para el botón, un clic para la palanca y una pulsación suave para las teclas. Puedes bajar el sonido o apagarlo, y la descarga HTML lo conserva.
¿Puedo usarlos en mi propio diseño?
Inicia sesión con una cuenta gratuita de UX Pilot para descargar un PNG del control tal como lo has ajustado, una página HTML que funciona, o colocarlo en el canvas de UX Pilot junto al resto de tu diseño.