Android切图适配知识点汇总

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Android切图适配知识点汇总相关的知识,希望对你有一定的参考价值。

参考技术A

对于在工作中没有接触过安卓版本app,或是面试的时候会被问到安卓分辨率等问题,可以通过本文对安卓切图有所了解。我在以往的工作中也没有接触过安卓设计等一系列问题,但是看完一些文章后,大致对安卓分辨率等知识点有所了解。此文是对自己所了解到的知识做一个总结,也希望能帮助到不了解安卓一系列问题的同行们,好啦,马上进入正题!

基本概念
1、手机屏幕尺寸计算方式:对角线尺寸/2.54(1英寸=2.54厘米)
2、分辨率:屏幕上显示的像素个数,单位尺寸内像素点越多,显示的图像就越清楚。

上图中红框框出来的是现在市场上主流的分辨率,只要记这三个就可以。其他的已被淘汰。

3、屏幕密度:屏幕每英寸有多少个像素。
4、单位:dp是开发中用于描述尺寸和间距。
sp是用于描述字号和行距。

用哪种分辨率来设计?
原则上需要为不同的分辨率去单独设计效果图,但由于实际情况,只需要采用一种分辨率去设计,目前多数采用720*1280的分辨率。

需要提供几套切图?
只需要一套切图即可
720*1280尺寸的切图可以适配其他机型,有些特殊的切图需要单独适配的,比如icon等。
适配480 800的机型,只需要把切图/1.5即可。
适配1080
1920的机型,只需要把切图*1.5即可。适配此分辨率的时候,需要在720 1280下画图的时候,尽量采用矢量图形来画图。
例如,图标是48
48的时候,适配1080 1920点时候,48px*1.5=72px.把矢量图形调整为72px即可。开发会把切图放到xxhdpi的文件目录下,就会自动适配1080 1920
同样,适配480 800的时候,48px/1.5=32px.开发把切图放到hdpi文件目录中,会自动适配。
720
1280的切图,开发放到xhdpi的目录下。
注:设计图片的时候尽量采用偶数。

需要提供几套标注?
在720*1280分辨率下进行设计,此分辨率下1dp=2px.
可以直接使用dp标注尺寸,sp标注文字大小

注:使用dp标注尺寸。使用sp标注文字大小

该使用什么字体及字号?
中文字体:思源
英文字体:android 4.x及以上采用Roboto,Android 2.x和3.x采用Droid Sans.
字号:12sp、14sp、18sp、22sp(也可根据实际情况调整)

目前掌握以上知识点,可能多少也有些小问题,欢迎有经验的大神指正、指导。谢谢啦~

怎么把ios 适配安卓 标注和 切图

现在有很多产品为了降低设计成本并保持多平台体验的一致性,都以iOS为主做一套交互设计,应用于iOS和Android两个平台。但是在标注与切图的环节,如何高效的与开发对接,似乎并没有什么更高明的办法。很多团队的做法是先做一套iOS的UI+标注+切图,再在iOS的基础上缩放一套Android的UI+标注+切图。事实上这样的做法是低效,且无效的。为什么且如何做呢?
首先本文大前提是,交互以iOS的设计为主导,应用于iOS和Android两个平台。本文描述的方法更适用于人力资源较为匮乏的设计团队。

对于设计环节。

我对iOS和Android使用同一套iOS的交互设计这种做法不置可否,毕竟好多人都已经这么干了。而很多情况下,到底用一套交互还是两套,这个问题是被设计部门的话语权、项目的周期、人力资源等多个因素影响的,并不是简单的节操问题。所以这里不讨论到底一套交互对不对,只讨论这种情况下怎么干活。

那么既然是同一套设计,如果仅仅是为了达到的交付物标准,输出两套几乎完全一样的iOS和Android的UI图,这种事情略显蛋疼。据我所知有一些设计团队都在不明真相地这么干着。

来看设计环节的交付物。
IOS和Android开发需要的设计交付物至少要有:高保真UI图,标注,切图。

高保真UI图所起到的作用是,开发会参照其画页面,仅仅是获知页面样子的一个手段,并非什么高精度的事情。仅仅基于这一条,设计师就没有必要出iOS和Android两套样子一样只是大小不同的图的,对于开发来说,他们只需要看到页面样子即可。

标注和切图的作用是,开发会按照标注的尺寸,把切图按照高保真UI图的摆放方式做到界面上。那么问题来了,iOS的开发和Android开发所需要的标注和切图是不一样的。如何在一套iOS的高保真UI图上做出两套标注和切图呢?

众所周知iOS设计的像素尺寸是640*960/1136,Android主流的hdpi模式下的像素尺寸是480*800。如图,他们的换算关系是,iOS像素尺寸的75%是Android的像素尺寸

于是很多设计团队就基于这个75%的关系去做Android的图了,但是这不是个好方法,这是一个设计和开发没有成为好基友的状态下所使用的方法。

我们知道Android开发所使用的单位并非像素,而是一个叫做dp/sp的单位,人家压根就不用像素,你费劲半天调一个480*800又有啥用呢?你给他标注上,这个宽度300像素,又有啥用呢?设计不懂开发,开发也不懂设计,Android不懂iOS,iOS也不懂Android,很多同志就在这种“矩阵式的彼此的不理解”
参考技术A IOS和Android开发需要的设计交付物至少要有:高保真UI图,标注,切图。

高保真UI图所起到的作用是,开发会参照其画页面,仅仅是获知页面样子的一个手段,并非什么高精度的事情。仅仅基于这一条,设计师就没有必要出iOS和Android两套样子一样只是大小不同的图的,对于开发来说,他们只需要看到页面样子即可。

标注和切图的作用是,开发会按照标注的尺寸,把切图按照高保真UI图的摆放方式做到界面上。那么问题来了,iOS的开发和Android开发所需要的标注和切图是不一样的。如何在一套iOS的高保真UI图上做出两套标注和切图呢?

众所周知iOS设计的像素尺寸是640*960/1136,Android主流的hdpi模式下的像素尺寸是480*800。如图,他们的换算关系是,iOS像素尺寸的75%是Android的像素尺寸

所以很多设计团队就可以基于这个75%的关系去做Android的图了

推荐蓝湖
参考技术B 1、iOS设计的像素尺寸是640*960/1136
2、Android主流的hdpi模式下的像素尺寸是480*800。
3、iOS像素尺寸的75%是Android的像素尺寸
4、切图标注内容追求高效,我们团队近期用的蓝湖,推荐使用
参考技术C 用蓝湖 做切图和标注的时候,可以自动导出安卓、ios和web三种版本

以上是关于Android切图适配知识点汇总的主要内容,如果未能解决你的问题,请参考以下文章

Android学习指南 — Android基础知识汇总

Android学习指南 — Java知识点汇总

Android知识点汇总

Android动画知识汇总

Android动画知识点汇总

技术文章汇总