今日在此与大家探讨切图命名的相关规范，千千作为一位经验丰富的UI设计师，在命名领域可谓是技艺高超。在与开发团队的协作过程中，我发现每位开发人员所采用的命名方式各不相同，然而总体上，他们的命名并不会出现太大的偏差。有些开发者偏好使用简写，比如在背景上，有人将其命名为“bg”，而有人则使用完整名称。我认为这并非关键所在，真正重要的是公司团队应制定并遵循一套统一的标准。如此一来，所有成员都能一致地遵守这些规范，这无疑将显著提升产品开发的效率，并有助于降低公司的开发支出。在初入职场时，公司还会对切图命名的规范进行详细讲解，这充分说明了切图命名规范的重要性。好了，接下来开始今天的主题了！

切图命名规范的要求

1、所有命名全部为小写英文字母

由于开发小哥编写的代码全由小写英文字母组成，若将图片命名改为中文，开发小哥可能需要重新修改所有命名，这无疑会拖延产品开发的进程。

所有名称应当避免使用大写字母，并且不得包含中文文字、空格以及任何其他符号，且各个单词应以下划线“_”进行分隔。

举例：

ault@2x.png，即表示标签栏中的图标，主页的默认视图，分辨率为@2x的图片文件。

模块特有切图命名规则

模块_类别_功能_状态 @2x.png

举例：

邮件图标，搜索功能，默认状态下的@2x版本图片

当图标数量较多时，可依次命名为icon1、icon2、icon3等sketch up图标，以此确保名称的唯一性，避免重复。

大家能够由此及彼，比如针对同一广告位置sketch up图标，可以分别命名为一、二、三等。

常用英文单词表

若某些英文词汇较为冗长，人们可以选择将其简称为缩写，如我们之前所提及的，有人将其命名为bg，而有人则偏好使用其完整形式。实际上，这两种做法都是可行的。

切图命名英文缩写三个原则：

1、较短的单词可通过去掉“元音”形成缩写

2、较长的单词可取单词的头几个字母形成缩写

3、 此外还有一些约定成俗的英文单词缩写.

以下列出了一些在命名时经常使用的英文词汇表（其中部分已进行缩写，仅供参考）。

市面上充斥着各式各样的切图工具，尽管选择众多，然而在我们团队中，蓝湖插件的使用频率尤为突出。蓝湖不仅拥有丰富的插件功能，还能实现自动标注，设计图纸能够通过树状结构进行连线，实现一键式切图操作。此外，它还支持交互原型的制作以及产品文档的共享。

Axure 插件 插件 插件Adobe XD 插件

蓝湖官网：https://.com/?home

好了，今天就写到这里，希望对大家有所帮助~

阅读完本文后，若您心中存有疑问或是有所感悟，不妨通过私信或留言的方式与我进行深入探讨。

我是@千千素材库，在此免费提供最新精选的插画设计教程和丰富的素材资源。如果您喜欢我的文章，请点赞、关注、转发，同时欢迎更多朋友加入关注行列！

如有侵权请联系删除！