Controles skeuomórficos: botões, interruptores e teclas 3D que funcionam
Controles skeuomórficos traz de volta a sensação do hardware de verdade: controles brancos de um console de carro renderizados em 3D, todos funcionando. Gire o botão de alumínio serrilhado e ele faz tique a cada encaixe, acione a alavanca e ela estala e volta sozinha, aperte uma tecla e ela afunda com uma batida suave. O console inteiro também funciona, com a temperatura, o aquecimento do banco e o volume acesos pelos controles. O botão, a alavanca e as teclas aparecem vistos de cima ou em ângulo 3D, o botão em prateado ou dourado, e o console visto de cima.
Como funciona
Escolha um controle
Escolha o console do carro inteiro, um botão giratório, uma alavanca basculante ou uma tecla, depois a vista (3D ou de cima), o acabamento e o símbolo.
Brinque com ele
Gire, acione e aperte direto na prévia, com som. Ajuste as telas do console, o tamanho e a cor de fundo.
Leve com você
Entre com uma conta gratuita do UX Pilot para baixar um PNG, uma página HTML funcional com o som ou colocar o controle no canvas do UX Pilot.
O que você pode criar
Mockups de produtos e apps
Mostre um produto de casa inteligente, carro ou áudio com controles que parecem hardware de verdade.
Seções hero de landing pages
Dê a uma página um momento tátil e físico que os visitantes podem realmente girar e apertar.
Explorações de design system
Teste uma direção skeuomórfica ao lado de uma UI flat antes de se comprometer com ela.
Posts e apresentações
Exporte um PNG nítido de um botão, um interruptor ou do console inteiro para um slide ou um post.
Perguntas frequentes
O que são controles skeuomórficos?
Controles skeuomórficos têm a aparência e o comportamento dos objetos físicos que representam: um botão de metal serrilhado que você gira, um interruptor que estala, uma tecla que afunda. Estes vêm de renders 3D reais de um console de carro, então a luz, as sombras e o metal são fiéis à realidade.
Os controles funcionam de verdade?
Sim. O botão gira com o ponteiro, a roda do mouse ou as setas do teclado, a alavanca estala enquanto você a segura e volta sozinha, e as teclas afundam. No console do carro eles ajustam a temperatura, o aquecimento do banco, o freio, o volume, a altura do veículo e o modo de condução, e as telas acendem de acordo.
Eles fazem som?
Sim. Cada controle tem seu próprio som, pequeno e próximo: um tique de engrenagem para o botão, um clique para a alavanca e um toque suave para as teclas. Você pode abaixar o som ou desligá-lo, e o download em HTML mantém o som.
Posso usá-los no meu próprio design?
Entre com uma conta gratuita do UX Pilot para baixar um PNG do controle do jeito que você ajustou, uma página HTML funcional ou colocá-lo no canvas do UX Pilot ao lado do resto do seu design.