UI设计尺寸规范最新最全UI设计规范标准.docx
- 文档编号:10313134
- 上传时间:2023-05-25
- 格式:DOCX
- 页数:19
- 大小:96.49KB
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完美格式
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- UI 设计 尺寸 规范 最新 设计规范 标准