UI设计尺寸规范-最新最全UI设计规范.docx

UI设计尺寸规范-最新最全UI设计规范
LT

UI设计规范：IOS、Android系统主流尺寸整理
iPhone界面尺寸
设备
分辨率
PPI
状态栏高度
导航栏高度
标签栏高度
iPhone6P、6SP、7P
1242×2208 px
401PPI
60px
132px
146px
iPhone6 - 6S - 7
750×1334 px
326PPI
40px
88px
98px
iPhone5 - 5C - 5S
640×1136 px
326PPI
40px
88px
98px
iPhone4 - 4S
640×960 px
326PPI
40px
88px
98px
iPhone & iPod Touch
第一代、第二代、第三代
320×480 px
163PPI
20px
44px
49px

iPhone图标尺寸：
设备
App Store
程序应用
主屏幕
Spotlight搜索
标签栏
工具栏和导航栏
iPhone6P - 6SP - 7(***@3×)
1024×1024 px
180×180 px
114×114 px
87×87 px
75×75 px
66×66 px
iPhone6 - 6S - 7 (***@2×)
1024×1024 px
120×120 px
114×114 px
58×58 px
75×75 px
44×44 px
1024×1024 px
120×120 px
114×114 px
58×58 px
75×75 px
44×44 px

iPhone5 - 5C - 5S (***@2×)
iPhone4 - 4S (***@2×)
1024×1024 px
120×120 px
114×114 px
58×58 px
75×75 px
44×44 px
iPhone & iPod Touch第一代、第二代、第三代
1024×1024 px
120×120 px
57×57 px
29×29 px
38×38 px
30×30 px

Android的图标尺寸
屏幕大小
启动图标
操作栏图标
上下文图标
系统通知图标
(白色)
最细笔画
320×480 px
48×48 px
32×32 px
16×16 px
24×24 px
不小于2 px
480×800px
480×854px
540×960px
72×72 px
48×48 px
24×24 px
36×36 px
不小于3 px
720×1280 px
48×48 dp
32×32 dp
16×16 dp
24×24 dp
不小于2 dp
1080×1920 px
144×144 px
96×96 px
48×48 px
72×72 px
不小于6 px
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

1.