Member-only story
Recent years where rich in a new UI design Styles. Starting with simple flat design, material, neuomorphism, and glassmorphism. While I am not such an excellent trend hunter as Michal Malewicz, I am sure that I have found something… Let’s dive into the world of squircles!
Squircle? What is it?
It is not a rounded rectangle, not a circle. The shape is unique and subtle but makes a huge difference. It was first noticed in digital design when iOS 7 arrived. App Icons were masked with squircle. Since then, designers felt in love with the shape.
If you would like to discover some math behind the shape, feel free to see the description from Wikipedia or the research done by Figma Engineer.
Rise of Squirclemorphism
Initially, the squircle shape was used to recreate iOS App Icons. As I mentioned, the difference between standard rounded rectangle and squircle was subtle but noticeable. We always want to strive to make our designs look modern, so we wanted to have App Icons masked with this new shape.
Then designers realized that it might be used for other elements. Some of us started to use it in card corners, others made elegant icons. This was just a beginning…
Now you may see squircles in various forms everywhere in UI Designs. The whole mobile app pages are not masked with rounded corners. They use squircles!
The ubiquity of the squircle shapes lead me to name these trends — say hello to Squirclemorphism! What is interesting the style itself is only about using squircle shape. It may be connected with neuomorphic or…
