아이폰 X을 위한 디자인 가이드

위시켓

지난 13일 아이폰 X(아이폰 10)이 공식적으로 공개되었습니다. 1125x2435px의 Super Retina Display가 탑재되었고, 화면 상단에는 혁신적인 얼굴 인식 센서들이 추가되었지요.


아이폰 X은 디바이스 전체가 디스플레이일 뿐만 아니라, Touch ID가 아닌 Face ID를 이용합니다. 기존의 휴대폰들과 전혀 다른 아이폰 X을 디자인 하는 건 새로운 도전이지만, 그에 따른 새로운 디자인 기회일 수 있습니다.


프리랜서 가이드아이폰 X을 위한 디자인 가이드

아이폰 X을 위한 디자인 가이드


아이폰 X은 너비는 기존의 아이폰 6, 7, 8과 동일하지만, 높이가 145pt로 수직 공간이 ± 20% 더 커졌습니다.@1x를 디자인할 때, 375x812 픽셀의 아트보드가 필요하며, 새로운 Retina Display로 인해 아이폰 8과 같은@2x, 아이폰 7, 8 plus와 같이@x를 내보낼 필요가 없습니다.


아이폰 X를 위한 디자인할 때, 새로운 디바이스의 고유한 특징들(둥근 모서리, M자 모양의 화면 상단 센서들, 홈 인디케이터)을 가리지 않도록 UI 디자인을 해야 합니다.

현재 iOS 네이티브 구성 요소(네비게이션 바, 테이블, 컬렉션 뷰, 탭 모음 등)를 사용하는 앱은 모두 새로운 아이폰에서도 사용할 수 있습니다. 이 요소들은 모두 자동으로 삽입되고 배치되지요.

커스텀 된 레이아웃을 사용하는 경우 새로운 아이폰의 레이아웃에 맞게 앱을 업데이트해야 합니다. 자동 레이아웃(Auto Layout)을 사용하면 쉽게 업데이트할 수 있습니다.


고려해야 하는 사항들


화면 전체를 사용하세요.


중요한 정보는 중앙에 배치하세요.

새로운 상태바.

상태 바를 유용하게 사용하세요.


전체 화면 이미지.

인터렉션 컨트롤러를 화면 하단에 배치하지 마세요.

홈 인디케이터를 (항상) 숨기지 마세요.

더 많은 색상.


'위로 스와이프'와 같은 제스처들에 대해 알아두세요.


Face ID.

커스텀 키보드.


더 커진 네비게이션 바.

요약

Apple에서 제공하는 비디오

Q. 앱 UI를 미리 보려면 어떻게 해야 하나요?

Xcode 9 시뮬레이터를 사용하여 앱을 미리 볼 수 있습니다. UI를 업데이트해야 하는 경우 바로 표시됩니다.


Q. IOS 11과 아이폰 X의 리소스는 어디서 찾을 수 있나요?

Apple Design Resources



믿을 수 있는 IT 아웃소싱 서비스, 위시켓입니다. 공식 사이트:: http://www.wishket.com/
Follow
Cards you may also be interested in
여자친구 [GFRIEND] 210504 [SuperStarGFRIEND 이번주 소식]
GFRDofficial
2
4
0
몬스타엑스 | [201031] SuperStar_ STARSHIP Gotta get ready for the sweetest Halloween party! Start playing the missions for SuperStar STARSHIP HALLOWEEN_PARTY !
MONSTAX7
13
7
1
[취트키] 대학생 필수 어플 BEST 7
JobCheatKey
34
100
0
아이폰8...다음달 12일에 나온다
KINEWS
13
2
0
비싼 돈 들여 DSLR 카메라를 사지 않아도 되는 이유
sosimplestory
19
23
2
애플 아이폰X ‘얼굴인식’, 아이패드에도 탑재된다
KINEWS
2
1
0
슬기로운 방콕 생활을 위한 앱 추천 7
visualdive
18
51
0
몬스타엑스 | [210430] Motivation of my life MONSTA X Once you're in,, you can't get out of here.
MONSTAX7
4
7
1
이거 진짜야? 모르는 사람은 평생 모를 '유튜브 숨겨진 기능11'
momstory
107
365
2
빌 게이츠처럼 메모하려면 '필수 노트 앱 5'
momstory
45
177
4
[취트키] 취준생을 위한 무료 어플 BEST 5
JobCheatKey
67
187
0
‘갤럭시노트8 vs 아이폰7+’ 배터리 지속시간 승자는?
KINEWS
3
2
0
오늘 아침 제주의 일출입니다
gizizzz
30
2
5
코로나 때문에 인간 관계 망한 썰.jpg
visualdive
15
3
0
귀여뽀짝 머지택틱스 캐릭터 클레이 제작기.jpg
respectyou
37
4
3
시간 순삭! 집에서 심심할 때 좋은 앱
visualdive
56
122
1
업무에 쓰기 좋은 앱 8 (비즈니스 멤버를 위한 툴)
momstory
160
572
2
아이폰 배터리가 빨리 닳는다면?
APPSAY
7
13
0
GIF
화웨이, 애플 제치고 세계 스마트폰 시장 점유율 2위
KINEWS
2
0
0
사과폰 한 대의 값어치
subusunews
10
15
0
4.7 Star App Store Review!
Cpl.dev***uke
The Communities are great you rarely see anyone get in to an argument :)
king***ing
Love Love LOVE
Download

Select Collections