手机App切图命名规则

规范的命名方式可以提高客户端程序员的开发效率和团队协作。

• 尽可能的用最少的字符而又能完整的表达标识符的含义
• 只能包含小写字母、数字、下滑线，且数字、下划线不能首位
• 切图格式为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（页脚）