4P by xguru 4달전 | favorite | 댓글 4개

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

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

godrm 4달전  [-]

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

xguru 4달전  [-]

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

godrm 4달전  [-]

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

xguru 4달전  [-]

위키피디어에도 등록되어 있는 단어입니다.
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/