Apple, iPhone Duo 디자인 가이드·iOS 27 Figma UI 키트 공개

요약

Apple이 9월 들어 Human Interface Guidelines(HIG)와 디자인 리소스를 잇달아 업데이트했다.
9일(현지 시간)에는 iPhone Duo 디자인 가이드 페이지와 영상을 새로 공개했고, 17일에는 iOS·iPadOS 27과 macOS 27용 Figma UI 키트를 내놨다.
18일에는 iPhone Duo와 iPhone 18 신모델용 제품 베젤도 추가됐다.

주요 내용

• 새 HIG 페이지 'Designing for iPhone Duo'는 기기 자세(pose), 두 디스플레이에 걸친 동적 레이아웃, 세로축에 배치되는 툴바와 탭 바를 다룬다.
• 자세마다 별도 레이아웃을 만들기보다 size class로 대응하도록 권장한다. 외부 디스플레이는 compact width, 내부 디스플레이는 regular width 레이아웃이 기본이다.
• 외부·내부 전면 카메라와 접히는 영역을 '예약 영역'으로 정의하고, 콘텐츠와 컴포넌트가 이를 피해 배치되도록 안내한다.
• 툴바·탭 바·내비게이션 컨트롤은 콘텐츠의 세로 공간을 확보하기 위해 화면 측면으로 옮겨진다. 내부 디스플레이를 세로로 쓸 때는 기존 가로 배치를 유지한다.
• 기기를 접고 펼 때 레이아웃이 급격히 바뀌지 않게 하고, 그리드는 짝수 열로 구성하라는 지침도 담겼다.
• 같은 기간 Layout·Branding·SharePlay 가이드가 갱신됐고, 인앱 결제 가이드는 'Apple In-App Purchase'로 이름이 바뀌었다. Figma 키트에는 업데이트된 컴포넌트, 시스템 컬러, 앱 아이콘이 들어 있다.

왜 중요한가

폴더블 대응은 개발 단계 이전에 정보 구조와 컨트롤 배치에서 먼저 결정해야 하는 문제다. 공식 가이드와 Figma 키트가 갖춰지면서 디자이너가 10월 23일 출시 전에 iPhone Duo 화면을 미리 설계하고 검증할 수 있게 됐다.

developer.apple.comWhat’s new - Design - Apple DeveloperDiscover the latest additions and updates to design guidance. Explore inspirational designs, videos, articles, and resources.