今天来给大家分享关于切图命名的规范，千千作为一名资深UI设计师，在命名规范方面可谓如火纯青~在与开发小哥哥的合作中会发现每一位开发小哥哥的命名都不一样，但大体不会有偏差太大的情况。有的开发小哥哥喜欢用缩写，例如背景：有的人会命名成缩写bg，有的人会命名全称background，个人觉得这个不是重点，关键是在于公司团队能够有一个统一的规则，这样全体成员都能严格遵守规范，会大大提高产品的开发效率，节约公司的开发成本。早期刚入行的时候公司还会就切图命名规范相关的问题来讲解，可见切图命名规范的重要性。好了，接下来开始今天的主题了！
切图命名规范的要求
1、所有命名全部为小写英文字母
原因是开发小哥哥的代码里面全是小写的英文字母，如何切图命名成中文的话，会导致开发小哥哥将命名全部更改，这样会耽误产品开发的进度。
2、所有命名不得出现大写以及中文和空格或其他符号，单词之间用_隔开
- 切图格式：Png格式
- 通用切片命名格式：组件_类别_功能_状态@2x.png
举例：
tabbar_icon_home_default@2x.png（中文对应的是：标签栏_图标_主页_默认@2x.png）
模块特有切图命名规则
模块_类别_功能_状态 @2x.png
举例：
mail_icon_search_pressed@2x.png（对应的中文为：邮件_图标_搜索_ 默认@2x.png）
如果出现了很多图标的时候，可以命名为icon1、icon2、icon3...等，这样就不会出现重复的命名了。
大家可以举一反三，例如同一个banner广告位有三条banner，可以命名为banner1、banner2、banner3等。
常用英文单词表
如果有的英文单词很长的，可以将英文单词进行缩写，比如前面我们讲到的有的人会命名成缩写bg，有的人会命名全称background。其实这两种方式都是可以的。
切图命名英文缩写三个原则：
1、较短的单词可通过去掉“元音”形成缩写
2、较长的单词可取单词的头几个字母形成缩写
3、 此外还有一些约定成俗的英文单词缩写.
下面提供一些命名时常用的英文单词列表（有些是已经缩写过的，仅供参考）
- bg（backgrond 背景）
- nav（navbar 导航栏）
- tab（tabbar 标签栏）
- btn（button 按钮）
- img（image 图片）
- del（delete 删除）
- msg（message 提示信息）
- pop（pop up 弹出）
- icon（图标）
- selected（选中）
- disabled（不可点击）
- default（默认）
- pressed（按下）
- back（返回）
- edit（编辑）
- content（内容）
- left/center/right（左/中/右）
- logo（标识）
- login（登录）
- refresh（刷新）
- banner（广告）
- link（链接）
- user（用户）
- download（*载下**）
- note（注释）
目前市场上有很多切图插件，虽然切图插件众多，但是我们团队用的最多的就是蓝湖，蓝湖有很多插件，并且可以自动标注，设计图可以树状连线，一键切图，还可以制作交互原型，产品文档共享。
蓝湖官网：https://lanhuapp.com/?home
好了，今天就写到这里，希望对大家有所帮助~
如果你看完这篇文章还有什么疑问或想法，欢迎私信或留言与我交流。
我是@千千素材库：免费分享最新精选的插画设计教程、素材资源干货，喜欢我的文章请点赞、关注、转发、欢迎大家关注！