UI設計尺寸規(guī)范_最新最全UI設計規(guī)范標準

1、WOR格式可以任意編輯UI設計規(guī)范：IOS、Android系統(tǒng)主流尺寸整理iPhone界面尺寸設備分辨率PPI狀態(tài)欄高度導航欄高度標簽欄高度1242 X 2208px401 PPI60px132px146pxiPhone6P、6SP 7P750 X 1334px326PP140px88px98pxiPhone6-6S-7640 X 1136px326PP 140px88px98pxiPhone5-5C-5S320 X 480px163PP 120px44px49px640 X 960px326PP 140px88px98pxiPhone4-4SiPhone&iPodTouch第一代、第

2、二代、第三代fl一二上不"一壬 1" 壬h._lH f專業(yè)資料整理分享word完美格式iPhone圖標尺寸:設備AppStore程序應用主屏幕Spotiight搜索標簽欄工具欄和導航欄iP hone6 P-6S P-1024X 1024180X 180114X 11487X 8775X 757(3X )pxpxpxpxpx66 X 66px1024X 1024120X 120114X 11458X 5875X 75iPhone6-6S-7(2 X)pxpxpxpxpx44 X 44pxiP hone5-5C-1024X 1024120X 120114X 11458X 587

3、5X 755S(2X )pxpxpxpxpx44 X 44px1024X 1024120X 120114X 11458X 5875X 75 iP hone4-4S(2 X )pxpxpxpxpx44 X 44px1024 X 1024120 X 12057 X 5729 X 2938 X 38iPhone&iPodTouch 第 pxpxpxpxpx30 X 30px 代、第二代、第三代，：，TH l/ .JL ：l : G Aword完美格式iPad的設計尺寸設備尺寸分辨率狀態(tài)欄高度導航欄高度標簽欄高度2048 X 1536px264PP140 px88 px98 pxi Pad3-

4、4-5-6Air-Air2-mini21024 X 768px132PP 120px44px49pxiP ad1-21024 X 768px163PP 120px44px49pxiP adMiniiPad圖標尺寸:設備 AppStore程序應用主屏幕Sp otiight搜索標簽欄工具欄導航欄iP ad3-4-5-6-Air- Air2-mini21024X 1024px180X180px144X 144px100X 100px50 X 50px44 X 44px1024X 1024px90 X 90px72 X 72px50 X 50px25 X 25px22 X 22pxword完美格式iP

5、 ad1-21024X 1024px90 X 90px72 X 72px50 X 50px25 X 25px22 X 22pxiP adMinit''J*I' If I tt.:訂 r 一 n .* - IrIf IAndroidSDK模擬機的尺寸屏幕大小低密度（120）中等密度（160）高密度（240）超高密度320)小屏幕QVGA(240X 320)480X640普通屏幕WQVGA400(240X 400)WQVGA432(240X 432)HVGA( 320 X 480)WGA800 (480 X 800)WVGA85(480X 854) 600X 1024640

6、X 960大屏幕WVGA800*(480X 800)WVGA854*(480X 854)WVGA800*(480X 800)WVGA854*(480X 854)600x1024超大屏幕1024 X 6001024X 7681280 X 768WXGA(1280X 800)1536X 11521920X 11521920X12002048X15362560X1600word完美格式Android的圖標尺寸系統(tǒng)通知圖標480X 854pxidpi240 X 3200.750.3750.32mdpi320 X 48010.50.4267hdpi480 X 8001.50.750.64xhd pi72

7、0 X 12802.251.1251.042xxhd pi1080 X 19203.3751.68751.5主流 An droid手機分辨率和尺寸屏幕大小啟動圖標操作欄圖標上下文圖標（白色）最細筆畫320 X 480px48 X 48px32 X 32px16X 16px24X 24px 不小于 2px480 X 800px72 X 72px48 X 48px24X 24px36 X 36px 不小于 3px540X 960px720 X 1280px48 X 48dp32 X 32dp16 X 16dp24 X 24dp 不小于 2dp1080 X 1920px144 X 144px96 X

8、 96px48 X 48px72 X 72px 不小于 6pxAndroid安卓系統(tǒng)dp/sp/px 換算表比率rate 比率rate 比率rate名稱分辨率（針對 320px）（針對 640px）（針對 750px）設備分辨率尺寸設備分辨率尺寸word完美格式魅PMx34.4800 X 1280px5.1英寸1080X1280px魅族MX2BS5.361152X 1920px5.5英寸魅族MX4Pro未上市1536X2560pxMX45.7際：寸三星 GALAXYNote仁星 GALAXYNote31440 X 2560px5.7英寸1080X1920px5.1英1080 X 1920px5

9、.5英寸720X 1280px三星 GALAXYS三星 GALAXYNotellMM5.2索 尼XperiaZ31080 X 1920PX6.44 英寸1080X1920px索尼XL39h5.5720 X 1280px4.7英寸1080X1920pxHTCDesire820HTCOneM85.51440 X 2560px5.9英寸1080X1920pxOPPO Find7 OPPON15英寸720 X 1280px5 英寸720X 1280 pxOPP OR3 OPPO N1Mini5英寸1080 X 1920px5.5 英寸720X 1280px小米M4小米紅米Note5英寸1080 X 1

10、920px4.7 英寸720X 1280 px小米M3小米紅米1S720X1280 px5 英寸 1080 X 192Opx4.3 英寸word完美格式小米M3S華為榮耀6錘子T1LGG35 英寸 1080 X 1920px4.95 英寸5.5英1440 X 2560px5.5 英寸One PlusOne主流瀏覽器的界面參數(shù)與份額瀏:覽器狀態(tài)欄菜單欄滾動條22px （浮動出現(xiàn)）60Px15PX42.1%Chrome瀏覽器20p x132 px15 px1%火狐瀏覽器24p x120 px15 px34%IE瀏覽器24p x140 px15 px28%360瀏覽器24p x147 px15 px1%遨游瀏覽器25p x163 px15 px3.8%搜狗瀏覽器1080X1920px1080X1920px市場份額（國內浮動）word完美格式系統(tǒng)分辨率統(tǒng)計分辨率占有率分辨率占有率