剛開始接觸UI的時候,碰到的最多的就是尺寸問題,今天我們就來談談IOS和Android 圖標設計尺寸吧!
一、IOS篇
1.iOS app圖標的圓角半徑是多少?
(注:現在IOS圖標是不需要再畫圓角了,直接方形就OK)
比較精確和接近的圓角半徑和圖標尺寸如下:最右邊表示圓角半徑
- Icon1024.png – 1024px -圓角半徑: 180px
- Icon512.png – 512px - 圓角半徑:89.825px
- Icon.png – 57px -圓角半徑: 10px
- Icon@2x.png - 114px – 圓角半徑:20px
- Icon-72.png – 72px -圓角半徑: 12.632px
- Icon-72@2x.png - 144px -圓角半徑: 25.263
- Icon-Small.png - 29px -圓角半徑:5.088
- Icon-Small@2x.png - 58px - 圓角半徑:10.175
2.IOS icon尺寸
- APPLE APP STORE ICON:512 x 512 PX (圓角弧度80px)
- iPhone 5 App Icon:120 x 120 PX (圓角弧度22px)
- iPhone 4 App Icon:114 x 114 PX (圓角弧度20px)
- iPhone 3GS App Icon:57 x 57 PX (圓角弧度22px)
二、Android篇
1.典型的設計尺寸
- 20dp:一個普通的手機屏幕(240×320,320×480,480×800)
- 480dp:一個中間平板電腦像(480×800)
- 600dp:7寸平板電腦(600×1024)
- 720dp:10寸平板電腦(720×1280,800×1280)
2.ICON尺寸
對於分辨率繁多的android設備,為了方便原生應用的界面適配,Google按照dpi大小將它們分成了4種模式(MDPI、HDPI、XHDPI和XXHDPI):
- xxhdpi Icon:144×144
- xhdpi Icon:96×96
- hdpi Icon:72×72
- mdpi Icon:48×48