4P by xguru 2020-06-16 | favorite | 댓글 4개

Squircle - Square(사각형)과 Circle(원)의 중간인 도형
HomePod 부터 키보드 버튼, 앱아이콘 까지 모두 Squircle 형태
이렇게 만들면 날카로운 모서리 부분 과 갑작스런 전환부가 없어져서
ㅤ→ 대량 생산된 제품 같은 제조의 느낌이 사라지고, 부드럽고 따뜻한 느낌을 주게 됨

뭔가를 부드럽게 하기 위해 곡률을 사용하는 것은 오래된 개념으로
1959년에 Piet Hein 은 교통문제를 해결하기 위해 로터리에 Superellipse 커브를 주기도 했으며,
Zaha Hadid (동대문 DDP 건축가) 의 건축 스타일도 부드러운 둥근 형태를 많이 이용해서 미래형태처럼 보임

위에 괄호안 단어가 뒤바뀌었네요!!

으헙 이런 실수를 ㅠㅠ 엉엉 바꿔두었습니다.

이게 rounded rect 였다가 특허소송 이후에 커브로 바뀐 걸로 기억합니다. 이제는 R값이 아니라 미세한 곡률을 유지하고 있죠.

위키피디어에도 등록되어 있는 단어입니다.
https://en.wikipedia.org/wiki/Squircle

실제로 앱이나 서비스에 적용하는 방법
https://medium.com/@arthurofbabylon/…
Figma 에서 Corner Smoothing 기능을 이용하고, iOS 앱에선 UIBezierPath 를 이용했네요

더 수학적인 접근은 Figma 블로그에.. "Desperately seeking squircles"
https://www.figma.com/blog/desperately-seeking-squircles/