首页>学校动态>UI命名规范

UI命名规范

来源:重庆ui设计培训学校时间:2021/6/1 17:05:36

  UI命名规范:

  1、所有命名全部为小写英文字母在程序员的代码里只有小写的英文字母,如果你给出的命名全是中文的,那么他们是一定会更改的,所以命名全部用小写的英文字母是基本的规则。

  有些人会觉得写这么多英文太麻烦,但其实为了自己专业能力的提高,这种规范的命名方式是必须要经历的过程,当你习惯了这样的命名方式后,你的成就感会油然而生。

UI命名规范

  2、命名格式一个大型项目会分很多模块,每位设计师独立负责其中的一个part,还有人会专门管理公共的组件,如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设计培训学校

版权所有:培训指南

  • 在线咨询
  • 电话咨询
  • 预约试听