UI设计尺寸要求规范新颖新颖UI设计要求规范.doc

《UI设计尺寸要求规范新颖新颖UI设计要求规范.doc》由会员分享，可在线阅读，更多相关《UI设计尺寸要求规范新颖新颖UI设计要求规范.doc（8页珍藏版）》请在三一办公上搜索。

1、UI设计规范：IOS、Android系统主流尺寸整理iPhone界面尺寸设备分辨率PPI状态栏高度导航栏高度标签栏高度 iPhone6P、6SP、7P12422208 px401PPI60px132px146px iPhone6 - 6S - 77501334 px326PPI40px88px98px iPhone5 - 5C - 5S6401136 px326PPI40px88px98px iPhone4 - 4S640960 px326PPI40px88px98px iPhone & iPod Touch第一代、第二代、第三代320480 px163PPI20px44px49pxiPhon

2、e图标尺寸：设备App Store程序应用主屏幕Spotlight搜索标签栏工具栏和导航栏iPhone6P - 6SP - 7(3)10241024 px180180 px114114 px8787 px7575 px6666 pxiPhone6 - 6S - 7(2)10241024 px120120 px114114 px5858 px7575 px4444 pxiPhone5 - 5C - 5S(2)10241024 px120120 px114114 px5858 px7575 px4444 pxiPhone4 - 4S(2)10241024 px120120 px114114 px5

3、858 px7575 px4444 pxiPhone & iPod Touch第一代、第二代、第三代10241024 px120120 px5757 px2929 px3838 px3030 pxiPad的设计尺寸设备尺寸分辨率状态栏高度导航栏高度标签栏高度iPad 3 - 4 - 5 - 6 Air - Air2 - mini220481536 px264PPI40px88px98pxiPad 1 - 21024768 px132PPI20px44px49pxiPad Mini1024768 px163PPI20px44px49pxiPad图标尺寸：设备App Store程序应用主屏幕Spo

4、tlight搜索标签栏工具栏导航栏iPad 3 - 4 - 5 - 6 - Air - Air2 - mini210241024 px180180 px144144 px100100 px5050 px4444 pxiPad 1 - 210241024 px9090 px7272 px5050 px2525 px2222 pxiPad Mini10241024 px9090 px7272 px5050 px2525 px2222 pxAndroid SDK模拟机的尺寸屏幕大小低密度（120）中等密度（160）高密度（240）超高密度（320）小屏幕QVGA（240320）480640普通屏幕W

5、QVGA400（240400） WQVGA432（240432）HVGA（320480）WVGA800（480800） WVGA854（480854） 6001024640960大屏幕WVGA800 *（480800） WVGA854 *（480854）WVGA800 *（480800）WVGA854 *（480854）600x1024超大屏幕10246001024768 1280768WXGA（1280800）15361152 19201152 1920120020481536 25601600Android的图标尺寸屏幕大小启动图标操作栏图标上下文图标系统通知图标(白色)最细笔画32048

6、0 px4848 px3232 px1616 px2424 px不小于2 px480800px480854px540960px7272 px4848 px2424 px3636 px不小于3 px7201280 px4848 dp3232 dp1616 dp2424 dp不小于2 dp10801920 px144144 px9696 px4848 px7272 px不小于6 pxAndroid安卓系统dp/sp/px换算表名称分辨率比率 rate (针对320px)比率 rate (针对640px)比率 rate (针对750px)idpi2403200.750.3750.32mdpi3204

7、8010.50.4267hdpi4808001.50.750.64xhdpi72012802.251.1251.042xxhdpi108019203.3751.68751.5主流Android手机分辨率和尺寸设备分辨率尺寸设备分辨率尺寸魅族MX24.4英寸8001280 px魅族MX35.1英寸10801280 px魅族MX45.36英寸11521920 px魅族MX4 Pro未上市5.5英寸15362560 px三星GALAXY Note 45.7英寸14402560 px三星GALAXY Note 35.7英寸10801920 px三星GALAXY S55.1英寸10801920 px三星

8、GALAXY Note II5.5英寸7201280 px索尼Xperia Z35.2英寸10801920 px索尼XL39h6.44英寸10801920 pxHTC Desire 8205.5英寸7201280 pxHTC One M84.7英寸10801920 pxOPPO Find 75.5英寸14402560 pxOPPO N15.9英寸10801920 pxOPPO R35英寸7201280 pxOPPO N1 Mini5英寸7201280 px小米M45英寸10801920 px小米红米Note5.5英寸7201280 px小米M35英寸10801920 px小米红米1S4.7英寸

9、7201280 px小米M3S5英寸10801920 px小米M2S4.3英寸7201280 px华为荣耀65英寸10801920 px锤子T14.95英寸10801920 pxLG G35.5英寸14402560 pxOnePlus One5.5英寸10801920 px主流浏览器的界面参数与份额浏览器状态栏菜单栏滚动条市场份额(国浮动)Chrome 浏览器22 px（浮动出现）60 px15 px42.1%火狐浏览器20 px132 px15 px1%IE浏览器24 px120 px15 px34%360 浏览器24 px140 px15 px28%遨游浏览器24 px147 px15 px1%搜狗浏览器25 px163 px15 px3.8%系统分辨率统计分辨率占有率分辨率占有率1920108013.8%136676810.2%3606407.9%14409007.7%72012806.4%10247685.1%3205683.7%16009003.5%108019203.3%3756673.2%