UI設計尺寸規(guī)范-最新最全UI設計規(guī)范

1、iPhone界面尺寸設備UI設計規(guī)范：IOS、An droid系統(tǒng)主流尺寸整理分辨率PPI狀態(tài)欄高度導航欄高度標簽欄高度12422208 px401PPI60px132 px146 pxiPhone6R 6SP、7PiPhone6 - 6S - 7750 X1334 px326PPI40px88px98px640 X1136 px326PPI40px88px98pxiP hone5 - 5C - 5SnJ iP hone4 - 4S640 960 px326PPI40px88px98pxiPhone & iPod Touch第一代、第二代、第三代320 480 px163PPI20px44px

2、49 pxSOpK32CpxiPhrnp 用 iPM Tm村i 第一代*気二住第三代O&OpK尋 rtbaep*13S4px1920rwll一昌旳皿iPhOr - iPhan&iiiSO pxShift px1 I3bpj66 px口iPhone6 - 6S - 7（2x）1024 X024px120 X120px114 X14px58X58 px75X5px44 44 pxiPhone5 - 5C - 5S（2x）1024 X024px120 X120px114 X14px58X58 px75X5px44 44 pxiPhone4 - 4S（2x）1024 X024px120 X120px1

3、14 X14px58X58 px75X5px44 44 pxiPhone & iPod Touch 第一代、第二代、第三代1024 X024px120 X120px57 X57 px29X29 px38X38px30 X30 pxlGZ4px151 即j（111l4pi07piT &apx J1QOpx20pxlOpx.ZApp StoretRetira）App Store斗、4S、S、50 5GiPhoneSS主屛哼Pdk44fxiPhoncSs 戀、4Gpotlioh 謐索r*hcne6 PlusiPtiofie Plus工良攔和辱嚴亡IIViPad的設計尺寸設備尺寸分辨率狀態(tài)欄高度導航欄

4、高度標簽欄高度iPad 3 - 4 - 5 - 6Air - Air2 - mini2iPad 1 - 2iPad MiniiPad圖標尺寸:設備2048X1536 px1024 X68 px1024 X68 pxPad 3 - 4 - 5 - C Air - 3 - eoHApp Store1024X024 px264PPI132PPI163PPI40px20px20px88px44px44px98px49px49px程序應用Pad里一a、誘二ft主屏幕1024呼Spotiight 搜索Pad Mint標簽欄工具欄導航欄iPad 3 - 4 - 5 - 6 - Air - Air2 - mi

5、ni2180 X180px144X44px100X00px50X50px44px1024X024 px90X30px72X72px50 X50 px25X25px22X22pxiPad 1 - 211024X024 px90X90 px72X72 px50X50 px25X25 px22X22 pxiPad Mini1I512PXH-iOKI72p*I/2pxlU24pj(90pJ(130psVApp Store (Ret na)App StorePod 3 4 5 6Aif - Air? - Fi2第二代iPad Mini,ICOpiXGOox 1lODpx?OpK IJ5UpiiPac 3

6、-4- 5-6Ar Ar2 mini2ft.第二代(Pad MiniAn droid SDK模擬機的尺寸屏幕大小低密度（120）中等密度（160）高密度（240）超高密度（320）小屏幕QVGA ( 240 圮20)480 640普通屏幕WQVGA400(240X400)WQVGA432(240X432)HVGA (320 480)WVGA800 (480 X800)WVGA854 (480 X854)600X1024640 60大屏幕WVGA800 *(480X800)WVGA854 *(480X854)WVGA800 * ( 480 X800)WVGA854 * ( 480 X854)60

7、0x1024超大屏幕10246001024 X7681280 X768WXGA(1280X800)1536X152 1920 X1521920X2002048X15362560 X600An droid的圖標尺寸屏幕大小啟動圖標操作欄圖標上下文圖標系統(tǒng)通知圖標（白色）最細筆畫320 乂480 px480 800px480 X554px540 960px720 X280 px1080 X920 pxAn droid安卓系統(tǒng)名稱idpimdpihdpixhd pixxhd pi48X48 px72X72 px48X48 dp144 X144 pxdp/sp/px換算表分辨率240 X20320 X

8、80480 X00720 X2801080X920主流An droid手機分辨率和尺寸設備分辨率32X32 px48X48 px32X32 dp9696 px比率rate（針對 320px）尺寸0.751.52.253.37516X16 px24X24 px不小于2 px24X24 px36X36 px不小于3 px16X16 dp48X48 px設備24X24 dp72X72 px比率rate（針對 640px）0.3750.50.751.1251.6875分辨率不小于不小于2 dp6 px比率rate（針對 750px）0.320.42670.641.0421.5尺寸4.4英寸800 X1

9、280 px5.1英寸1080X280px魅族MX2魅族MX35.36 英寸1152X1920 px5.5英寸1536X2560px魅族MX45.7英寸1440 X2560 px三星 GALAXY Note 4魅族MX4Pro未上市5.7英寸1080X920px三星 GALAXY Note 35.1英寸1080X920 pxA=三星 GALAXY S5三星 GALAXY Note II5.5英寸720 X280 px5.2英寸1080X920 px6.44英寸1080X920px索尼 Xperia Z3索尼XL39h5.5英寸720 X1280 px4.7英寸1080X920pxHTC Des

10、ire 820OPPO Find 7OPPO R3小米M4小米M3小米M3S5.5英寸5英寸5英寸5英寸5英寸5英寸HTC One M81440 X2560 px720 X1280 px1080X920 px1080X920 px1080X920 px1080X920 px5.9英寸1080X920pxOPPO N15英寸720 X280 pxOPPO N1 Mini5.5英寸720 X280 px小米紅米Note4.7英寸720 X280 px小米紅米1S4.3英寸720 X280 px小米M2S4.95英寸1080X920px華為榮耀6錘子T1LG G35.5英寸14402560 px5.5英寸1080X1920pxOne Plus One主流瀏覽器的界面參數(shù)與份額瀏覽器狀態(tài)欄菜單欄滾動條市場份額（國內(nèi)浮動）22 px （浮動出現(xiàn)）60 px15 px42.1%Chrome瀏覽器20 px132 px15 px1%火狐瀏覽器24 px120 px15 px34%IE瀏覽器24 px140 px15 px28%360瀏覽器24 px147 px15