火星网校
老鸟设计师秘籍奉上！Andriod分辨率适配 “葵花宝典”
发布时间：2018-11-17 19:57:24
1. 射鸡师 VS 攻城师
在日常的Andriod开发中经常会遇到各种各样的PK，其中设计师和工程师的矛盾非常突出，我们来看一下双方的主要矛盾。
主要原因是由于设计师和工程师都只专注于自己的领域，对彼此的领域了解较少。
2. 几个基本的概念
1.屏幕尺寸：手机实际物理尺寸，一般用英寸来表示（1英寸=2.54厘米）。
手机尺寸计算方式=对角线尺寸/2.54
2.分辨率：屏幕上显示的像素个数，单位尺寸内像素点越多，显示的图像就越清楚。
分辨率720*1280表示手机水平方向的像素为720，垂直方向为1280.
市场上主流分辨率有：480*800、 720*1280、 1080*1920（其他的早该淘汰了，忽略不计）。
3.屏幕密度：表示屏幕每英寸有多少个像素。
240dpi（480*800） 、320dpi（720*1280）、480dpi（1080*1920）
（这里240dpi并不一定是480*800的分辨率，设计效果图时不用考虑这些，可以把480*800的分辨率“当成”是在240dpi下的设计，因为实际240dpi下的分辨率可以和480*800的分辨率共用一套切图资源。）
4.单位：
px：像素（设计师都知道像素是什么）。
dp：andriod开发中用于描述尺寸和间距。
sp：和dp一样，只是用于描述字号和行距。
3. 到底采用哪种分辨率来设计
1.原则上需要为不同的分辨率去单独设计效果图，但是由于实际开发成本，设计成本的各种要求，可以根据目前市场占有率选择机型，目前主要480*800、 720*1280、 1080*1920这几种分辨率，本人目前都是采用720*1280的分辨率来设计，因为目前为止720*1280的市场占有率还是比较高的。但是由于技术水平的不断提升，今后一定会采用1080*1920的来设计，希望各位小伙伴能够关注一下市场情况。
总结：现在还是采用720*1280的分辨率来设计吧。
4.到底需要提供多少套切图
1.只需要提供一套切图即可。
原则上设计师需要为不同分辨率单独标注切图，同样根据开发成本等要求。
1.一般采用720*1280的来设计。切图可以直接适配720*1280分辨率的机型。
2.720*1280下的切图资源基本可以适配其他机型，有些特殊的切图需要单独适配的，比如icon等。
3.适配480*800的机型，只需要把切图/1.5即可。
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/1.5=32px，把切图给开发，开发会把切图资源单独放到hdpi的目录下，就会自动适配的。
720*1280下的切图资源，开发是放到xhdpi的目录下的。
注意：大家在设计图片的时候尽量采用偶数来设计。开发可以直接写出来的就尽量不要切图。
5.到底需要提供多少套标注
1.只需要提供一套标注即可。
原则上需要为不同分辨单独进行标注，但由于开发成本等各种考虑。
选取320dpi下（分辨率为：720*1280）进行设计，此分辨率下1dp=2px。
设计师要建立相对单位概念，可以直接使用dp标注尺寸、sp标注文字大小；
Andriod官网中就采用相对单位进行标注的。
注意事项：另外视觉可以直接从高分辨率进行设计、标注、切图，这样可以方便适配低分辨率。
6.其他
1.由于Andriod设备尺寸较多，设计师设计时要考虑好固定和自适应部分（一定要和开发沟通好，哪些地方时固定的，哪些地方是要根据内容变换的）。
2.标注尽量采用相对关系。
Andriod设备尺寸很多，不可能采用绝对定位方式来标注，因为绝对定位无法实现界面元素自适应，标注时说明和兄弟元素、父子元素之间的关系即可。
7. 文字
中文字体：默认为Droid Sans Fallback，设计时可采用微软雅黑。
英文字体：Andriod4.x及以上采用Roboto，Andrio2.x和andriod3.x采用Droid Sans。
建议尽量采用系统默认字体。
Andriod规范建议，字号采用12sp、14sp、18sp、22sp等四个级别来设计。（实际设计时可以按实际情况调整，我经常这么干，嘿嘿）
8. 总结
1.采用720*1280分辨率来进行设计。（设计时，采用偶数值进行设计，方便dp和px的转换）
2.开始标注了，标注尽量采用相对位置进行标注。
3.切图了，首先在720*1280下进行切图，可以完全适配720*1280的机型切图资源。
4.分别适配480*800 、1080*1920。（上面已经描述过了哦）
5.不要忘记了，开发完后要进行bug测试哦。（视觉方面的）
6.终于上线了，有自豪感了吧。
（免责声明：本文整理自网络，版权归原作者所有，如涉及作品内容、版权或其他问题，请及时与我们联系，我们将在第一时间予以删除！感谢您的理解和包容。）
分享
学员作品赏析
-
2101期学员李思庭作品
-
2104期学员林雪茹作品
-
2107期学员赵凌作品
-
2107期学员赵燃作品
-
2106期学员徐正浩作品
-
2106期学员弓莉作品
-
2105期学员白羽新作品
-
2107期学员王佳蕊作品
热门课程
专业讲师指导 快速摆脱技能困惑
相关文章
多种教程 总有一个适合自己专业问题咨询
你担心的问题，火星帮你解答-
想要了解影视动画设计培训班的价格和课程内容吗? 本文将详细介绍动画设计培训的价格及相关信息，帮助您选择合适的培训班。
-
想了解更多关于影视广告包装培训电话的内容吗？作为一名SEO内容专家，让我来为您详细解读。
-
想要成为优秀的游戏原画插画师吗？不妨来我们的游戏原画插画培训学校学习，提升您的绘画技能，开启游戏插画之路！
-
本文为您介绍UE课程基础培训班，全面解析UE课程基础知识，助您更好地掌握UE技能。
-
本文介绍unreal engine开发学习班的相关内容，帮助您了解如何学习unreal engine开发技能。
-
想要学习houdini技术？不知道如何选择合适的培训班价格？本文将为你提供相关建议，同时介绍专业的houdini培训班。
