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×4
4
px
Air2-mini2
1024×1024px 90×90
px
72×72
px
50×50
px
25×25
px
22×2
2
px
word完美格式
iPad1-2
1024×1024px 90×90
px
72×72
px
50×50
px
25×25
px
22×2
2
px
iPadMini
AndroidSDK模拟机的尺寸
屏幕大小低密度(120)中等密度(160)高密度(240)超高密度(320)
小屏幕QVGA
(240×320)480×64
WQVGA400
(240×400)WQVGA432 (240×432)HVGA(320×480)
W VGA800
(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×153
6
2560×160
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×1280px
5.1英寸1080×128
px
魅族MX3 魅族MX2
5.36英寸1152×1920px5.5英寸
1536×256
px
魅族MX4Pro未上市魅族MX4
5.7英寸1440×2560px5.7英寸
1080×192
px
三星GALAXYNote4三星GALAXYNote3
5.1英寸1080×1920px5.5英寸
720×128
px
三星GALAXYS5三星GALAXYNoteII
5.2英寸1080×1920px
6.44英寸
1080×192
px
索尼XperiaZ3 索尼XL39h
5.5英寸720×1280px4.7英寸
1080×192
px
HTCDesire820HTCOneM8
5.5英寸1440×2560px5.9英寸
1080×192
px
OPPOFind7OPPON1
5英寸720×1280px5英寸720×128 0
px
OPPOR3OPPON1Mini
5英寸1080×1920px5.5英寸720×128 0
px
小米M4小米红米Note
5英寸1080×1920px4.7英寸720×128
px
小米M3小米红米1S
5英寸1080×1920px4.3英寸720×128 0
px
word完美格式
.. 小米M3S
小米M2S
5英寸1080×1920px4.95英寸1080×192 0
px
华为荣耀6锤子T1
4.5英寸1440×2560px
5.5英寸1080×192
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
5.37%7.7%
720×12801024×768
5.8%5.1%
320×5681600×900
5.3%3.5%
1080×1920375×667
5.6%3.2%
欢迎您的光临,Word文档下载后可修改编辑双击可删除页眉页脚谢谢!希望您提出您宝贵的意见,你的意见是我进步的动力。赠语;、如果我们做与不做都会有人笑,如果做不好与做得好还会有人笑,那么我们索性就做得更好,来给人笑吧!、现在你不玩命的学,以后命玩你。、我不知道年少轻狂,我只知道胜者为王。、不要做金钱、权利的奴隶;应学会做“金钱、权利”的主人。、什么时候离光明最近?那就是你觉得黑暗太黑的时候。、最值得欣赏的风景,是自己奋斗的足迹。、压力不是有人比你努力,而是那些比你牛×几倍的人依然比你努力。
word完美格式