2024年2月16日发(作者：温旋)
WORD格式
..
UI设计规范：IOS、Android系统主流尺寸整理
iPhone界面尺寸
设备分辨率PPI状态栏高度导航栏高度标签栏高度
1242×2208px401PPI60px132px146pxiPhone6P、6SP、7P
750×1334px326PPI40px88px98pxiPhone6-6S-7
640×1136px326PPI40px88px98pxiPhone5-5C-5S
640×960px326PPI40px88px98pxiPhone4-4S
iPhone&iPodTouch
第一代、第二代、第三代
320×480px163PPI20px44px49px
word完美格式Z专业资料整理
WORD格式
..
iPhone图标尺寸：
设备AppStore程序应用主屏幕Spotlight搜索标签栏工具栏和导航栏
iPhone6P-6SP-
1024×1024180×180114×11487×8775×75
7(@3×)pxpxpxpxpx66×66px
iPhone6-6S-7(@2×)
1024×1024120×120114×11458×5875×75
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代、第二代、第三代
Z专业资料整理
WORD格式
word完美格式Z专业资料整理
WORD格式
..
iPad的设计尺寸
设备尺寸分辨率状态栏高度导航栏高度标签栏高度
2048×1536px264PPI40px88px98pxiPad3-4-5-6–
Air-Air2-mini2
1024×768px132PPI20px44px49px
iPad1-2
1024×768px163PPI20px44px49px
iPadMini
iPad图标尺寸：
设备AppStore程序应用主屏幕Spotlight搜索标签栏
工具栏
导航栏
100×100
px
50×50
px
44×4
4
px
iPad3-4-5-6-Air-
Air2-mini2
1024×1024px
180×180
px
144×144
px
1024×1024px
90×90
px
72×72
px
50×50
px
25×25
px
22×2
2
px
word完美格式Z专业资料整理
WORD格式
..
iPad1-2
iPadMini
1024×1024px
90×90
px
72×72
px
50×50
px
25×25
px
22×2
2
px
AndroidSDK模拟机的尺寸
屏幕大小低密度（120）中等密度（160）高密度（240）超高密度（320）
小屏幕QVGA
480×640
HVGA（320×480）
WVGA800（480×800）
WVGA854（480×854）
600×1024
640×960
（240×320）
WQVGA400
（240×400）
WQVGA432
（240×432）
普通屏幕
大屏幕
WVGA800*
（480×800）
WVGA854*
（480×854）
超大屏幕1024×600
WVGA800*
（480×800）
WVGA854*
（480×854）
600x1024
1024×768
1280×768WXGA
（1280×800）
1536×11521920×1152
1920×1200
2048×1536
2560×1600
Z专业资料整理
WORD格式
word完美格式Z专业资料整理
WORD格式
..
Android的图标尺寸
系统通知图标
屏幕大小启动图标操作栏图标上下文图标(白色)最细笔画
320×480px48×48px32×32px16×16px24×24px不小于2px
480×800px
480×854px
540×960px
72×72px48×48px24×24px36×36px不小于3px
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完美格式Z专业资料整理
WORD格式
..
魅族MX3
魅族MX2
4.4英
寸
800×1280px5.1英寸
1080×128
0
px
5.36英
寸
1152×1920px5.5英寸
魅族MX4Pro未上市
1536×256
0
px
魅族MX4
5.7英
寸
1440×2560px5.7英寸
1080×192
0
px
三星GALAXYNote4三星GALAXYNote3
5.1英
寸
三星GALAXYS5三星GALAXYNoteII
1080×1920px5.5英寸
720×128
0
px
索尼XperiaZ3
5.2英
寸
1080×1920px6.44英寸
1080×192
0
px
索尼XL39h
5.5英
寸
HTCDesire820HTCOneM8
720×1280px4.7英寸
1080×192
0
px
OPPOFind7OPPON1
5.5英
寸
1440×2560px5.9英寸
1080×192
0
px
5英寸720×1280px5英寸
OPPOR3OPPON1Mini
720×128
0
px
5英寸1080×1920px5.5英寸
小米M4小米红米Note
Z专业资料整理
720×128
0
px
WORD格式
5英寸1080×1920px4.7英寸
小米M3小米红米1S
720×128
0
px
5英寸1080×1920px4.3英寸
720×128
0
px
word完美格式Z专业资料整理
WORD格式
..
小米M3S
小米M2S
5英寸1080×1920px4.95英寸
华为荣耀6锤子T1
1080×192
0
px
LGG3
4.5英
寸
1440×2560px5.5英寸
OnePlusOne
1080×192
0
px
主流浏览器的界面参数与份额
市场份额
(国内浮动)
浏览器状态栏菜单栏滚动条
22px（浮动出现）60px15px42.1%
Chrome浏览器
20px132px15px1%
火狐浏览器
24px120px15px34%
IE浏览器
24px140px15px28%
360浏览器
24px147px15px1%
遨游浏览器
25px163px15px3.8%
搜狗浏览器
Z专业资料整理
WORD格式
word完美格式Z专业资料整理
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
欢迎您的光临，Word文档下载后可修改编辑双击可删除页眉页脚谢谢！希望您提出您宝贵的意见，你的意见是我进步的动力。赠语；、如果我们做与不做都会有人笑，如果做不好与做得好还会有人笑，那么我们索性就做得更好，来给人笑吧！、现在你不玩命的学，以后命玩你。、我不知道年少轻狂，我只知道胜者为王。、不要做金钱、权利的奴隶；应学会做“金钱、权利”的主人。、什么时候离光明最近？那就是你觉得黑暗太黑的时候。、最值得欣赏的风景，是自己奋斗的足迹。、压力不是有人比你努力，而是那些比你牛×几倍的人依然比你努力。
5.6%3.2%
word完美格式
Z专业资料整理
2024年2月16日发(作者：温旋)
WORD格式
..
UI设计规范：IOS、Android系统主流尺寸整理
iPhone界面尺寸
设备分辨率PPI状态栏高度导航栏高度标签栏高度
1242×2208px401PPI60px132px146pxiPhone6P、6SP、7P
750×1334px326PPI40px88px98pxiPhone6-6S-7
640×1136px326PPI40px88px98pxiPhone5-5C-5S
640×960px326PPI40px88px98pxiPhone4-4S
iPhone&iPodTouch
第一代、第二代、第三代
320×480px163PPI20px44px49px
word完美格式Z专业资料整理
WORD格式
..
iPhone图标尺寸：
设备AppStore程序应用主屏幕Spotlight搜索标签栏工具栏和导航栏
iPhone6P-6SP-
1024×1024180×180114×11487×8775×75
7(@3×)pxpxpxpxpx66×66px
iPhone6-6S-7(@2×)
1024×1024120×120114×11458×5875×75
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代、第二代、第三代
Z专业资料整理
WORD格式
word完美格式Z专业资料整理
WORD格式
..
iPad的设计尺寸
设备尺寸分辨率状态栏高度导航栏高度标签栏高度
2048×1536px264PPI40px88px98pxiPad3-4-5-6–
Air-Air2-mini2
1024×768px132PPI20px44px49px
iPad1-2
1024×768px163PPI20px44px49px
iPadMini
iPad图标尺寸：
设备AppStore程序应用主屏幕Spotlight搜索标签栏
工具栏
导航栏
100×100
px
50×50
px
44×4
4
px
iPad3-4-5-6-Air-
Air2-mini2
1024×1024px
180×180
px
144×144
px
1024×1024px
90×90
px
72×72
px
50×50
px
25×25
px
22×2
2
px
word完美格式Z专业资料整理
WORD格式
..
iPad1-2
iPadMini
1024×1024px
90×90
px
72×72
px
50×50
px
25×25
px
22×2
2
px
AndroidSDK模拟机的尺寸
屏幕大小低密度（120）中等密度（160）高密度（240）超高密度（320）
小屏幕QVGA
480×640
HVGA（320×480）
WVGA800（480×800）
WVGA854（480×854）
600×1024
640×960
（240×320）
WQVGA400
（240×400）
WQVGA432
（240×432）
普通屏幕
大屏幕
WVGA800*
（480×800）
WVGA854*
（480×854）
超大屏幕1024×600
WVGA800*
（480×800）
WVGA854*
（480×854）
600x1024
1024×768
1280×768WXGA
（1280×800）
1536×11521920×1152
1920×1200
2048×1536
2560×1600
Z专业资料整理
WORD格式
word完美格式Z专业资料整理
WORD格式
..
Android的图标尺寸
系统通知图标
屏幕大小启动图标操作栏图标上下文图标(白色)最细笔画
320×480px48×48px32×32px16×16px24×24px不小于2px
480×800px
480×854px
540×960px
72×72px48×48px24×24px36×36px不小于3px
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完美格式Z专业资料整理
WORD格式
..
魅族MX3
魅族MX2
4.4英
寸
800×1280px5.1英寸
1080×128
0
px
5.36英
寸
1152×1920px5.5英寸
魅族MX4Pro未上市
1536×256
0
px
魅族MX4
5.7英
寸
1440×2560px5.7英寸
1080×192
0
px
三星GALAXYNote4三星GALAXYNote3
5.1英
寸
三星GALAXYS5三星GALAXYNoteII
1080×1920px5.5英寸
720×128
0
px
索尼XperiaZ3
5.2英
寸
1080×1920px6.44英寸
1080×192
0
px
索尼XL39h
5.5英
寸
HTCDesire820HTCOneM8
720×1280px4.7英寸
1080×192
0
px
OPPOFind7OPPON1
5.5英
寸
1440×2560px5.9英寸
1080×192
0
px
5英寸720×1280px5英寸
OPPOR3OPPON1Mini
720×128
0
px
5英寸1080×1920px5.5英寸
小米M4小米红米Note
Z专业资料整理
720×128
0
px
WORD格式
5英寸1080×1920px4.7英寸
小米M3小米红米1S
720×128
0
px
5英寸1080×1920px4.3英寸
720×128
0
px
word完美格式Z专业资料整理
WORD格式
..
小米M3S
小米M2S
5英寸1080×1920px4.95英寸
华为荣耀6锤子T1
1080×192
0
px
LGG3
4.5英
寸
1440×2560px5.5英寸
OnePlusOne
1080×192
0
px
主流浏览器的界面参数与份额
市场份额
(国内浮动)
浏览器状态栏菜单栏滚动条
22px（浮动出现）60px15px42.1%
Chrome浏览器
20px132px15px1%
火狐浏览器
24px120px15px34%
IE浏览器
24px140px15px28%
360浏览器
24px147px15px1%
遨游浏览器
25px163px15px3.8%
搜狗浏览器
Z专业资料整理
WORD格式
word完美格式Z专业资料整理
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
欢迎您的光临，Word文档下载后可修改编辑双击可删除页眉页脚谢谢！希望您提出您宝贵的意见，你的意见是我进步的动力。赠语；、如果我们做与不做都会有人笑，如果做不好与做得好还会有人笑，那么我们索性就做得更好，来给人笑吧！、现在你不玩命的学，以后命玩你。、我不知道年少轻狂，我只知道胜者为王。、不要做金钱、权利的奴隶；应学会做“金钱、权利”的主人。、什么时候离光明最近？那就是你觉得黑暗太黑的时候。、最值得欣赏的风景，是自己奋斗的足迹。、压力不是有人比你努力，而是那些比你牛×几倍的人依然比你努力。
5.6%3.2%
word完美格式
Z专业资料整理