4 pontos por xguru 2020-06-16 | 4 comentários | Compartilhar no WhatsApp

Squircle - uma forma intermediária entre Square (quadrado) e Circle (círculo)

Do HomePod às teclas do teclado e aos ícones de apps, tudo tem formato de squircle

Quando se faz assim, desaparecem as partes de cantos afiados e as transições abruptas

→ a sensação de fabricação, como a de um produto produzido em massa, some, e isso passa uma sensação suave e acolhedora

Usar curvatura para suavizar algo é um conceito antigo,

em 1959, Piet Hein chegou a aplicar uma curva de superelipse em uma rotatória para resolver problemas de trânsito,

e o estilo arquitetônico de Zaha Hadid (arquiteta do DDP de Dongdaemun) também usa muitas formas arredondadas e suaves, o que lhe dá um aspecto futurista

4 comentários

 
godrm 2020-06-16

A palavra entre parênteses acima está invertida!!

 
xguru 2020-06-16

Ah, que erro bobo T_T buáá, já corrigi.

 
godrm 2020-06-16

Lembro que isso era um rounded rect e, depois do processo de patente, mudou para uma curva. Agora, em vez de um valor de R, eles mantêm uma curvatura sutil.

 
xguru 2020-06-16

É uma palavra que até está registrada na Wikipédia.

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

Como aplicar isso na prática em apps ou serviços

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

Usaram o recurso Corner Smoothing no Figma e, em apps iOS, UIBezierPath.

Uma abordagem mais matemática está no blog do Figma... "Desperately seeking squircles"

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