切图命名规则
因为最终输出的切图非常多,所以需要一个有序的命名规则,这样既方便自己查找,也能让开发者看懂。命名规则是“(界面或者功能)+(控件名)+(状态)+(补充描述)”。下面是几个典型界面切图的命名方式:
1、登录界面命名
Login_bg.png(登录背景) Login_logo.png(登录LOGO)
Login_input.png(输入框) Login_input_pre.png(输入框选种状态)
Login_btn.png(登录按钮) Login_btn_pre.png(登录按钮选种状态)
2、按钮命名
Btn_xxx.png(按钮默认) Btn_xxx_pre.png(按钮选种状态)
Btn_xxx_disable.png(按钮不可点状态)
3、常见的控件命名
Icon(图标) Img(图片) List(列表)
Sign(标记) Menu(菜单) Bar(栏)
StatusBar(状态栏) NaviBar(导航栏) TabBar(标签栏)
ToolBar(工具栏) Switch(切换开关) Slider(滑动器)
Radio(单选框) CheakBox(复选框) Bg(背景)