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
网友评论