一.移动UI载体怕屏幕
视网膜屏幕(Retina screen):
分辨率超过人眼识别极限的高分辨率屏幕
1.DPI和PPI的区别
DPI (Dots Per Inch) :点数密度,所表示的是每英寸所拥有的点数量。(安卓)
DPI数值越高,即代表显示屏能以越高的密度显示图像。
PPI (Pixels Per Inch):像素密度,所表示的是每英寸所拥有的像素数量。(ios)
PPI数值越高,即代表显示屏能够以越高的密度显示图像。
注意:
PS中所说的分辨率跟屏幕的分辨率不是同一个东西!!!
屏幕分辨率指的是屏幕密度
屏幕密度:
2.Android手机的主流尺寸及分辨率
a.XHDPI:320dpi(720px*1280px)
b.XXHDPl:480dpi(1080px*1920px)
二.Android尺寸规范
1.状态栏高度:50px
2.导航栏高度:96px
3.标签栏:96px
4.“白色”背景
1)#f5f5f5
2)#eeeeee
3)#efefef4
5.分隔线: 1px #000000 #dddddd、#cccccc 不透明度10%
6.卡片之间间隙:20px
7.列表高:100-120px
注意:
尺寸一般为偶数!!!
4.Android的图标
1)启动图标
启动图标的设计尺寸:512——圆角:90px(其他等比缩放)
不同应用场景的图标尺寸:
a)主屏幕/应用商店:96px
b)设置:48px
c)导航栏/标签栏/工具栏:48px
2)功能图标
三.Android字体规范
1.种类:Android官方字体:思源黑体
2.字号:
导航栏:36-38px 主题副标题
正文:28-34px 说明性文字
标签栏:22-24px 提示性文字
3.间距:1.3—1.5倍
4.颜色
主文:#333333
副文:#666666
提示文#999999