Was sind Clothoid Corners (Smooth Corners) im UI Design?

Erklärung

Bei Clothoid Corners (dt.: Klothoide oder Euler-Kurven) handelt es sich um eine mathematische Konstruktion, zur Gestaltung sanfterer Kurvenverläufe. Im User Interface (UI) Design werden Clothoid Corners zur Gestaltung von Eckenrundungen genutzt. Im Vergleich zu herkömmlichen gleichmäßigen Eckenrundungen haben Clothoid Corners eine natürlichere, organischere Anmutung. Umgangssprachlich wird eher von Smooth Corners gesprochen.

Grafik mit Clothoid Corners (links), normale Eckenabrundung (mitte) und Differenz (rechts)
Clothoid Corners (links), normale Eckenabrundung (mitte) und Differenz (rechts)

Ein hilfreiches Tool, um die Kurven mit CSS zu erzeugen ist CSS Clothoid Corners.

Feedback & Ergänzungen – Schreibe einen Kommentar

Kommentar zu dieser Seite

Wir freuen uns über Anregungen, Ergänzungen oder Hinweise zu Fehlern. Wir lesen jeden Eintrag, veröffentlichen aber nur, was den Inhalt sinnvoll ergänzt.