发动态

没有新消息

更多内容

ui设计的命名规范有哪些?

职Q小助手

ui设计的命名规范包括: 1、所有文件以小写英文字母命名 ui设计的目标是让开发直接设计师的切图进行使用,不能够随意修改名称。而开发的代码里只有小写的英文字母,所以命名全部用小写的英文字母是最基本的规则。 2、命名格式规范 一个大型项目会分很多模块,每个模块由不同的设计师来独立完成,还有人会专门管理公共的组件,如tabbar、navbar等等,这种情况下就会分为两种切图,一种是通用类型的切图,还有一种就是各个模块特有的切图。 ①通用切片命名格式:组件_类别_功能_状态@2x.png。如:tabbar_icon_home_default@2x.png(对应中文:标签栏_图标_主页_默认@2x.png)。 ②模块特有切图命名规则:模块_类别_功能_状态@2x.png。如:mail_icon_search_pressed@2x.png(对应的中文为:邮件_图标_搜索_ 默认@2x.png)。 ③如有两个名字相同的搜索图标,大小不一,那这种情况可以这样命名:mail_icon_search_big_default@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(内容)、left/center/right(左/中/右)、logo(标识)、login(登录)、refresh(刷新)、banner(广告)、link(链接)、user(用户)、download(下载)、note(注释)等等。

0 赞+1
0
评论

0 条评论

暂无评论,快来写下您的评论