界面设计文件命名方式有哪些？

更新时间：2024-01-19 19:25:41

界面设计文件命名怎样命名？这个看似简单的问题经常会困扰很多 UI 设计师。

随意的界面设计文件命名看上去节约了时间，实际上大漏特漏！后期会非常麻烦。因为在设计过程中，设计稿很少会一稿过，也就意味着我们需要反复的修改，与之前的版本，各个界面对比，如果命名很随意，大量时间浪费在找历史版本的界面设计文件上面，那就直接完蛋了。所以从我们开始在界面设计文件初期创建时，就要对图层、图层文件夹进行合理的命名，再到后面对历史版本，项目文件目录进行命名。

现在，越来越多的设计团队选择使用可云端编辑的设计工具，项目文件变得公开、共享，命名不再是仅仅关系到具体的某人，掌握命名技巧对提高团队协作效率的重要性越来越突出。今天给大家介绍从 3 个角度介绍界面设计文件命名方式，希望对你有帮助！

点击图片立即进入即时设计👇

1、文件夹命名

首先任何文件结构都应该是团队达成共识的，不能你一个结构他一个结构，那就乱套了，在日常工作中也要时常检查文件是否是正确的命名结构，即时修改订正，以避免不必要的麻烦。

• 层级命名

项目创建之初，要先进行一定的规划，预设会出现哪些类型的界面设计文件，做出层级的划分。比如：原型文件、设计参考、图片素材、颜色参考等，再将它们分门别类放入不同文件夹。设计参考、图片素材和颜色参考这种资源类的就可以放到一个 “设计素材汇总” 的文件夹中。这样可以保证提高我们使用搜索功能进行查找文件时的效率。

• 文字命名

一般采用数字或者字母开头，因为系统都会自带按名称、类型等默认递增或递减的排序方式。以数字或者字母开头，就可以保证文件的序列位置始终不会改变，经过反复的使用，肯定就会形成记忆惯性啦～找文件的速度也就越来越加快了。举例说明：1 文件类型名称、2 文件类型名称。

2、画板及图层命名

界面展示图和文件夹的命名方式完全不同，在界面设计文件中，我们所涉及到的画板、图层，最少也要有十几二十个，最多的话甚至有几百个界面，上面的命名方法就不太适用了，对于界面画板以及图层命名太过于复杂。我们不仅要保证团队命名风格的统一，还要保证命名清晰便于设计导入导出、团队交流协作。画板以及图层的命名可以参照 “页面 - 模块 - 元素 - 形状” 的形式，以下图左侧栏命名方式为例：

点击图片使用即时设计同款界面设计👇

3、切图命名

切图是界面设计中的一个重要步骤，通过切片工具将设计元素 “切” 成所需要的不同图形元素，以便能提供给前端开发人员完成界面布局。所以命名时要考虑让开发人员能最快速的搜索到所需素材。命名形式与文件夹命名形式类似，通过层级归纳即可，推荐使用数字命名开头。

点击图片使用即时设计同款界面设计👇

4、小结

界面设计文件命名方式到这里终于整理详细了，从文件命名到画板以及图层命名都包含在内啦！最后再总结一下规律，层级关系非常重要，分好层级再归纳。考虑检索需求，命名要养成习惯，方便自己也方便团队其他人能顺利找到自己的资源。希望以上关于界面设计文件命名方式的内容真的对你有帮助！

点击图片立即进入即时设计👇