A colossal Dreamer: GR鐵塔-天生我材

[아이폰:아이콘크기] 아이폰 아이콘/ 디폴트 이미지 크기 정리 본문

Development/아이폰

[아이폰:아이콘크기] 아이폰 아이콘/ 디폴트 이미지 크기 정리

江多林 2011. 4. 22. 17:35
엄청 뒷 북이긴 하지만, 몇 가지 추가 정보 넣었습니다.

우선 아이콘 이미지의 크기입니다. 
Table 8-1  Custom icons and images

Description

Size for iPhone and iPod touch (in pixels)

Size for iPad (in pixels)

Guidelines

Application icon (required)

57 x 57

114 x 114 (high resolution)

72 x 72

“Application Icons”

App Store icon (required)

512 x 512

512 x 512

“Application Icons”

Small icon for Spotlight search results and Settings (recommended)

29 x 29

58 x 58 (high resolution)

50 x 50 for Spotlight search results

29 x 29 for Settings

“Small Icons”

Document icon (recommended for custom document types)

22 x 29

44 x 58 (high resolution)

64 x 64

320 x 320

“Document Icons”

Web clip icon (recommended for web applications and websites)

57 x 57

114 x 114 (high resolution)

72 x 72

“Web Clip Icons”

Toolbar and navigation bar icon (optional)

Approximately 20 x 20

Approximately 40 x 40 (high resolution)

Approximately 20 x 20

“Icons for Navigation Bars, Toolbars, and Tab Bars”

Tab bar icon (optional)

Approximately 30 x 30

Approximately 60 x 60 (high resolution)

Approximately 30 x 30

“Icons for Navigation Bars, Toolbars, and Tab Bars”

Launch image (required)

320 x 480

640 x 960 (high resolution)

For portrait:

  • 768 x 1004

For landscape:

  • 1024 x 748

“Launch Images”

 
참조: iOS Library iOS Human Interface Guidelines

잊기 쉬운 것이 탭바와 툴바의 아이콘이다. 아래 크기를 참조하자.
Toolbar icon : 20x20(retina: 40x40)
Tab bar icon : 30x30(retina: 60x60) ==> TabBar 높이 49/ 텍스트 영영 11/ 이미지 영역38

그리고, 탭바와 툴바의 아이콘 작성시 주의할 것이 투명도(alpha 값)에만 영향을 받는다.
일반적인 이미지(이미지에 투명도가 적용되지 않은 이미지)는 하얀 네모로 노출된다.

또하나 귀찮은 부분이 배경을 그냥 클리어 해버리면, 배경과의 경계부분에 깍뚜기 형님들이 나타나신다. 부드럽게 하려면, 컬러의 명도에 따른 투명도 적용이 필요하다.
다시 말해, 부드럽고 깔끔한 아이콘으로 만들기 위해서는 투명도(alpha값)에 그라데이션을 주어야 한다.