디자이너가 준비해야할 아이콘 사이즈의 모든것

다양한 모바일 디바이스에 다양한 해상도,


여러분이 스마트폰 앱 또는 소셜플랫폼 위에서 작동하는 앱을 만든다고 하면


각 해상도와 플랫폼에 필요한 아이콘들을 준비해야합니다.


플랫폼이 더해질수록 이것도 일이네요.


디자이너분들이 준비해야할 아이콘 사이즈들을 정리해볼께요.



iOS


단말기 파편화가 안드로이드보다 덜하다 하지만 워낙 디자인이 디테일한 아이폰이라 준비해야할것들이 많습니다.


아이폰 57 x 57
아이폰(레티나) 114 x 114
아이패드 72 x 72
아이패드(레티나) 144 x 144
앱스토어 1024 x 1024
스팟라이트, 아이패드 세팅 29 x 29
스팟라이트(레티나), 아이패드 세팅(레티나) 58 x 58
아이패드 스팟라이트 50 x 50
아이패드 스팟라이트(레티나) 100 x 100



android


안드로이드 단말기가 파편화되어 있다고하지만 아이콘으로 사용할것은 해상도에 맞게 4종류만 준비하시면 됩니다.


ldpi 36 x 36
mdpi 48 x 48
hdpi 72 x 72
xhdpi 96 x 96



notification에서 쓰이는 small icon 입니다.


mdpi 24 x 24
hdpi 36 x 36
xhdpi 48 x 48
xxhdpi 72 x 72
xxxhdpi 96 x 96



notification에서 쓰이는 large icon 입니다.



mdpi 64 x 64
hdpi 96 x 96
xhdpi 128 x 128
xxhdpi 192 x 192
xxxhdpi 256 x 256



Facebook


페이스북 연동하시는 분들이라면 페이스북 앱 설정에서도 아이콘을 등록하셔야 합니다.


16x16사이즈의 아이콘은 메뉴 또는 포스팅에 작게 표시될 아이콘이라 기존 아이콘의 축소형이 아닌 다른 심볼형태로 만드시는것이 좋을것 같습니다.


오픈그래프에 사용할 아이콘은 최소 200x200 사이즈를 권장하고 있습니다. 더 큰사이즈를 올리셔도 페이스북이 자동으로 스케일하지만, 여러분의 트래픽을 절감하기 위해서 200x200 사이즈를 사용하시는 것을 권장합니다.



primary 16 x 16
primary 75 x 75
low resolution 64 x 64
meduim resolution 96 x 96
high resolution 128 x 128
opengraph 200 x 200



준비해야할 아이콘 정리


그럼 준비해야할 아이콘 사이즈를 보기쉽게 크기 순서대로 정렬해 보겠습니다.


primary 16 x 16
스팟라이트, 아이패드 세팅 29 x 29
ldpi 36 x 36
mdpi 48 x 48
아이패드 스팟라이트 50 x 50
아이폰 57 x 57
스팟라이트(레티나), 아이패드 세팅(레티나) 58 x 58
low resolution 64 x 64
아이패드 72 x 72
hdpi 72 x 72
primary 75 x 75
xhdpi 96 x 96
meduim resolution 96 x 96
아이패드 스팟라이트(레티나) 100 x 100
아이폰(레티나) 114 x 114
high resolution 128 x 128
아이패드(레티나) 144 x 144
opengraph 200 x 200
앱스토어 1024 x 1024



http://developer.apple.com/library/ios/#documentation/userexperience/conceptual/mobilehig/IconsImages/IconsImages.html

http://developer.android.com/guide/practices/ui_guidelines/icon_design_launcher.html

| 1 | ··· | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | ··· | 131 |