Navigation Bar and Toolbar Icon Size
Use the following sizes for guidance when preparing custom navigation bar and toolbar icons, but adjust as needed to create balance.
Target sizesMaximum sizes
72px × 72px (24pt × 24pt @3x) | 84px × 84px (28pt × 28pt @3x) |
48px × 48px (24pt × 24pt @2x) | 56px × 56px (28pt × 28pt @2x) |
Tab Bar Icon Size
In portrait orientation, tab bar icons appear above tab titles. In landscape orientation, the icons and titles appear side-by-side. Depending on the device and orientation, the system displays either a regular or compact tab bar. Your app should include custom tab bar icons for both sizes.
Target width and height (circular glyphs)
Regular tab barsCompact tab bars
75px × 75px (25pt × 25pt @3x) | 54px × 54px (18pt × 18pt @3x) |
50px × 50px (25pt × 25pt @2x) | 36px × 36px (18pt × 18pt @2x) |
Target width and height (square glyphs)
Regular tab barsCompact tab bars
69px × 69px (23pt × 23pt @3x) | 51px × 51px (17pt × 17pt @3x) |
46px × 46px (23pt × 23pt @2x) | 34px × 34px (17pt × 17pt @2x) |
Target width (wide glyphs)
Regular tab barsCompact tab bars
93px (31pt @3x) | 69px (23pt @3x) |
62px (31pt @2x) | 46px (23pt @2x) |
Target height (tall glyphs)
Regular tab barsCompact tab bars
84px (28pt @3x) | 60px (20pt @3x) |
56px (28pt @2x) | 40px (20pt @2x) |
스크랩 : https://developer.apple.com/design/human-interface-guidelines/ios/icons-and-images/custom-icons/
'[ 자기개발 ] > 개발에 필요한 정보 정리' 카테고리의 다른 글
[Obj-c] xCode 프로젝트 생성시 필수 셋팅 (0) | 2020.04.10 |
---|---|
스크랩 - Photo Editing (Extnsion) (0) | 2020.04.10 |
[ IOS ] 앱스토어 버전체크와 문제점 (0) | 2018.11.24 |
[Firebase] IOS APNS 파이어베이스 연동 - (3) (0) | 2018.11.15 |
[Firebase] IOS APNS 파이어베이스 연동 - (2) (0) | 2018.11.14 |