Commandes skeuomorphiques : boutons, interrupteurs et touches 3D qui fonctionnent
L’outil Commandes skeuomorphiques fait revivre la sensation du vrai matériel : des commandes blanches de console de voiture rendues en 3D, toutes fonctionnelles. Tournez le bouton en aluminium moleté et il cliquette à chaque cran, basculez le levier et il claque puis revient en place, appuyez sur une touche et elle s’enfonce avec un petit bruit sourd. Toute la console fonctionne aussi, avec sa température, ses sièges chauffants et son volume éclairés par les commandes. Le bouton, le levier et les touches se montrent vus de dessus ou de trois quarts en 3D, le bouton en argenté ou en doré, et la console vue de dessus.
Comment ça marche
Choisissez une commande
Choisissez la console de voiture entière, un bouton rotatif, un levier à bascule ou une touche, puis la vue (3D ou de dessus), la finition et le symbole.
Jouez avec
Tournez, basculez et appuyez directement dans l’aperçu, avec le son. Réglez les écrans de la console, la taille et la couleur d’arrière-plan.
Emportez-la
Connectez-vous avec un compte UX Pilot gratuit pour télécharger un PNG, une page HTML fonctionnelle avec le son, ou la placer sur le canvas UX Pilot.
Ce que vous pouvez créer
Maquettes de produits et d’apps
Présentez un produit domotique, automobile ou audio avec des commandes qui ressemblent à du vrai matériel.
Sections hero de landing pages
Offrez à une page un moment tactile et physique que les visiteurs peuvent vraiment tourner et presser.
Explorations de design system
Essayez une direction skeuomorphique à côté d’une UI plate avant de vous engager.
Posts et présentations
Exportez un PNG net d’un bouton, d’un interrupteur ou de toute la console pour une diapositive ou un post.
Questions fréquentes
Que sont les commandes skeuomorphiques ?
Les commandes skeuomorphiques ressemblent aux objets physiques qu’elles représentent et se comportent comme eux : un bouton en métal moleté que l’on tourne, un interrupteur qui bascule avec un clic, une touche qui s’enfonce. Celles-ci viennent de vrais rendus 3D d’une console de voiture, si bien que la lumière, les ombres et le métal sont fidèles à la réalité.
Les commandes fonctionnent-elles vraiment ?
Oui. Le bouton tourne avec le pointeur, la molette ou les flèches du clavier, le levier bascule tant que vous le tenez puis revient en place, et les touches s’enfoncent. Sur la console de voiture, elles règlent la température, les sièges chauffants, le frein, le volume, la hauteur de caisse et le mode de conduite, et les écrans s’allument en conséquence.
Font-elles du bruit ?
Oui. Chaque commande a son propre petit son, tout proche : un cliquetis d’engrenage pour le bouton, un clic pour le levier et une pression douce pour les touches. Vous pouvez baisser le son ou le couper, et le téléchargement HTML le conserve.
Puis-je les utiliser dans mon propre design ?
Connectez-vous avec un compte UX Pilot gratuit pour télécharger un PNG de la commande telle que vous l’avez réglée, une page HTML fonctionnelle, ou la placer sur le canvas UX Pilot à côté du reste de votre design.