1.基本规范:
(1)文件名必须全小写
(2)采用下划线命名法
(3)采用单词全拼,或者大家公认无岐义的缩写(比如:nav,bg,btn等)
2.命名规则
主要从两个角度来划分,一个是静态的模块功能页面(如应用tab下的各分类功能页面),一个是动态的场景页面(如pop出来的登录界面,搜索界面等)。
(1)模块_类别_功能_状态
对于静态的模块功能页面,按照 "模块_类别_功能_状态.png" 这样的规则命名。
I.模块分为公共模块、私有模块:
a.公共模块主要包括统一的背景,导航条,标签,公共的按钮背景,公共的默认图等
b.私有模块根据app的业务功能模块划分,比如首页,视频页,用户中心,消息中心等
II.类别为一个模块下的各分类模块,如用户中心的设置分类,财富分类,资料分类
III.功能作为类别下的不同细分业务的划分,如设置分类下的通知,清理缓存,退出登录等
IV.状态指当前切图所属UI元素的各种状态区分,如一个按钮的默认状态、选中状态、按下状态、不可点击状态
这样的话,个人中心(模块)设置(类别)中的清理缓存(功能)的按钮选中状态(状态)的切图,可以命名为 uc_settings_clearcache_selected.png
(2)场景_模块_状态
对于动态的场景界面,按照 "场景_模块_状态.png" 这样的规则。
如登录场景下的登录按钮选中状态:login_btn_selected.png
注:
对于图标和背景等没有状态切换的图片资源,要直接以icon和bg作为开头,给人以清晰的提示。
如一个用户中心的设置界面的缓存提示图标,清晰的命名应该是:icon_uc_settings_cache@2x.png
如视频搜索界面的搜索图标,icon_video_search@2x.png
3.常用的命名
基本名词命名
bg (backgrond): 背景
nav(navbar):导航栏
tab(tabbar):标签栏
btn(button):按钮
img(image):图片
del(delete):删除
msg(message):信息
icon:图标
content:内容
left/center/right:左/中/右
logo:标识
login:登录
register:注册
refresh:刷新
banner:广告
link:链接
user:用户
note:注释
bar:进度条
profile:个人资料
ranked:排名
error:错误
操作命名:
close:关闭
back:返回
edit:编辑
download:下载
collect:收藏
comment:评论
play:播放
pause:暂停
pop:弹出
audio:音频
video:视频
状态命名:
selected:选中
disabled:无法点击
highlight:点击时
default:默认
normal:一般
pressed:按下
slide:滑动
参考:
浅析app设计:切图的命名规范与标注说明 http://www.woshipm.com/pd/765432.html