4 points par xguru 2020-06-16 | 4 commentaires | Partager sur WhatsApp

Squircle — une forme intermédiaire entre Square (carré) et Circle (cercle)

Du HomePod aux touches de clavier, jusqu’aux icônes d’apps, tout adopte une forme de squircle

Concevoir ainsi permet d’éliminer les parties aux angles vifs et les transitions brusques,

→ ce qui efface l’impression de fabrication industrielle de produits produits en masse et leur donne une sensation plus douce et plus chaleureuse

L’utilisation de la courbure pour adoucir quelque chose est un concept ancien ;

en 1959, Piet Hein a même donné une courbe de superellipse à un rond-point pour résoudre des problèmes de circulation,

et le style architectural de Zaha Hadid (architecte du DDP de Dongdaemun) utilise lui aussi souvent des formes arrondies et fluides, ce qui lui donne une apparence futuriste.

4 commentaires

 
godrm 2020-06-16

Le mot entre parenthèses ci-dessus est inversé !!

 
xguru 2020-06-16

Oups, quelle erreur T_T bouhouhou, c’est corrigé maintenant.

 
godrm 2020-06-16

Si je me souviens bien, c’était au départ un rectangle aux coins arrondis, puis après le procès pour brevet, c’est passé à une courbe. Désormais, ce n’est plus une simple valeur de rayon : ils conservent une courbure subtile.

 
xguru 2020-06-16

C’est un terme également répertorié sur Wikipédia.

https://en.wikipedia.org/wiki/Squircle

Comment l’appliquer concrètement dans une app ou un service

https://medium.com/@arthurofbabylon/…

Ils ont utilisé la fonctionnalité Corner Smoothing dans Figma, et UIBezierPath dans une app iOS.

Pour une approche plus mathématique, voir le blog de Figma : "Desperately seeking squircles"

https://www.figma.com/blog/desperately-seeking-squircles/