基本概念
-
分辨率:屏幕上显示的像素个数,单位尺寸内像素点越多,显示的图像就越清楚
主流分辨率:480*800
、720*1280
、1080*1920
-
像素密度
240dpi(480*800
)、320dpi(720*1280
)、480dpi(1080*1920
) -
单位
px:像素
dp:设备独立像素(160dpi为标准)240dpi下,1dp=1.5px 320dpi下,1dp=2px 480dpi下,1dp=3px
sp:等同于dp,用于描述字体大小
240dpi下,1sp=1.5px 320dpi下,1sp=2px 480dpi下,1sp=3px
常见分辨率
- 4:3
VGA640*480
QVGA320*240
HVGA480*320
SVGA800*600
- 5:3
WVGA800*480
- 16:9
FWVGA854*480
HD1920*1080
QHD960*540
720p1280*720
1080p1920*1080
- Apple
iPhone4/4s960*640
iPhone5/5s1136*640
iPhone61334*750
iPhone6Plus1920*1080
小米1854*480
小米21280*720
红米1/1s/note1280*720
对应的DPI
-
选取320dpi下(720*1280)进行设计,此分辨率下1dp=2px
-
对于一切切图资源特殊处理
输出多套分辨率的切图,例如480p和720p,在设计的时候要注意好切图区域的大小能被2和1.5整除的大小,如48p*48px
、96*96px
等。 - image
-
采用自适应布局
-
标注尽量采用相对关系
文字
中文字体:默认为Droid Sans Fallback,设计时可采用微软雅黑。
英文字体:Andriod4.x及以上采用Roboto,Andrio2.x和andriod3.x采用 Droid Sans。建议尽量采用系统默认字体。
Andriod规范建议,字号采用12sp、14sp、18sp、22sp等四个级别来设计。(实际设计时可以按实际情况调整)
总结
- 采用
720*1280
分辨率来进行设计。(设计时,采用偶数值进行设计,方便dp和px的转换) - 开始标注了,标注尽量采用相对位置进行标注。
- 切图了,在
720*1280
下进行切图,可以完全适配720*1280
后放大缩小切图资源 - 分别适配
480*800
、1080*1920
- 不要忘记了,开发完后要进行bug测试(视觉方面的)
网友评论