ui设计命名规范是什么?

2021-03-31
3569
0

ui设计命名规范是什么?很多UI设计师对于“命名”是没什么概念的,他们都是随随便便地用一些没有特定意思的字母去给页面命名,这是不好的。那么,今天和绘学霸小编一起了解下:ui设计命名规范是什么?

ui设计命名规范是什么?
统一的、规范的命名对我们自己的文件整理有很大的帮助,后期修改文件、图层的时候更加方便快捷,而且规范的命名也显得我们自身比较专业。
而且,如果如果命名不统一,团队之间的成员很难达成共识,任务交接时需要很大的学习成本。


而更重要的是,有规范的命名可以极大的节省程序开发的时间成本,减少很多不必要的沟通与重复切图的概率。
程序员完全可以直接使用的我们切片而不更改切片的名称,后期我们更换切图,只要切片名称不变,开发看都不用看直接替换就可以了。
 
1.所有命名全部为小写英文字母在程序员的代码里只有小写的英文字母,如果你给出的命名全是中文的,那么他们是一定会更改的,所以命名全部用小写的英文字母是最基本的规则。
有些人会觉得写这么多英文太麻烦,但其实为了自己专业能力的提高,这种规范的命名方式是必须要经历的过程,当你习惯了这样的命名方式后,你的成就感会油然而生。

 

2.命名格式一个大型项目会分很多模块,每个模块由不同的设计师来独立完成,还有人会专门管理公共的组件,如tabbar、navbar等等,这种情况下就会分为两种切图,一种是通用类型的切图,还有一种就是各个模块特有的切图。
通用切片命名格式:组件_类别_功能_状态@2x.png举例:tabbar_icon_home_default@2x.png(对应中文:标签栏_图标_主页_默认@2x.png)
模块特有切图命名规则:模块_类别_功能_状态@2x.png举例:mail_icon_search_pressed@2x.png(对应的中文为:邮件_图标_搜索_默认@2x.png)
我们的原则就是清晰的表达出切片的具体内容并且没有重复的名称。(要注意,命名中不能含有空格) 


3.常用英文单词如果所有命名都写为全称,名字就会特别长,所以我们可以将一些常用的英文单词进行缩写,减少工作成本与开发代码资源。
至于怎么缩写,只要整个团队能够达成共识并且输出一份缩写清单,任何缩写规则都是可以的。

 

下面提供一些命名时常用的英文单词列表:
bg(backgrond 背景)nav(navbar 导航栏)tab(tabbar 标签栏)btn(button 按钮)img(image 图片)del(delete 删除)msg(message 提示信息)pop(pop up 弹出)icon(图标)selected(选中)disabled(不可点击)default(默认)pressed(按下)back(返回)edit(编辑)content(内容) 

 

那么,今天关于ui设计命名规范是什么?的分享就这些了。自我更新的过程需要打破常规、重塑自我,这里提到的重塑不是改变性格;这是一个投入实践的过程,让我们回首过去的自我,重新排列优先级,去探寻真正或新发现的兴趣。
如果想学习了解UI设计更多干货资讯,可以下载绘学霸App,海量视频教学,一步一脚印,零基础变大神,专业学习教程,业内优秀名师现场录制1080P超高清画质,你不会错过任何一个细节处理。精选高品质课程只为你学得更好。每天都有海量的新课程视频等你来学。

免责声明:本文内部分内容来自网络,所涉绘画作品及文字版权与著作权归原作者,若有侵权或异议请联系我们处理。
收藏

全部评论

您还没登录

暂无留言,赶紧抢占沙发
王氏教育是国内专业的CG数字艺术设计线上线下学习平台,在王氏教育,有原画、插画、漫画、影视、3D模型等培训课程,也有学习资源下载、行业社区交流。CG数字艺术学习,来王氏教育。
绘学霸iOS端二维码

IOS下载

绘学霸安卓端二维码

安卓下载

绘学霸微信小程序二维码

小程序

版权声明
本网站所有产品设计、功能及展示形式,均已受版权或产权保护,任何公司及个人不得以任何方式复制部分或全部,违者将依法追究责任,特此声明。
热线电话
18026259035
咨询时间:9:00~21:00
在线客服
联系网站客服
客服微信:18026259035
公司地址
中国·广州
广州市海珠区晓港中马路130号之19
绘学霸客户端(权限暂无,用于CG资源与教程交流分享)
王氏教育 王氏教育