今天来给大家分享关于切图命名的规范,千千作为一名资深UI设计师,在命名规范方面可谓如火纯青~在与开发小哥哥的合作中会发现每一位开发小哥哥的命名都不一样,但大体不会有偏差太大的情况。有的开发小哥哥喜欢用缩写,例如背景:有的人会命名成缩写bg,有的人会命名全称background,个人觉得这个不是重点,关键是在于公司团队能够有一个统一的规则,这样全体成员都能严格遵守规范,会大大提高产品的开发效率,节约公司的开发成本。早期刚入行的时候公司还会就切图命名规范相关的问题来讲解,可见切图命名规范的重要性。好了,接下来开始今天的主题了!
切图命名规范的要求
1、所有命名全部为小写英文字母
原因是开发小哥哥的代码里面全是小写的英文字母,如何切图命名成中文的话,会导致开发小哥哥将命名全部更改,这样会耽误产品开发的进度。
2、所有命名不得出现大写以及中文和空格或其他符号,单词之间用_隔开
- 切图格式:Png格式
- 通用切片命名格式:组件_类别_功能_状态@2x.png
举例:
tabbar_icon_home_default@2x.png(中文对应的是:标签栏_图