UI设计尺寸规范最新最全UI设计规范标准.docx
《UI设计尺寸规范最新最全UI设计规范标准.docx》由会员分享，可在线阅读，更多相关《UI设计尺寸规范最新最全UI设计规范标准.docx（19页珍藏版）》请在冰点文库上搜索。
UI设计尺寸规范最新最全UI设计规范标准
..
UI设计规范：
IOS、Android系统主流尺寸整理
iPhone界面尺寸
设备分辨率PPI状态栏高度导航栏高度标签栏高度
1242×2208px401PPI60px132px146pxiPhone6P、6SP、7P
750×1334px326PPI40px88px98pxiPhone6-6S-7
640×1136px326PPI40px88px98pxiPhone5-5C-5S
640×960px326PPI40px88px98pxiPhone4-4S
320×480px163PPI20px44px49px
iPhone&iPodTouch
第一代、第二代、第三代
word完美格式
..
iPhone图标尺寸：
设备AppStore程序应用主屏幕Spotlight搜索标签栏工具栏和导航栏
iPhone6P-6SP-
1024×1024180×180114×11487×8775×75
7（@3×）pxpxpxpxpx66×66px
1024×1024120×120114×11458×5875×75
iPhone6-6S-7（@2×）
pxpxpxpxpx44×44px
iPhone5-5C-
1024×1024120×120114×11458×5875×75
5S（@2×）pxpxpxpxpx44×44px
1024×1024120×120114×11458×5875×75
iPhone4-4S（@2×）pxpxpxpxpx44×44px
1024×1024120×12057×5729×2938×38iPhone&iPodTouch第一
pxpxpxpxpx30×30px代、第二代、第三代
word完美格式
..
iPad的设计尺寸
设备尺寸分辨率状态栏高度导航栏高度标签栏高度
2048×1536px264PPI40px88px98pxiPad3-4-5-6–
Air-Air2-mini2
1024×768px132PPI20px44px49px
iPad1-2
1024×768px163PPI20px44px49px
iPadMini
iPad图标尺寸：
设备AppStore程序应用主屏幕Spotlight搜索标签栏
工具栏\
导航栏
iPad3-4-5-6-Air-
1024×1024px
180×180
px
144×144
px
100×100
px
50×50
px
44×44
px
Air2-mini2
1024×1024px
90×90
px
72×72
px
50×50
px
25×25
px
22×22
px
word完美格式
..
iPad1-2
1024×1024px
90×90
px
72×72
px
50×50
px
25×25
px
22×22
px
iPadMini
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×768
1280×768WXGA
（1280×800）
1536×11521920×1152
1920×1200
2048×1536
2560×1600
word完美格式
..
Android的图标尺寸
系统通知图标
屏幕大小启动图标操作栏图标上下文图标（白色）最细笔画
320×480px48×48px32×32px16×16px24×24px不小于2px
480×800px
480×854px
72×72px48×48px24×24px36×36px不小于3px
540×960px
720×1280px48×48dp32×32dp16×16dp24×24dp不小于2dp
1080×1920px144×144px96×96px48×48px72×72px不小于6px
Android安卓系统dp/sp/px换算表
比率rate比率rate比率rate
名称分辨率（针对320px）（针对640px）（针对750px）
idpi
240×3200.750.3750.32
mdpi
320×48010.50.4267
hdpi
480×8001.50.750.64
xhdpi
720×12802.251.1251.042
xxhdpi
1080×19203.3751.68751.5
主流Android手机分辨率和尺寸
设备分辨率尺寸设备分辨率尺寸
word完美格式
..
4.4英
寸
800×1280px5.1英寸
1080×1280
px
魅族MX3
魅族MX2
5.36英
寸
1152×1920px5.5英寸
1536×2560
px
魅族MX4Pro未上市
魅族MX4
5.7英
寸
1440×2560px5.7英寸
1080×1920
px
三星GALAXYNote4三星GALAXYNote3
5.1英
寸
1080×1920px5.5英寸
720×1280
px
三星GALAXYS5三星GALAXYNoteII
5.2英
寸
1080×1920px6.44英寸
1080×1920
px
索尼XperiaZ3
索尼XL39h
5.5英
寸
720×1280px4.7英寸
1080×1920
px
HTCDesire820HTCOneM8
5.5英
寸
1440×2560px5.9英寸
1080×1920
px
OPPOFind7OPPON1
5英寸720×1280px5英寸
720×1280
px
OPPOR3OPPON1Mini
5英寸1080×1920px5.5英寸
720×1280
px
小米M4小米红米Note
5英寸1080×1920px4.7英寸
720×1280
px
小米M3小米红米1S
5英寸1080×1920px4.3英寸
720×1280
px
word完美格式
..
小米M3S
小米M2S
5英寸1080×1920px4.95英寸
1080×1920
px
华为荣耀6锤子T1
5.5英
寸
1440×2560px5.5英寸
1080×1920
px
LGG3
OnePlusOne
主流浏览器的界面参数与份额
浏览器状态栏菜单栏滚动条
市场份额
（国内浮动）
22px（浮动出现）60px15px42.1%
Chrome浏览器
20px132px15px1%
火狐浏览器
24px120px15px34%
IE浏览器
24px140px15px28%
360浏览器
24px147px15px1%
遨游浏览器
25px163px15px3.8%
搜狗浏览器
word完美格式
..
系统分辨率统计
分辨率占有率分辨率占有率
1920×10801366×768
13.8%10.2%
360×6401440×900
7.9%7.7%
720×12801024×768
6.4%5.1%
320×5681600×900
3.7%3.5%
1080×1920375×667
3.3%3.2%
欢迎您的光临，Word文档下载后可修改编辑双击可删除页眉页脚谢谢！
希望您提出您宝贵的意见，你的意见是我进步的动力。
赠语；、如果我们做与不做都会有人笑，如果做不好与做得好还会有人笑，那么我们索性就做得更好，来给人笑吧！
、现在你不玩命的学，以后命玩你。
、我不知道年少轻狂，我只知道胜者为王。
、不要做金钱、权利的奴隶；应学会做“金钱、权利”的主人。
、什么时候离光明最近？
那就是你觉得黑暗太黑的时候。
、最值得欣赏的风景，是自己奋斗的足迹。
、压力不是有人比你努力，而是那些比你牛×几倍的人依然比你努力。
word完美格式
升级会员 