apple Human Interface Guideline -iOS 아이콘 및 이미지 정리

부족한 영어실력이지만 시간이 남아서 문서를 한 번 보며 옮겨 보았다..

아이콘을 만드는 사람에게 도움이 되었으면 좋겠다.

모든 아이콘은 png 형식이 추천되며, bit depth 는 24bit(RGB) 8bit(alpha)이다.

네비게이션바, 툴바, 탭바 아이콘은 alpha를 이용한 투명을 쓸 수 있지만,

App Icon에는 자제되어야한다.

Description	iPhone/iPod	iPhone/iPod (Letina)	iPad	iPad (Letina)	Guidelines
앱 아이콘 (필수)	57 x 57 --- iOS7 ---	114 x 114 --- iOS7 --- 120 x 120 (iPhone), 180 x 180 (iPhone 6 plus)	72 x 72 --- iOS7 --- 76 x 76	144 x 144 --- iOS7 --- 152 x 152	“Application Icons”
앱스토어 앱 아이콘 (필수)	512 x 512	1024 x 1024 (recommended)	512 x 512	1024 x 1024 (recommended)	“Application Icons”
런치 이미지 (실행이미지, 필수)	320 x 480	640 x 960	세로: 768 x 1004  가로: 1024 x 748 --- iOS7 --- status bar 포함 (20pt)	세로: 1536 x 2008 가로: 2048 x 1496  --- iOS7 --- status bar 포함(20pt)	“Launch Images”
spotlight  검색 결과 이미지	29 x 29	58 x 58	Spotlight: 50 x 50 설정: 29 x 29	Spotlight: 100 x 100 설정: 58 x 58	“Small Icons”
Document icon	22 x 29	44 x 58	64 x 64 320 x 320	128 x 128 640 x 640	“Document Icons”
Web clip icon	57 x 57	114 x 114	72 x 72	144 x 144	“Web Clip Icons”
Toolbar and navigation bar icon	대략 20 x 20	대략 40 x 40	대략 20 x 20	대략 40 x 40	“Icons for Navigation Bars, Toolbars, and Tab Bars”
Tab bar icon	대략 30 x 30	대략 60 x 60	대략 30 x 30	대략 60 x 60	“Icons for Navigation Bars, Toolbars, and Tab Bars”
Default Newsstand cover icon for the App Store (required for Newsstand apps)	가로/세로 적어도 512 픽셀	가로/세로 적어도 1024 픽셀	가로/세로 적어도 512 픽셀	가로/세로 적어도 1024 픽셀	“Newsstand Icons”

*Application Icons

 - 홈 스크린 아이콘으로 사용됨. (게임센터에서도 사용됨)

 - iOS는 자동으로 Rounded corners, Drop shadow, Reflective shine (unless you prevent the shine effect) 와 같은 효과를 줌. (효과를 주지 않기 위해서는 이 글을 참조.)

 - 위와 같이 iOS의 icon 이 효과를 적용받기 위해서는 

  a. 90도의 정사각 이미지를 갖고 (미리 라운딩처리를 해서 넣으면 안된다.)

  b. drop shadow 효과를 주지 말고

  c. shine or gloss 효과도 주지 말고

  d. 투명효과도 주지 말아야 한다.

*Launch Images: 

 - 실행시 보여지는 이미지, 잠시 보이거나 splash 앱이 완전히 로드되기 전까지 보임.

 - 아이패드는 가로, 세로 이미지가 필요하다.

 - 아이패드는 status bar를 차감한 사이즈로 계산되어야 한다.

*Small Icons:

 - Spotlight search result 와 Setting 에서 보여지는 작은 아이콘이다.

 - 이 아이콘이 없으면 application icon 이 줄어들어서 보여지게 된다.

*Document Icons:

 - 이 아이콘 역시 iOS가 application icon을 이용해서 만들어 준다. 

 - 특별한 목적이 있을 때 커스텀 아이콘을 만들도록 한다.

*Web Clip Icons:

 - 웹 애플리케이션 혹은 웹 사이트에 대한 홈 아이콘으로 application icon과 같은 효과를 얻는다.

*Icons for Navigation Bars, Toolbars, and TabBars:

 - 적절한 사이즈와 적절하게 표현된 아이콘을 사용하도록 한다.

 - 너무 많은 것을 담으려 하지말고 '적절한 표현'을 하도록 한다.

 - 아이콘에 텍스트를 넣지 마라, api를 이용하여 title을 넣을 수 있고 title 위치도 조정 가능하다.

 - 시스템에서 제공되는 아이콘도 사용가능하다.

 - pressed와 selected에 대한 iOS에서 제공되는 효과를 이용할 수 있다.

*Newsstand Icons:

 - 뉴스가판대에서 보여질 아이콘이다.

 - 측면비율은 1:2 혹은 2:1이 되어야 하며, flat하고 90도 코너를 가져야한다.

#좀 더 자세한 디자인 철학은 여기에서 

https://developer.apple.com/library/ios/#documentation/UserExperience/Conceptual/MobileHIG/IconsImages/IconsImages.html#//apple_ref/doc/uid/TP40006556-CH14-SW10