ui设计尺寸规范-最全ui设计规范

1、整理iphone界面尺寸320px64opx480px状玄栏高20px导航栏«44px状姦栏高40px导統芒宴88px960px标签栏«49px标签芒高98px1136px鼻航广«88pxiphone & ipod touch 第一代.須二代第三代iphone4 iphone4sphone5x 5c. 5s75cpx1334 px§lk«88px1080 px1920 px导统栏高132px1242 px2208px设备分辨率ppi状态栏高度导航栏高度标签栏高度njiphone6p. 6sp. 7p1242x2208 px401 ppi

2、60px132px146pxnwiphonc6 - 6s - 7750x1334 px326ppi40px88px98pxniphonc5 - 5c - 5s640x136 px326ppi40px88px98pxpiphonc4 - 4s640x960 px326ppi40px88px98px1diphone & ipod touch§一代、第二代.第三代320x480 px163ppi20px44px49px640pxiphone图标尺寸：1024px512px1 <、ic、1024px512px180px90px1 <j<japp store(reti

3、na)app store114px57px厂114px57px20px< 丿、lopx<j4、4s、5、5c、5s6、6p主屛幕iphone3s 主屏幕58px58px10px44 px66px44 pxiphone5. 4s. 4spotlight 搜索iphone6 plusspotlight 捜索phone6plus工貝栏和与航左4x 4s> 5x 5sx 6工貝栏和特航左设备app store程序应用主屏幕spotlight 搜索标签栏工具栏和导航栏iphone6p - 6sp - 7(3x)1024x1024px180x18()px114x114px87x87 px

4、75x75px66x66 pxiphone6 - 6s - 7 (2x)1024x1024px120x120px114x114px58x58 px75x75px44x44 pxiphonc5 - 5c - 5s (2x)1024x1024px120x120px114x114px58x58 px75x75px44x44 pxiphonc4 - 4s (2x)1024x1024px120x120px114x114px58x58 px75x75px44x44 pxiphone & ipod touch 第一代.第 二代.第三代1024x1024px120x120px57x57 px29x29

5、 px38x38 px30x30 pxipad的设计尺寸设备尺寸分辨率状态栏高度导航栏高度标签栏高度ipad 3-4-air air2 -5-6-mini22()48x1536 px264ppi40px88px98pxbhipad 1-21024x768 px132ppi20px44px49pxmmipad mini1024x768 px163ppi20px44px49px768px2048px1536pxpx1024px状厉广庫20px标帝栏«49pxpx1024pxipad 3 4 5 6 air - air2 一 mim2ipad第一代、第二代768px标笛栏«49p

6、xipad miniipad图标尺寸:设备app store程序应用主屏幕spotlight 搜索标签栏工具栏 导航栏kmipad3-4-5-6-air-air2 mini21024x1024 px180x180px144x144px100x100px50x50px44x44pxmsipad 1 21024x1024 px90x9()px72x72px50x50 px25x25px22x22px1024x1024 px90x9072x7250x50 px25x25v22x22ipad minipxpxpxpx1024px512pxcc、1024px512px180px90px<j<

7、japp store(retina)app storeloopx50px厂、loopx50px20px9px< 丿<jipad 3 4 - 5 - 6ipad第一代、第二代air - air2 - mmi2ipad mini144px72px144px24px<y72px12px< 丿ipad 3 - 4 - 5 - 6 air - air2 - mmi2ipad第一代.第二代 ipad miniandroid sdk模拟机的尺寸屏幕大小低密度(120)中等密度(160)高密度(240)超高密度(320)小屏幕qvga (240x320)480x640普通屏幕wqvga

8、400 (240x400)wqvga432(240x432)hvga (320x480)wvga800 (480x800)wvga854 (480x854)600x1024640x960大屏幕wvga800 * (480x800)wvga854 * (480x854)wvga8(x) * (480x800)wvga854 * (480x854)600x1024超大屏幕1024x6001024x7681280x768wxg a(1280x800)1536x1152 1920x11521920x12002048x15362560x16()0android的图标尺寸屏幕大小启动图标操作栏图标上下文图

9、标系统通知图标 （白色最细笔画320x480 px48x48 px32x32 px16x16 px24x24 px不小于2 px480x800px480x854px540x960px72x72 px48x48 px24x24 px36x36 px不小于3 px720x1280 px48x48 dp32x32 dp16xl6dp24x24 dp不小于2 dp1080x1920 px144x144 px96x96 px48x48 px72x72 px不小于6 pxandroid安卓系统dp/sp/px换算表名称比率rate （针对 320px）比率rate （针对 640px）比率rate （针对

10、 750px）idpi240x3200.750.3750.32mdpi320x48010.50.4267hdpi480x8001.50.750.64xhdpi720x12802.251.1251.042xxhdpi1080x19203.3751.68751.5主流android手机分辨率和尺寸设备分辨率尺寸设备分辨率尺寸a4.4英寸800x1280 px15英寸1080x）280px5.36 英1152x1920 px5.5英寸1536x2560px魅族mx4魅族mx4 pro未上市5.7英寸1440x2560 px5.7英寸1080x192()px三星 galaxy note 4三星 gal

11、axy note 35英寸1080x1920 px5.5英寸720x1280 px三星 galaxy s5三星 galaxy note ii5.2英寸1080x1920 px6.44英寸1080x1920索尼 xperia z3索尼xl39h5.5英寸720x1280 px4.7英寸1080x1920htc desire 820htc one ms5.5英寸1440x256() px59英寸1080x1920oppo find 7oppon15英寸720x1280 px720x1280 pxoppo r3oppo n1 mini5英寸1080x1920 px5.5英寸720x1280 px小米

12、m4小米红米no(e5英寸1080x1920 px4 .7英寸720x1280 px小米m3小米红米1s5英寸1080x1920 px小米m3sa小米m2s4.3英寸720x1280 px5英寸1080x1920 px4.95英寸1080x1920px锤子tl华为荣耀65.5 英寸1440x2560 pxlg g355英寸1080x1920pxoneplus one主流浏览器的界面参数与份额浏览器状态栏菜单栏滚动条市场份额 （国内浮动）chrome浏览器22 px （浮动出现）60 px15 px42.1%火狐浏览器2() px132 px15 px1%ie浏览器24 px120 px15 px34%e360浏览器24 px140 px15