android 系统的切图方式_学会切图,让你分分钟变成大师

标注一般按照@2x进行标注,不除以2。那么需要标注什么呢?模块的高度、宽度,文字的样式、大小、颜色。还有背景颜色、按钮大小以及状态、透明度等。

5f351afa8b53c1c231c48ddc425f37d6.png

怎么标间距呢?只标注中间的间距后,精心适配出来的东西是这样的。所以只标一部分是不可以的。那么只标左右的效果是这样的。

a9741f84c659b2a389a9d7a3694cc46c.png

那么如果全标注上的话,就没有办法进行适配。

35f1f81cb2aa7c70958c7b5eef123366.png

那么应该怎么办?我们可以用这样的方式去标注,只标间距,不标控件的宽度。一般如果都标注好的话会产生误差,产生不适配性。

9e99023f3316af87039a36b803490dd3.png

还有一种方法就是用比例的方式去标注。

e1ac86366d0984cd4bdccee9bda3cf9f.png

那么标注软件用那些?有的人会用像素大图,而有的人会用马克鳗,这是两个产家的软件。像素大图在易用性上来说,保存的时候会保存两遍。从操作性来看,马克鳗可能更直接。

fe334f8f06e512a5d1e213b94d564623.png

然后看一下点九切图。那什么是点九切图?“点九”是Andriod平台的应用开发中的一种特殊的图片形式,文件的扩展名为:.9.png,也就是尾缀,列如icon@2x.9.png。那么.9.png有什么样的好处?假如切一个渐变的按钮,切一个大一点的图会有不适配的问题,进行不同的拉伸会有以下不同的效果。

7b1706c071cfbc355c5f6771aad30b6b.png

我们通过点九的绘制我们可以将非规则的图形图片进行自如的适配拉伸。

48f1f8fada3854adbf25502c0bede230.png

“点九”能很好地适配。.9.png格式的图片在andriod系统中有优化的双方,不仅能保留图片的高保真,还减少了空间。只需要采用一套界面的切图就能适配不同的分辨率,从而减少了开的和切图的工作量。

切图和标注,你明白了吗?

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值