UI设计尺寸规范-最新最全UI设计规范
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
UI设计规范：IOS、An droid系统主流尺寸整理
iPhone界面尺寸
设备分辨率PPI 状态栏高度导航栏高度标签栏高度iPhone6P 、6SP 7P 1242X2208 px 401PPI 60px 132px 146px iPhone6 - 6S - 7 750X1334 px 326PPI 40px 88px 98px iPhone5 - 5C - 5S 640X1136 px 326PPI 40px 88px 98px iPhone4 - 4S 640X960 px 326PPI 40px 88px 98px iPh one & iPod Touch
第一代、第二代、第三代
320X480 px 163PPI 20px 44px 49px iPhone图标尺寸:
设备App Store 程序应用主屏幕Spotlight 搜索标签栏工具栏和导航栏
iPhone6P - 6SP - 1024X1024 180X180 114X114 87X87 75X75 7(@3X px px px px px 66X66 px
iPhone6 - 6S - 7? (@2<)1024X1024 120X120 114X114 58X58 75X75
px px px px px 44X44 px
iPhone5 - 5C -
5S?@X
1024X1024
px 120X120
px
114X114
px
58X58
px
75X75
px 44X44 px
iPhone4 - 4S? (@2x)1024X1024 120X120 114X114 58X58 75X75
px px px px px 44X44 px
iPho ne & iPod Touch 第一代、
第二代、第三代1024X1024 120X120 57X57 29X29 38X38
px px px px px 30X30 px
iPad 的设计尺寸
设备 尺寸 分辨率 状态栏高度 导航栏高度 标签栏高度
iPad 3 - 4 - 5 - 6
-
Air - Air2 - mini2
2048X1536 px 264PPI 40px 88px 98px
iPad 1 - 2
1024X 768 px
132PPI 20px 44px 49px
iPad Mini
1024X 768 px
163PPI 20px 44px 49px
iPad 图标尺寸:
设备 App Store 程序应用 主屏幕 Spotlight 搜索 标签栏
工具栏 导航栏
iPad 3 - 4 - 5 - 6 - Air
1024X 1024 px
180X180
px
144X 144
px
100X100 px
50X50 px 44X 44 px
-Air2 - mini2
1024X 1024 px
90X90
72X 72 50X50 25X 25 22X 22 iPad 1 - 2
px
px
px
px
px
1024X 1024 px
90X90 72X 72 50X50 25X 25 22X 22 iPad Mini
px
px
px
px px
An droid SDK 模拟机的尺寸
屏幕大小 低密度（120）
中等密度（160） 高密度（240）
超高密度（320）
小屏幕
QVG ( 240X320)
480X640
普通屏幕
WQVGA400 (240X400) WQVGA432 (240X432)
HVGA( 320X480)
WVGA800480X 800)
WVGA854480X 854)
600X1024
640X960
大屏幕WVGA800 * (480X
800)
WVGA854 * (480X
854)
WVGA800 *(480X800)
WVGA854 *(480X854)
600x1024
超大屏幕1024X600
1024X 768
1280X 768WXGA
(1280X 800)
1536X1152 1920X1152
1920X1200
2048X1536
2560X1600
An droid的图标尺寸
屏幕大小启动图标操作栏图标上下文图标系统通知图标（白
色）
最细笔画
320X 480 px 48X48 px 32X32 px 16X16 px 24X24 px 不小于2 px 480X 800px
480X 854px 72X72 px 48X48 px 24X24 px 36X36 px 不小于3 px 540X 960px
720X 1280 px 48X48 dp 32X32 dp 16X16 dp 24X24 dp 不小于2 dp 1080X 1920 px 144X144 px 96X96 px 48X48 px 72X72 px 不小于6 px An droid安卓系统dp/sp/px换算表
名称分辨率
比率rate
(针对320px)
比率rate
(针对640px)
比率rate
(针对750px)
idpi 240X 320
mdpi 320X480
1
hdpi
480X 800 1