Skeuomorphe Bedienelemente: 3D-Drehknöpfe, Schalter und Tasten, die funktionieren
Skeuomorphe Bedienelemente holen das Gefühl echter Hardware zurück: weiße Bedienelemente einer Autokonsole, in 3D gerendert, und jedes davon funktioniert. Dreh den gerändelten Aluminiumknopf, und er tickt bei jeder Raste, leg den Hebel um, und er schnappt um und federt zurück, drück eine Taste, und sie geht mit einem leisen Klopfen nach unten. Auch die ganze Konsole funktioniert, ihre Anzeigen für Temperatur, Sitzheizung und Lautstärke leuchten so, wie du die Bedienelemente stellst. Drehknopf, Hebel und Tasten lassen sich direkt von oben oder schräg in 3D zeigen, der Drehknopf in Silber oder Gold, die Konsole von oben.
So funktioniert es
Bedienelement wählen
Wähle die ganze Autokonsole, einen Drehknopf, einen Kipphebel oder eine Taste, dann die Ansicht (3D oder von oben), Silber oder Gold und das Symbol.
Ausprobieren
Dreh, kipp und drück es direkt in der Vorschau, mit Ton. Stell die Anzeigen der Konsole, die Größe und die Hintergrundfarbe ein.
Mitnehmen
Melde dich mit einem kostenlosen UX Pilot Konto an, um ein PNG oder eine funktionierende HTML-Seite mit Ton herunterzuladen, oder setze es in den UX Pilot Canvas.
Das kannst du damit gestalten
Mockups für Produkte und Apps
Zeig ein Smart-Home-, Auto- oder Audioprodukt mit Bedienelementen, die wie echte Hardware aussehen.
Hero-Bereiche für Landingpages
Gib einer Seite einen haptischen, greifbaren Moment, den Besucher wirklich drehen und drücken können.
Experimente fürs Designsystem
Probier eine skeuomorphe Richtung neben flacher UI aus, bevor du dich festlegst.
Posts und Präsentationen
Exportiere ein scharfes PNG von einem Drehknopf, einem Schalter oder der ganzen Konsole für eine Folie oder einen Post.
Häufige Fragen
Was sind skeuomorphe Bedienelemente?
Skeuomorphe Bedienelemente sehen aus und verhalten sich wie die physischen Dinge, für die sie stehen: ein Knopf aus gerändeltem Metall, den du drehen kannst, ein Schalter, der umschnappt, eine Taste, die nach unten geht. Diese hier stammen aus echten 3D-Renderings einer Autokonsole, deshalb wirken Licht, Schatten und Metall naturgetreu.
Funktionieren die Bedienelemente wirklich?
Ja. Der Drehknopf dreht sich mit dem Zeiger, dem Mausrad oder den Pfeiltasten, der Hebel schnappt um, solange du ihn hältst, und federt dann zurück, und die Tasten lassen sich drücken. Auf der Autokonsole stellen sie Temperatur, Sitzheizung, Bremse, Lautstärke, Fahrzeughöhe und Fahrmodus ein, und die Anzeigen leuchten passend dazu auf.
Machen sie Geräusche?
Ja. Jedes Bedienelement hat seinen eigenen kleinen, nahen Klang: ein Zahnradticken für den Drehknopf, ein Klicken für den Hebel und ein weiches Druckgeräusch für die Tasten. Du kannst den Ton leiser stellen oder ausschalten, und der HTML-Download behält ihn.
Kann ich sie in meinem eigenen Design verwenden?
Melde dich mit einem kostenlosen UX Pilot Konto an, um ein PNG des Bedienelements so herunterzuladen, wie du es eingestellt hast, eine funktionierende HTML-Seite, oder setze es in den UX Pilot Canvas neben den Rest deines Designs.