今天我要分享的内容是关于切图命名规则和标注规范,从工作到现在开发过的项目大大小小也有十几二十个了,但每次的设计师可能都不是同一个人,他们每个人都有不同的规范和标注方式,所以想总结这一部分内容,让大家一起分享探讨一下。
关于切图命名的规范,我个人觉得关键是在于团队能够有一个统一的规则,所有成员严格遵守并且和所有开发全盘拉通,不然一切都是空谈。
而一套统一的标注规范不单止在一个项目中使用,也可以在之后的项目或者与别人去分享使用,减少重复的工作是很有帮助的。
在这里就介绍一种通用的命名规则,当然大家也可以根据自己的实际情况去制定,这里只提供一种方法与思路,仅供参考。
一、为什么要制定规范的命名规则和标注
1、自身层面
对自己的文件整理有很大的帮助,后期修改文件、图层的时候更加方便快捷,而且规范的命名也显得设计自身比较专业。
积累规范文档,对后续项目有帮助,能够提高工作效率,避免重复性工作。
2.团队层面
如果命名不统一,大家就很难达成共识,任务交接时需要很大的学习成本,所以规范的命名对于团队协作也有极大的推动作用。
3.开发层面
这一点是最重要的,可以极大的节省程序开发的时间成本,减少很多不必要的沟通与重复切图的概率,因为只要我们的命名足够规范,并且和开发达成共识,他们完全可以直接使用的我们切片而不需更改切片的名称,后期我们更换切图,只要切片名称不变,开发看都不用看直接替换就可以了。
规范命名规则在修改色值、组件大小的时候,能够统一修改减少重复工作,在同一状态但不同界面的组件设计只需修改指定标注文件即可,不需要每个界面的标注都进行修改。
二、所有命名全部为小写英文字母
这一点的理由很简单,设计的目标是让开发直接拿到切图后能够立刻使用,不能够随意修改名称,但是设计要知道,开发的代码里只有小写的英文字母,如果你给出的命名全是中文的,那么开发是一定要修改的。所以命名全部用小写的英文字母是最基本的规则。
三、统一标准遵循规范
在标注文件上的色值要统一,不能一些用RGB一些又用16进制,虽然两者都可以,但这样就会把开发搞糊涂了,也会显得自己不够专业。
标注的间隔和组件的大小要偶数,经常会出现设计师把图片切成是奇数的还有标注也是,这是一个很低级的错误。