切图教程,分享一种高效切图方法(2)
来源:站酷
作者:duck3805946
学习:30927人次
这样做的目的:一方面,方便自己以后查找;另一方面,方便咱们的开发工程师查找文件,因为有时候是分工合作,需要第一时间找到对应的文件。
2、命名规则
建议采用以下方法命名:
公式:模块_类别_功能_状态.png
例子:new_icon_share_nor.png
说明:最新_图标_分享_正常.png
备注:2倍图和3倍图的时候需要在后面加2x、3x,以便明确这是几倍图,比如:new_icon_share_nor@2x.png new_icon_share_nor@3x.png;命名的下划线一定要用“_”这个不能用“—”这个,在安卓上面不支持,并且使用这个符号也不是很规范。.png绝对不能丢,因为CC需要这个后缀来进行切图的输出,没有的话就输出不了。
3、常用命名单词
4、切图文件大小必须是偶数,格式为PNG-24。
5、iPhone的3倍图怎么切?
如图所示,左边是需要切的icon,右边是命名,@2x图和@3x图,从图中可以看到有一个红框,刚开始肯定会纳闷,@2x图和@3x图唯一的区别就是前面多了百分比150%,后缀变成了@3x,命名没变,为什么是150%的比例而不是其他的?
学习 · 提示
- 发评论 | 交作业 -
最新评论
SummerCopper2020-11-29 08:37
PS设计稿切图的话,用摹客更方便,可以自动生成/一键下载不同平台、不同倍率的切图,还支持自定义切图尺寸和切图压缩等实用功能,切图效率倍增
回复
SummerCopper2020-11-29 08:36
PS设计稿切图的话,用摹客更方便,可以自动生成/一键下载不同平台、不同倍率的切图,还支持自定义切图尺寸和切图压缩等实用功能,切图效率倍增。体验地址:https://www.mockplus.cn
相关教程
关注大神微博加入>>
网友求助,请回答!