当前位置:主页 > SEO工具 >

一款APP从设计稿到切图(Android篇)

作者: 奕星SEO 分类: SEO工具 发布时间: 2019-11-08 23:30 内容来源:网络整理阅读量:

  手机分辨率:分辨率就是手机屏幕的像素点数,类似480*800、720*1280、1080*1920这个意思……

  手机屏幕尺寸:手机对角线的物理尺寸,单位是英寸;比如小米4的尺寸就是5英寸,IPhone 6的尺寸就是4.7英寸……

  手机屏幕密度:dpi或PPI,每英寸的像素点数,数值越高显示的越逼真细腻。下面是屏幕密度的计算方法~

一款APP从设计稿到切图(Android篇)

  所以为了解决这个问题,安卓手机屏幕有自己初始的固定密度,安卓会根据这些屏幕不同的密度自己进行适配。这一点内容掌握到能满足自己设计工作需要就可以了……

  以下是Android的密度划分以及代表的分辨率,这里你可以发现已经和设计稿尺寸和切图输出开始挂钩了……

一款APP从设计稿到切图(Android篇)

  dp:android开发使用的单位,其实相当于一种比例换算单位,它可以保证控件在不同密度的屏幕上按照这个比例单位换算显示相同的效果。

  sp:android开发使用的文字单位,和dp差不多,也是为了保证文字在不同密度的屏幕上显示相同的效果。

  答:和安卓工程师沟通,推荐使用dp和sp进行标注。但目前很多设计师对dp和sp这个单位并不理解,所以有些设计师提供设计稿的时候依旧使用px进行标注,这一点去和你的搭档工程师进行沟通,如果不影响他开发以及他能换算清楚的前提下,你可以考虑使用Px,但是我并不推荐。

  像素字号=屏幕密度/160 * sp字号可以根据这个去算算设计稿中的像素字号标注为sp是多少,比如xHDPI下,36px的字标注为sp就是18sp,以此类推。

一款APP从设计稿到切图(Android篇)

  答:通过上图你会发现,xHDPI下,倍数关系为2,而且xHDPI就目前的市场来看,还算属于主流机型;这样无论是标注,还是主流机型都能兼顾的到,所以

  推荐使用720*1280尺寸做设计稿,这样即使你标注的是px,工程师也可以换算的比较方便。

  现在有一种情况比较普遍,公司做了IOS版本的设计稿,现在要给安卓用,应该怎么办?

  理论上,IP 6的切图其实可以给xHDPI使用;和我们的安卓工程师沟通,要求是把IP 6的设计稿更改尺寸到720尺寸下,对各个控件进行微调,重新提供标注。也就是说,我需要提供两套标注,一套给IOS的标注,一套给Android的标注。(这是我目前搭档的要求,实际情况根据自身环境决定)

  答:理论状态下,如果你想兼顾到目前还存在的各个机型,应该为不同的密度提供不同尺寸大小的切图。

  但这无疑提升了巨大的工作量,而且还可能浪费很大的资源空间,实际上,很多机型已经不占有主流市场了,而且很多奇葩的分辨率也没必要去考虑适配,所以,具体输出几套需要看公司的产品需求而定。

  这里要注意,这个“最大尺寸”,指的并不是目前市面上Android手机出现过的最大尺寸,而是指目前流行的主流机型中的最大尺寸,这样可节省很大的资源控件。关于最大尺寸选取多少,你需要和你们的安卓工程师沟通,每个安卓工程师对这个问题的结论并不同。

  其实现在Assistor PS这个PS外挂对输出不同屏幕密度的切片处理的非常方便,其实也没有想象中那么巨大的工作量。

一款APP从设计稿到切图(Android篇)

  48dp:这和IOS的最小点击区域性质是一样的,都是考虑到手指点击的灵敏性的问题,设计可点击控件的时候要考虑到这一点,关于这个设计文档里已经明确解释了,更多的内容可以去下载设计文档查看。

  方正兰亭黑简体 其实没发现和手机字体效果完全一样的字体,如果做设计稿的话,兰亭黑比较接近,可以考虑使用。

  答:在前面,我们知道了怎么切片,但是一款APP,少说也有几十个界面,难道你要把所有界面的切片资源放到一起给工程师吗?

  关于这一点,我和IOS工程师进行了沟通,其实我现在是把所有的图放到一个文件夹给他的,因为我们的产品需要的切片并不多,而且我们搭档很久了,我的命名习惯和分类习惯他都已经熟悉了,很容易就找到;

  理论上,最好的方式是每一个页面的切片资源单独放在一个文件夹里面,文件夹命好名,这样工程师可以直接套页面使用了,如下图:

一款APP从设计稿到切图(Android篇)


本文链接地址:http://www.seohuizhou.com/seogongju/18341.html
上一篇:<<一款APP从设计稿到切图过程全方位揭秘
下一篇:微信:iPad支持使用小程序 分包加载等能力升级>>