更多

ui培训   花瓣
  开课吧

UI设计尺寸规范 推荐作品

分类: 主页 UI设计网 文章

作品版权:归作者所有,禁止匿名转载;禁止商业使用。

作品人气
1865

居住地 / 职业
2016-3-16 15:07:44

iPhone界面尺寸
设备
分辨率
PPI
状态栏高度
导航栏高度
标签栏高度
iphone_6p.png
iPhone6 plus设计版
1242×2208 px
401PPI
60px
132px
147px
iPhone6 plus放大版
1125×2001 px
401PPI
54px
132px
147px
iPhone6 plus物理版
1080×1920 px
401PPI
54px
132px
146px
iphone_6.png
iPhone6
750×1334 px
326PPI
40px
88px
98px
iphone_5.png
iPhone5 - 5C - 5S
640×1136 px
326PPI
40px
88px
98px
iphone_4.png
iPhone4 - 4S
640×960 px
326PPI
40px
88px
98px
iphone_3.png
iPhone & iPod Touch第一代、第二代、第三代
320×480 px
163PPI
20px
44px
49px

iph.png iPhone图标尺寸:
设备
App Store
程序应用
主屏幕
Spotlight搜索
标签栏
工具栏和导航栏
iPhone6 Plus (@3×)
1024×1024 px
180×180 px
114×114 px
87×87 px
75×75 px
66×66 px
iPhone6 (@2×)
1024×1024 px
120×120 px
114×114 px
58×58 px
75×75 px
44×44 px
iPhone5 - 5C - 5S (@2×)
1024×1024 px
120×120 px
114×114 px
58×58 px
75×75 px
44×44 px
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


iph-ico.png
iPad的设计尺寸
设备
尺寸
分辨率
状态栏高度
导航栏高度
标签栏高度
ipad_s.png
iPad 3 - 4 - 5 - 6 - Air - Air2 - mini2
2048×1536 px
264PPI
40px
88px
98px
iPad 1 - 2
1024×768 px
132PPI
20px
44px
49px
iPad Mini
1024×768 px
163PPI
20px
44px
49px


ipa.png iPad图标尺寸:
设备
App Store
程序应用
主屏幕
Spotlight搜索
标签栏
工具栏和导航栏
iPad 3 - 4 - 5 - 6 - Air - Air2 - mini2
1024×1024 px
180×180 px
144×144 px
100×100 px
50×50 px
44×44 px
iPad 1 - 2
1024×1024 px
90×90 px
72×72 px
50×50 px
25×25 px
22×22 px
iPad Mini
1024×1024 px
90×90 px
72×72 px
50×50 px
25×25 px
22×22 px


ipa-ico.png Android SDK模拟机的尺寸
屏幕大小
低密度(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×1152 1920×1152 1920×1200
2048×1536 2560×1600

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
0.75
0.375
0.32
mdpi
320×480
1
0.5
0.4267
hdpi
480×800
1.5
0.75
0.64
xhdpi
720×1280
2.25
1.125
1.042
xxhdpi
1080×1920
3.375
1.6875
1.5

主流Android手机分辨率和尺寸
设备
尺寸
分辨率
设备
尺寸
分辨率
android_mx2.png
魅族MX2
4.4英寸
800×1280 px
android_mx3.png
魅族MX3
5.1英寸
1080×1800 px
android_mx4.png
魅族MX4
5.36英寸
1152×1920 px
android_mx4p.png
魅族MX4 Pro未上市
5.5英寸
1536×2560 px
android_s4.png
三星GALAXY Note 4
5.7英寸
1440×2560 px
android_s3.png
三星GALAXY Note 3
5.7英寸
1080×1920 px
android_s5.png
三星GALAXY S5
5.1英寸
1080×1920 px
android_s2.png
三星GALAXY Note II
5.5英寸
720×1280 px
android_l36h.png
索尼Xperia Z3
5.2英寸
1080×1920 px
android_s6.png
索尼XL39h
6.44英寸
1080×1920 px
android_h1.png
HTC Desire 820
5.5英寸
720×1280 px
android_h2.png
HTC One M8
4.7英寸
1080×1920 px
android_v1.png
OPPO Find 7
5.5英寸
1440×2560 px
android_o1.png
OPPO N1
5.9英寸
1080×1920 px
android_o2.png
OPPO R3
5英寸
720×1280 px
android_o3.png
OPPO N1 Mini
5英寸
720×1280 px
android_m4.png
小米M4
5英寸
1080×1920 px
android_m4n.png
小米红米Note
5.5英寸
720×1280 px
android_m3.png
小米M3
5英寸
1080×1920 px
android_m1.png
小米红米1S
4.7英寸
720×1280 px
android_m3s.png
小米M3S未上市
5英寸
1080×1920 px
android_m2s.png
小米M2S
4.3英寸
720×1280 px
android_h6.png
华为荣耀6
5英寸
1080×1920 px
android_t1.png
锤子T1
4.95英寸
1080×1920 px
android_l1.png
LG G3
5.5英寸
1440×2560 px
android_t2.png
OnePlus One
5.5英寸
1080×1920 px

主流浏览器的界面参数与份额
浏览器
状态栏
菜单栏
滚动条
市场份额(国内)
google.png
Chrome 浏览器
22 px(浮动出现)
60 px
15 px
8%
huofu.png
火狐浏览器
20 px
132 px
15 px
1%
ie9.png
IE浏览器
24 px
120 px
15 px
35%
360.png
360 浏览器
24 px
140 px
15 px
28%
aoyou.png
遨游浏览器
24 px
147 px
15 px
1%
sougou.png
搜狗浏览器
25 px
163 px
15 px
5%

系统分辨率统计
分辨率
占有率
分辨率
占有率
1336×768
15%
1440×900
13%
1920×1080
11%
1600×900
5%
1280×800
4%
1280×1024
3%
1680×1050
2.8%
320×480
2.4%
480×800
2%
1280×768
1%
网页宽度与首屏高度 web_guifan.jpg

0喜欢
    作者其他作品

/
2016-3-16 15:07:44 发布


感谢支持
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

全部评论(0)
“2016精品素材” 谭州教育 金豪印刷 花瓣网

快速回复 返回顶部 返回列表