UI命名规范

来源：南宁UI设计培训学校时间：2021/11/12 15:50:51

　　1、所有命名全部为小写英文字母在程序员的代码里只有小写的英文字母，如果你给出的命名全是中文的，那么他们是一定会更改的，所以命名全部用小写的英文字母是基本的规则。有些人会觉得写这么多英文太麻烦，但其实为了自己专业能力的提高，这种规范的命名方式是必须要经历的过程，当你习惯了这样的命名方式后，你的成就感会油然而生。

　　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(内容)

　　交互规范以下几点交互常识：

　　简化操作：能一步完成的交互就不要分两步。

　　用户习惯：大部分用户都有固化思维，而设计师应该尊重用户选择。

　　减少干扰：减少界面元素的不确定因素，方便用户找到自己想要的。

　　响应：加快用户读取的响应速度，能够避免从远程取数据的，就尽量避免。

　　界面友好：除了根据需求提供视觉解决方案以外，设计时增添能使界面友好起来的细节也是很有必要的。

尊重原创文章，转载请注明出处与链接：http://www.peixun360.com/577/news/436724/违者必究！ 以上就是南宁UI设计培训学校 小编为您整理 UI命名规范的全部内容。