要知道任何一个开发项目或者说设计项目都是由很多设计师与程序员一起配合完成工作的,而切图就是配合程度的一个表现形式。下面我们就一起来了解一下,关于切图我们需要了解哪些知识。
切图标注
如今,设计切图插件能够将设计稿里所选中的图层、图层组按不同开发规范宽度、倍数,进行合并裁剪切片。与传统切图方法「调整图像尺寸–选中切图图层/图层组–调整画布尺寸–导出web所用格式」相比,这一系列动作被进行了一键化处理,只需要在插件中选择好开发语言,保持文件夹位置便可一键标记或导出,极大地缩减了繁琐的操作流程。
蓝湖插件
蓝湖插件在设计稿做切片标记,上传至平台的画板便带有切图下载。
Cutterman插件
3种开发语言(iOS,Android,Web):根据不同的项目选择不同的开发语言,下方小箭头可进行素材输出「倍数」选择。
倍数:插件在导出选中图层时以「@2x」和「XHDPI」为标准对设计稿进行等比放大缩小。如750px宽度的设计稿导出「@3x」和「@1x」时,导出的切图会分别放大1.5倍和缩小至0.5倍,然后进行图层导出。
导出选中图层:插件根据已选语言、倍数,对已选中的所有图层、图层组进行合并裁剪然后导出。裁剪大小为所有图层合并后总宽度高度。
固定尺寸:插件在导出选中图层时对已选中的所有图层、图层组进行合并后,再调画布或者图像至固定尺寸大小,然后进行图层导出。已选图层大小大于固定尺寸设定,则被调整图像,素材被压缩。已选图层大小小于固定尺寸设定,则被调整画布,图层素材大小不变,素材尺寸变为固定尺寸大小。
【免责声明】本文系本网编辑部分转载,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与管理员联系,我们会予以更改或删除相关文章,以保证您的权益!