# 애플 제품의 둥근 모서리에는 Squircle이 있다

> Clean Markdown view of GeekNews topic #2277. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=2277](https://news.hada.io/topic?id=2277)
- GeekNews Markdown: [https://news.hada.io/topic/2277.md](https://news.hada.io/topic/2277.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2020-06-16T11:14:52+09:00
- Updated: 2020-06-16T11:14:52+09:00
- Original source: [medium.com](https://medium.com/minimal-notes/rounded-corners-in-the-apple-ecosystem-1b3f45e18fcc)
- Points: 4
- Comments: 4

## Topic Body

Squircle - Square(사각형)과 Circle(원)의 중간인 도형

HomePod 부터 키보드 버튼, 앱아이콘 까지 모두 Squircle 형태

이렇게 만들면 날카로운 모서리 부분 과 갑작스런 전환부가 없어져서

ㅤ→ 대량 생산된 제품 같은 제조의 느낌이 사라지고, 부드럽고 따뜻한 느낌을 주게 됨

뭔가를 부드럽게 하기 위해 곡률을 사용하는 것은 오래된 개념으로

1959년에 Piet Hein 은 교통문제를 해결하기 위해 로터리에 Superellipse 커브를 주기도 했으며,

Zaha Hadid (동대문 DDP 건축가) 의 건축 스타일도 부드러운 둥근 형태를 많이 이용해서 미래형태처럼 보임

## Comments



### Comment 2012

- Author: godrm
- Created: 2020-06-16T11:19:08+09:00
- Points: 1

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

### Comment 2013

- Author: xguru
- Created: 2020-06-16T11:20:17+09:00
- Points: 1
- Parent comment: 2012
- Depth: 1

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

### Comment 2011

- Author: godrm
- Created: 2020-06-16T11:18:30+09:00
- Points: 1

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

### Comment 2010

- Author: xguru
- Created: 2020-06-16T11:15:00+09:00
- Points: 2

위키피디어에도 등록되어 있는 단어입니다.

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

실제로 앱이나 서비스에 적용하는 방법

https://medium.com/@arthurofbabylon/a-smooth-corner-radius-in-ios-54b80aa2d372

Figma 에서 Corner Smoothing 기능을 이용하고, iOS 앱에선 UIBezierPath 를 이용했네요

더 수학적인 접근은 Figma 블로그에.. "Desperately seeking squircles"

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