首页 理论教育 移动界面设计:安卓系统切图方法

移动界面设计:安卓系统切图方法

时间:2023-11-20 理论教育 版权反馈
【摘要】:在安卓系统中,其切图方法和iOS所要求的大致是一样的。在这里给大家介绍一种安卓特有的图片处理方式,主要是针对于带有圆角这样一种特殊图形进行图片处理的点9文件。“点9”文件能够适配安卓平台多种分辨率以及屏幕等级的手机。

移动界面设计:安卓系统切图方法

在安卓系统中,其切图方法和iOS所要求的大致是一样的。在这里给大家介绍一种安卓特有的图片处理方式,主要是针对于带有圆角这样一种特殊图形进行图片处理的点9文件。

1.点9文件

在安卓系统中,切图输出以及元素设计时不用遵循偶数的原则,不过在对待带有圆角的特殊图形以及元素平铺时一般会应用一个特殊切图输出文件,就是“点9”文件。由于在该文件处理过程中将其划分9份并且使用纯黑色1像素为单位的黑点进行标注,而且其文件的扩展名为“9.png”,所以被称为“点9”文件(图7-30)。

在安卓系统中,切图输出以及元素设计时不用遵循偶数的原则,不过在对待带有圆角的特殊图形以及元素平铺时一般会应用一个特殊切图输出文件,就是“点9”文件。由于在该文件处理过程中将其划分9份并且使用纯黑色一像素为单位的黑点进行标注,再者其文件的扩展名为“9.png”,例如:anniu.9.png,所以被称为“点9”文件。

“点9”文件能够适配安卓平台多种分辨率以及屏幕等级的手机。其最大特点是将该图片的拉伸,需要保护的区域以及显示区域统统用黑点展现在一个文件中。适配时可以将文件的横向和纵向按照黑点的标注随意进行拉伸,从而保留像素的精细度、细节以及圆角的大小和质量,实现多分辨率下的完美显示效果,同时减少不必要的图片资源。

图7-31中,上面和左边的黑点,代表的是该文件在横向和纵向进行延展时所需要延展素材的位置和截取平铺范围的大小。那么,右侧和下方的黑点的交集,代表的是该文件在显示内部信息时的区域和范围,主旨还是要保护圆角在延展和适配时不被破坏和侵犯。

978-7-111-57875-8-Chapter07-30.jpg

图7-30(www.xing528.com)

978-7-111-57875-8-Chapter07-31.jpg

图7-31

处理点9文件的方法有很多,有个专门用来处理点9文件的工具叫做“draw9patch”,但是有些设计师也会直接在Photoshop里面用铅笔标注1像素黑线或点进行展现,并且在输出PNG文件后,在命名的里面加入“.9”即可进行使用。除了以上两种方法之外,设计师也可以使用各种切图软件或者插件来进行处理,例如“Cutterman”这样的切图插件基本上都会支持点9文件的处理。

2.关于切片的输出格式

最后来介绍对切图的输出格式有哪些要求,在输出的时候主要是以PNG 24、PNG 8、JPG这几种格式为主。如果JPG和PNG两种格式图片大小相差不是很大的情况下,推荐使用PNG格式的文件,因为PNG格式支持背景透明的效果;如果图片质量或者大小相差很大的话使用JPG格式,可以保证开发后的视觉效果不失真。

对于引导页、图标、按钮以及各种功能控件建议使用PNG格式,在PNG格式中最好是用png24位模式,因为其所包含和展示的颜色会更加丰富,文件质量会更好。

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈