UI设计尺寸规范UI设计规范.docx

该【UI设计尺寸规范UI设计规范 】是由【志远】上传分享，文档一共【11】页，该文档可以免费在线阅读，需要了解更多关于【UI设计尺寸规范UI设计规范 】的内容，可以使用淘豆网的站内搜索功能，选择自己适合的文档，以下文字是截取该文章内的部分文字，如需要获得完整电子版，请下载此文档到您的设备，方便您编辑和打印。Documentnumber:WTT-LKK-GBB-08921-EIGG-22986
UI设计尺寸规范UI设计规范精编
UI设计规范:IOS、Android系统主流尺寸整理
iPhone界面尺寸
设备
分辨率
PPI
状态栏高度
导航栏高度
标签栏高度
iPhone6P、6SP、7P
1242×2208px
401PPI
60px
132px
146px
iPhone6-6S-7
750×1334px
326PPI
40px
88px
98px
iPhone5-5C-5S
640×1136px
326PPI
40px
88px
98px
iPhone4-4S
640×960px
326PPI
40px
88px
98px
iPhone&iPodTouch
第一代、第二代、第三代
320×480px
163PPI
20px
44px
49px
iPhone图标尺寸:
设备
AppStore
程序应用
主屏幕
Spotlight搜索
标签栏
工具栏和导航栏
iPhone6P-6SP-7(***@3×)
1024×1024px
180×180px
114×114px
87×87px
75×75px
66×66px
iPhone6-6S-7(***@2×)
1024×1024px
120×120px
114×114px
58×58px
75×75px
44×44px
iPhone5-5C-5S(***@2×)
1024×1024px
120×120px
114×114px
58×58px
75×75px
44×44px
iPhone4-4S(***@2×)
1024×1024px
120×120px
114×114px
58×58px
75×75px
44×44px
iPhone&iPodTouch第一代、第二代、第三代
1024×1024px
120×120px
57×57px
29×29px
38×38px
30×30px
iPad的设计尺寸
设备
尺寸
分辨率
状态栏高度
导航栏高度
标签栏高度
iPad3-4-5-6–
Air-Air2-mini2
2048×1536px
264PPI
40px
88px
98px
iPad1-2
1024×768px
132PPI
20px
44px
49px
iPadMini
1024×768px
163PPI
20px
44px
49px
iPad图标尺寸:
设备
AppStore
程序应用
主屏幕
Spotlight搜索
标签栏
工具栏\
导航栏
iPad3-4-5-6-Air-Air2-mini2
1024×1024px
180×180px
144×144px
100×100px
50×50px
44×44px
iPad1-2
1024×1024px
90×90px
72×72px
50×50px
25×25px
22×22px
iPadMini
1024×1024px
90×90px
72×72px
50×50px
25×25px
22×22px
AndroidSDK模拟机的尺寸
屏幕大小
低密度(120)
中等密度(160)
高密度(240)
超高密度(320)
小屏幕
QVGA(240×320)
480×640
普通屏幕
WQVGA400(240×400)WQVGA432(240×432)
HVGA(320×480)
WVGA800(480×800)WVGA854(480×854)600×1024
640×960
大屏幕
WVGA800*(480×800)WVGA854*(480×854)
WVGA800*(480×800)
WVGA854*(480×854)
600x1024
超大屏幕
1024×600
1024×7681280×768WXGA(1280×800)
1536×11521920×11521920×1200
2048×15362560×1600
Android的图标尺寸
屏幕大小
启动图标
操作栏图标
上下文图标
系统通知图标
(白色)
最细笔画
320×480px
48×48px
32×32px
16×16px
24×24px
不小于2px
480×800px
480×854px
540×960px
72×72px
48×48px
24×24px
36×36px
不小于3px
720×1280px
48×48dp
32×32dp
16×16dp
24×24dp
不小于2dp
1080×1920px
144×144px
96×96px
48×48px
72×72px
不小于6px
Android安卓系统dp/sp/px换算表
名称
分辨率
比率rate
(针对320px)
比率rate
(针对640px)
比率rate
(针对750px)
idpi
240×320
mdpi
320×480
1
hdpi
480×800
xhdpi
720×1280
xxhdpi
1080×1920
主流Android手机分辨率和尺寸
设备
分辨率
尺寸
设备
分辨率
尺寸
魅族MX2
英寸
800×1280px
魅族MX3
英寸
1080×1280px
魅族MX4
英寸
1152×1920px
魅族MX4Pro未上市
英寸
1536×2560px
三星GALAXYNote4
英寸
1440×2560px
三星GALAXYNote3
英寸
1080×1920px
三星GALAXYS5
英寸
1080×1920px
三星GALAXYNoteII
英寸
720×1280px
索尼XperiaZ3
英寸
1080×1920px
索尼XL39h
英寸
1080×1920px
HTCDesire820
英寸
720×1280px
HTCOneM8
英寸
1080×1920px
OPPOFind7
英寸
1440×2560px
OPPON1
英寸
1080×1920px
OPPOR3
5英寸
720×1280px
OPPON1Mini
5英寸
720×1280px
小米M4
5英寸
1080×1920px
小米红米Note
英寸
720×1280px
小米M3
5英寸
1080×1920px
小米红米1S
英寸
720×1280px
小米M3S
5英寸
1080×1920px
小米M2S
英寸
720×1280px
华为荣耀6
5英寸
1080×1920px
锤子T1
英寸
1080×1920px
LGG3
英寸
1440×2560px
OnePlusOne
英寸
1080×1920px
主流浏览器的界面参数与份额
浏览器
状态栏
菜单栏
滚动条
市场份额
(国内浮动)
Chrome浏览器
22px(浮动出现)
60px
15px
%
火狐浏览器
20px
132px
15px
1%
IE浏览器
24px
120px
15px
34%
360浏览器
24px
140px
15px
28%
遨游浏览器
24px
147px
15px
1%
搜狗浏览器
25px
163px
15px
%
系统分辨率统计
分辨率
占有率
分辨率
占有率