规范的命名方式可以提高客户端程序员的开发效率和团队协作。
- 尽可能的用最少的字符而又能完整的表达标识符的含义
- 只能包含小写字母、数字、下滑线，且数字、下划线不能首位
- 切图格式为png格式
启动界面命名规则
default.png（启动图片）
default_logo.png（启动logo）
登录界面命名规则
login_bg.png（登录背景）
login_logo.png（登录logo）
login_input.png（输入框）
login_input_pre.png（输入框选中状态）
login_btn.png（登录按钮）
login_btn_pre.png（登录按钮选中状态）
导航栏按钮命名规则
nav_（功能描述）.png
如：nav_menu.png/nav_menu_pre.png（同一按钮选中前后两种状态命名）
左侧导航切图命名规则
leftbar_（功能描述）.png
如：leftbar_info.png/leftbar_info_pre.png（个人中心）
选项卡按钮命名规则
tab_（功能描述）.png
如：tab_set.png/tab_set_pre.png（设置）
主界面命名规则
home（界面名称）_（功能属性简写+描述）.png
如：home_btn_recommended.png（热门推荐）
部分功能属性简写：
按钮：btn
按钮文字：btntext
复选框：chb
背景：bg
单选框：rb
下拉：cbb
输入：ip
列表页命名规则
list_（功能属性+描述）.png
如：list_menu_collect.png（列表页收藏按钮）
可重复使用按钮命名规则
一般（normal）；btn_xxx_n.png
点击（highlight）：btn_xxx_h.png
不能点击（disabled）：btn_xxx.d.png
选中（selected）；btn_xxx_s.png
btn_（功能属性或色彩均可）.png
如：btn_blue.png（蓝色按钮）
其他命名
图示：icon_xxx.png
图片：pic_xxx.png或是img_xxx.png
照片：pho_xxx.png
控件&部件
btn（按钮：可点） icon（图标：不可点、非点击主体、图案部件）
sign（标记） list（列表） menu（菜单） view（视图）
panel（面板） sheet（底部弹出菜单） bar（栏）
statusbar（状态栏） navbar（导航栏） tabbar（标签栏）
toolbar（工具栏） switch（切换开关） slider（滑动器）
radio（单选框） checkbox（复选框） bg（背景）
mask（蒙版／遮罩）
常用补充描述
上中下排序：top（顶部） middle（中间） bottom（底部）
次数排序：first（第一） second（第二） … last（最后）
位置排布：header（页头） footer（页脚）
网友评论