4 puntos por xguru 2020-06-16 | 4 comentarios | Compartir por WhatsApp

Squircle: una figura intermedia entre Square (cuadrado) y Circle (círculo)

Desde el HomePod hasta las teclas del teclado y los íconos de apps, todo tiene forma de squircle

Al hacerlo así, desaparecen las partes de esquinas afiladas y las transiciones abruptas,

→ por lo que se pierde la sensación de fabricación propia de un producto producido en masa, y se logra una sensación suave y cálida

Usar la curvatura para suavizar algo es un concepto antiguo.

En 1959, Piet Hein incluso aplicó una curva de superelipse a una rotonda para resolver problemas de tráfico,

y el estilo arquitectónico de Zaha Hadid (arquitecta del DDP de Dongdaemun) también usa muchas formas redondeadas y suaves, por lo que parece futurista.

4 comentarios

 
godrm 2020-06-16

¡¡La palabra entre paréntesis de arriba está invertida!!

 
xguru 2020-06-16

Uff, qué error T_T jajaja, ya lo corregí.

 
godrm 2020-06-16

Recuerdo que esto antes era un rounded rect, pero después de la demanda por patentes cambió a una curva. Ahora ya no se mantiene con un valor de R, sino con una curvatura sutil.

 
xguru 2020-06-16

Es una palabra que incluso está registrada en Wikipedia.

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

Cómo aplicarlo realmente en una app o servicio

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

Usaron la función Corner Smoothing en Figma, y en la app de iOS utilizaron UIBezierPath.

Para un enfoque más matemático, en el blog de Figma... "Desperately seeking squircles"

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