切图命名规则

切图命名规则

        因为最终输出的切图非常多,所以需要一个有序的命名规则,这样既方便自己查找,也能让开发者看懂。命名规则是“(界面或者功能)+(控件名)+(状态)+(补充描述)”。下面是几个典型界面切图的命名方式:

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(背景)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。