ui设计尺寸规范-最全ui设计规范

1、UI设计规范：IOS、Android系统主流尺寸 i Phone界面尺寸 设备 分辨率 PPI 状态栏高度 导航栏高度 标签栏高, i Phone6P、 6SP、 7P 1242X2208 PX 401 PPI 60px 132px 146px o 6S i Phone6 - -7 750X1334 PX 326PPI 40px 88px 98px KOH OB 5C i Phone5 - - 5S 640X1136 PX 326PPI 40px 88px 98px ZJ i Phone4 - 4S 640X960 PX 326PPI 40px 88px 98px Ji Phone & i P

2、od Touch 第一代、第 二代、第三代 320X480 PX 163PPI 20px 44px 49px 320px 导航栏吕乙4px iPhone & iPod Touch 第一代、第二代、第三ft 昙航栏品88px 960px iPhone4 iPhone4S 640px 1136px 导航亡扃站px PhonP5s 5C、5S 导 JVtl 為 38pk 导觞亡酚32PX iPhorPb Pute WiTW 132px i Phone图标尺寸: 设备 App Store 程序应用 主屏幕 Spot Iight 搜索 标签栏 工具栏和 导航栏 i Phone 6P- 6SP - 87

3、X 75 X 66 X 7 (3 X 1024X1 180X1 114X1 87 75 66 ) 024 px 80 px 14 px px px px 亍 1024X1 120X1 114X1 58 X 75 X 44 X i Phone 6 - 6S 7? (2 X) 024 px 20 px 14 px 58 px 75 px 44 px p iPhone 5 - 5C 58 X 75 X 44 X 5S?(2 1024X1 120X1 114X1 58 75 44 X) 024 px 20 px 14 px px px px p i Phone 4- 58 X 75 X 44 X 4S

4、?(2 1024X1 120X1 114X1 58 75 44 X) 024 px 20 px 14 px px px px 丁 i Phone & iPod Touch 第 一 代、第 29 X 38 X 30 X 二代、 1024X1 120X1 57X57 29 38 30 第三代 024 px 20 px px px px px 512px 114px 4、4S、5、5C、5S 6、6P主屏算 57px iPhone3S 主屛輔 iPhone5x 4S 4 Spotliaht 擾索 iPhone6 Plus Spotliaht 歿索 iPhone6 Plus 工貝栏和导航栏 44px

5、4、4Sx 5、5Sx 6 工貝栏和号航栏 iPad的设计尺寸 设备 尺寸 分辨率 状态栏高 度 导航栏高度 标签栏高度 iPad 3-4-5 -6 - Air - Air2 - mi n i 2 2048 X1 536 px 264PP I 40px 88px 98px iPad 1 - 2 1024X7 68 px 132PP I 20px 44px 49px 1024X7 163PP iPad Mini 68 px 20px 44px 49px 1536px 768px 768px Z048px 状杰栏B20px 10Z4px 1024px 称瓷栏E98px 称?&49px iPad3-

6、4-5-6 Air - Air? 一 mm2 iPad 第一代.第二什. iPad Mini iPad图标尺寸: 设备App Store程序应用 主屏幕 響叭搜标签栏 工具栏 导航栏 iPa d 3 -4 -5 1024X10180X1 -6 _24 px80 px Air Air 2 _ min 144X1 44 px 100X1 00 px 50 X 50 px 44 X 44 px p iPa d 1 -2 1024X10 24 px 90X90 px 72X72 px 50X50 px 25 X 25 px 22 X 22 px o iPa d Min 1024X10 24 px 90

7、X90 px 72X72 px 50X50 px 25 X 25 px 22 X 22 px 512px iPad 3-4 5-6 Air 一 Air2 - mini2 Ai?d Ai?2- mni2 iPad第一代、第二代 iPad Mini Android SDK模拟机的尺寸 屏 幕低密度(120) 大 中等密度(160) 高密度(240) 超高密度(320) 小 小 屏 幕 zo 普通屏幕 A 2 VG(3 H 大屏幕 * * O 4 800X850X GA48GA48 W ( W ( * * 超大屏幕 Android的图标尺寸 屏幕大小 启动图标 操作栏图标 上下文图标 系统通知图 标

8、 （白色） 最细笔画 320X480 px 48X48 px 32X32 px 16X16 px 24X24 px 不小于 2 px 480X800px 480X854px 540X960px 72X72 px 48X48 px 24X24 px 36X36 px 不小于 3 px 720X1280 px 48X48 dp 32X32 dp 16X16 dp 24X24 dp 不小于 2 dp 1080X1920 px 144X144 px 96X96 px 48X48 px 72X72 px 不小于 6 px Android安卓系统dp/sp/px换算表 名称 分辨率 比率rate （针对

9、320px） 比率rate （针对 640px） 比率rate （针对 750px） i dp i 240X320 mdpi 320X480 1 hdpi 480X800 xhdp i 720X1280 xxhdpi 1080X1920 主流Android手机分辨率和尺寸 设备 分辨率 尺寸 设备 分辨率 尺寸 魅族MX2 800X1280 px 0 魅族MX3 1080X1280 px 魅族MX4 1152X1920 px 魅族MX4 Pro 未上市 1536X2560 px GALAXY Note 4 1440X2560 px 三星GALAXY Note 3 1080X1920 px GA

10、LAXY S5 索尼 Xper i a Z3 1080X1920 px 1080X1920 px 三星GALAXY Note I I 索尼XL39h HTC Des i re 820 720X1280 px HTC One M8 OPPO Find 7 1440X2560 px OPPO N1 OPPO R3 720X1280 px OPPO N1 Mini 小米M4 1080X1920 px 小米红米 Note 720X1280 px 1080X1920 px 1080X1920 px 1080X1920 px 720X1280 px 720X1280 px 小米M3 1080X1920 px 小米红米1S 720X1280 px 小米M3S 1080X1920 px I 小米M2S 720X1280 px 华为荣耀6 1080X1920 px 锤子T1 1080X1920 px LG G3 英1440X 2560 寸px OnePI us One 1080X1920 px 主流浏览器的界面参数与份额 浏览器 状态栏 菜单栏 滚动条 市场份额 （国内浮动） e Chrome浏览器 22 px （浮 动出现） 60 px 15 px % 火狐浏览器 20 px 132