Squircle – eine Form zwischen Square (Quadrat) und Circle (Kreis)
Vom HomePod über Tastaturtasten bis hin zu App-Icons haben alle diese Squircle-Form
Wenn man sie so gestaltet, verschwinden scharfe Ecken und abrupte Übergänge,
→ wodurch das Gefühl von industriell massenhaft gefertigten Produkten verschwindet und stattdessen ein weicher, wärmerer Eindruck entsteht
Die Verwendung von Krümmung, um etwas weicher wirken zu lassen, ist ein altes Konzept.
1959 gab Piet Hein einem Kreisverkehr eine Superellipse-Kurve, um Verkehrsprobleme zu lösen,
und auch der Architekturstil von Zaha Hadid (Architektin des Dongdaemun DDP) nutzt häufig weiche, runde Formen und wirkt dadurch futuristisch.
4 Kommentare
Die Wörter in den Klammern oben sind vertauscht!!
Uff, was für ein Fehler ;_; Ich habe es schluchz korrigiert.
Soweit ich mich erinnere, war das früher ein rounded rect und wurde nach dem Patentstreit in eine Kurve geändert. Inzwischen wird nicht mehr ein R-Wert verwendet, sondern eine feine Krümmung beibehalten.
Das ist sogar ein Begriff, der auch in Wikipedia eingetragen ist.
https://en.wikipedia.org/wiki/Squircle
So wird es tatsächlich in Apps oder Services angewendet:
https://medium.com/@arthurofbabylon/…
In Figma wurde die Funktion Corner Smoothing verwendet, und in der iOS-App kam
UIBezierPathzum Einsatz.Einen stärker mathematischen Ansatz gibt es im Figma-Blog: "Desperately seeking squircles"
https://www.figma.com/blog/desperately-seeking-squircles/