太原天琥设计培训学校：UI设计中的命名规则

太原天琥设计培训班干货营开课啦，每天与你分享最新鲜的设计干货，最实用的设计技巧，最好玩儿的设计行业动态，最新奇的脑动创新。

今天和大家分享的干货要点就是关于UI设计命名的相关知识！

老祖宗有句名言：一屋不扫何以扫天下。很多看似微小的事情，却可能影响到以后的工作。就拿文件命名来说，很多UI设计都不以为然。全然凭借自己的兴趣，甚至随便去给页面命名。太原天琥设计培训学校友情提示这种做法非常不可取。为什么这么说呢？往下看就你知道了。

统一有序的命名方式会大在提高我们的工作效率，试想一下如果你后期修改文件，找不到自己的文件是不是很崩溃？同时规范命名也体现了我们UI设计师的专业生。如果命名不统一，还会增加与团队之员的沟通成本，在任务交接时需要花费额外时间和精力。

鲁迅爷爷有说过，浪费时间就是浪费生命。有规范的命名可以在大大的节省程序开发的时间，减少不必要的沟通和重复切图的概率。程序员完全可以直接使用的我们切片而不更改切片的名称，后期我们更换切图，只要切片名称不变，开发人员就要可直接使用。

1.所有命名为小写英文字母

命名全部用小写的英文字母是最基本也是大多数UI设计师应该意识到的基本规则。这是为什么呢？因为程序员的代码里只有小写的英文字母，这样是为了大大节省别人的时间。如果你给出的命名全是中文的，他们得花时间进行更改，给他人造成额外的负担是非常不对的哦，同时也会让人家觉得你不专业。

2.命名格式规范

一个大型项目会分很多模块，每个模块由不同的设计师来独立完成，还有人会专门管理公共的组件，如tabbar、navbar等等，这种情况下就会分为两种切图，一种是通用类型的切图，还有一种就是各个模块特有的切图。

众所周知，一个大型的项目会有很多个模块，由不同的设计师独立完成相关的模块，最后汇成一个完美的作品。还会有人专门管理公共的组件，例如tabbar、navbar等等。在这种情况下就会有两种切图。一种是通用类型蝗切图，另外一个就是模块特有的切图。那么这两个模块的切图怎么样命名更规划呢？一起来看一下。

3.通用切片命名格式：

组件_类别_功能_状态@2x.png

模块特有切图命名规则：

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

原则就是快速准确的表达出切片的具体内容，并且没有重复的名称。注意哦，命名中不能包含有空格。至于原因，相信大家都懂的。

以上就是关于命名规则的相关分享了。希望能对喜欢UI设计的你有帮助，想了解更多干货以及培训课程，就关注太原天琥设计培训学校吧。

上一篇: 太原天琥设计学校：平面设计与UI设计哪个好     下一篇: 新手如何学习CAD呢