如何系统化给切图命名，最全规范来了！

1.基本规范

文件名全小写，采用下划线命名，单词全拼或者大家公认无歧义的缩写（比如：nav， bg， btn, img等）

尽量使用Assets来管理，图片后缀一般只要@2x和@3x（因为现在手机和ipad的分辨率越来越高，图片也需要高清）

切图一般使用PNG格式，禁止使用 Display 3颜色空间的图片(需要兼容iOS9.0~9.3)

2.命名规则

类别_模块_属性描述_状态+倍图+.+文件类型

好的命名应该有自解释性，不会产生歧义，不能出现资源名称重复。

例如：
btn_wifi_search_white_nor@2x.png

a.类别（必选）

类别是按照资源类型划分为以下几个类别

img - 比较大的图片，例如首页Banner占位图，启动图
btn - 一般用于按钮的背景图
icon - 小的图标或者按钮上的图标

例如：
img_home_default_banner@3x.png

b.模块(具体某个模块时需要区分)

当属于具体某个模块时可以按功能区分也可以按界面区分（eg:wifi,sim,home,payment,booking）

例如：
icon_arrow_right_white_nor@2x.png
icon_wifi_search_result_filter@2x.png
icon_payment_pay_type_alipay@2x.png

c.属性描述(必)

详细描述该资源的其他特征，按照从抽象后具体的范围，资源的颜色，名称，箭头的方向都属于此类。

例如：
icon_review_placeholder_avatar@2x.png

d.状态

当给按钮的资源命名时用到，使用简写

nor (normal： 一般状态)

def (default： 默认状态)

sel (selected：选中状态)

hig (highlight：高亮状态)

dis (disabled：不可用状态)

e.倍图(必)

使用@2x或者@3x，目前不太推荐使用@1x图

禁止以下用法：
icon_payment_pay_type_alipay.png

f.文件类型(必)

使用小写，例如png，jpg，git，svg等

以下是具体的一些命名（供参考）：

Powered by Froala Editor