1、首先须要明白的几个概念html
一、屏幕尺寸:也就是咱们日常所说的某某手机几寸屏。好比苹果的4.7寸, 荣耀6的5.5寸。这里说的寸是英寸(1 英寸 = 2.54 厘米)。spa
计算方法:屏幕尺寸=对角先尺寸(cm) / 2.54(cm)设计
通常用英寸表示。1英寸=2.54cmhtm
二、分辨率:屏幕上显示的像素个数,单位尺寸内像素点越多,显示的图像就越清楚。blog
分辨率720*1280表示手机水平方向的像素为720,垂直方向为1280。图片
如今主流的分辨率有480 * 800, 720 * 1280, 1080 * 1920。ci
三、屏幕密度:表示屏幕每英寸有多少个像素。资源
4、单位:开发
px:像素,一块显示屏是由不少的光点组成的,每个光点就是一个像素。io
dp:andriod开发中用于描述尺寸和间距。
sp:和dp同样,只是用于描述字号和行距。
屏幕密度 | 屏幕级别 | 一般分辨率 | 对应关系 | |
120 | ldpi(低密度) | 0.75 | 1dp=0.75px | |
160 | mdpi(中等密度) | 320*480 | 1 | 1dp=1px |
240 | hdpi(高密度) | 480*800 | 1.5 | 1dp=1.5px |
320 | xhdpi(超高密度) | 720*1280 | 2 | 1dp=2px |
480 | 480(超清密度) | 1080*1800 | 3 | 1dp=3px |
原则上须要为不一样的分辨率去单独设计效果图,可是因为实际开发成本,设计成本的各类要求,能够根据目前市场占有率选择机型,目前主要480*800、 720*1280、 1080*1920这几种分辨率,本人目前都是采用720*1280的分辨率来设计,由于目前为止720*1280的市场占有率仍是比较高的。可是因为技术水平的不断提高,从此必定会采用1080*1920的来设计,但愿各位小伙伴可以关注一下市场状况。
总结:如今仍是采用720*1280的分辨率来设计吧。
3、到底须要提供多少套切图
只须要提供一套切图便可。
1.通常采用720*1280的来设计。切图能够直接适配720*1280分辨率的机型。
2.720*1280下的切图资源基本能够适配其余机型,有些特殊的切图须要单独适配的,好比icon等。
3.适配480*800的机型,只须要把切图*0.75便可。
4.适配1080*1920机型,只须要把切图*1.5便可。
5.适配1080*1920的时候,不要单独硬生生的将图标放大1.5倍。这就要求在720*1280下画图的时候,尽可能采用矢量图形来画 图。好比在720*1280下图图标是48px*48px的时候,适配1080*1920时候,48px*1.5=72px。把矢量图形调整为72px便可。把 切图资源给开发,开发会把切图单独放到xxhdpi的文件目录下,就会自动适配1080*1920的了。
一样要是适配480*800的,48px*0.75=32px,把切图给开发,开发会把切图资源单独放到hdpi的目录下,就会自动适配的。
720*1280下的切图资源,开发是放到xhdpi的目录下的。
注意:你们在设计图片的时候尽可能采用偶数来设计。开发能够直接写出来的就尽可能不要切图。
4、到底须要提供多少套标注
只须要提供一套标注便可。
原则上须要为不一样分辨单独进行标注,但因为开发成本等各类考虑。
选取320dpi下(分辨率为:720*1280)进行设计,此分辨率下1dp=2px。
设计师要创建相对单位概念,能够直接使用dp标注尺寸、sp标注文字大小;
5、总结
1.采用720*1280分辨率来进行设计。(设计时,采用偶数值进行设计,方便dp和px的转换)
2.开始标注了,标注尽可能采用相对位置进行标注。
3.切图了,首先在720*1280下进行切图,能够彻底适配720*1280的机型。切图资源
本文为博主原创文章,转载请注明出处
http://www.cnblogs.com/rencm/p/5197140.html