Desperately Seeking Squircles (2018)

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

by kjeetgill • 6 months ago

18 8 6 months ago

figma.com

hexasquid• 6 months ago

Intake of breath from the zune owners

Lare2• 6 months ago

Wasn't Nokia the one that first used squircles in a phone. Why all references for anything always start with apple.

flobosg2• 6 months ago

Nokia, despite its late entry with MeeGo’s Harmattan UI, found the squircle unclaimed and ran with it beautifully.

―https://interuserface.net/2011/06/own-a-shape/

rob74• 6 months ago

"Squircle" is a bit of a misnomer, isn't it? A "classic" rectangle with rounded corners is a rectangle with circle segments added at its corners, while a squircle actually has nothing to do with a circle. It reminds me more of the way curves in railways are designed: one might think that these are circle segments too, but that would mean that when going from the straight track to the curve, the centripetal (and centrifugal) acceleration would go from 0 to max instantly, which would lead to a sudden jolt, increased track wear etc. Instead, transition curves (https://en.wikipedia.org/wiki/Track_transition_curve) are used to gradually increase the lateral force.

deruta• 6 months ago

As I see it, the name fits perfectly. If the superellipse is a square at n -> inf and a circle at n = 2, then in-between... welp, a squircle.

otikik• 6 months ago

This must be one of those things that people that notice kerning notice.

saagarjha• 6 months ago

I know it's frowned upon to comment on the formatting of a post, and this isn't really a complaint but more of a bug report since someone from Figma might stumble upon this. Your fake cursor assets are not Retina.

flobosg2• 6 months ago

Same with the rendered math formulas, they could get a bit more love. Great post nevertheless!

Desperately Seeking Squircles (2018)

Related Stories