•  一、 前言

每位设计师都应该遵守我们的切图命名规范，切勿标新立异，这是为了我们可以更好地与工程师进行协同合作，统一的切图输出方式和命名能够保证团队内部的沟通效率，减少交接文件时发生的问题，提高我们的办公效率。

•  二、 基本方式

切片种类+功能+图片描述（可有可无）+状态.png

名称应使用英文命名(中文不识别，统一小写字母)，不要以数字或者符号当作开头，使用下划线进行连接。

例：一个首页的处于正常状态的确定按钮

btn_sure_nor.png

btn_sure_nor@2x.png （@2x、@3x 是app的命名规范）切片种类是按钮（btn）；功能是确定(sure)；状态是normal(正常)

•  三、 常用命名

•  (一) 登录界面（login）

login_bg.png(登录背景)

login_logo.png(登录logo)

login_input.png(输入框)

login_btn.png(登录按钮)

login_btn_pre.png(登录按钮选中状态)

•  (二) 导航栏按钮

•  (三) 按钮命名

一般（normal）:btn_xx_nor.png

点击（hightlight）:btn_xx_hig.png

不能点击（disabled）:btn_xx_dis.png

选中（selected）:btn_xxx_sel.png

btn_(功能属性或色彩均可).png

如:btn_blue.png

•  (四) 其他命名

图标：icon_xxx.png

图片：pic_xxx.png或是img_xxx.png

照片：pho_xxx.png

•  (五) 左侧导航

leftbar_(功能描述).png

如：leftbar_info.png

leftbar_info_pre.png(个人中心)

•  (六) TabBar(底部选项卡按钮)

tab_（功能描述）.png

如：tab_set.png (设置)

•  (七) 命名规范常用字：

常用状态

normal(正常) pressed（按下） selected（选中）disabled（禁用） visited（已访问） hover（悬停）

•  (八) 控件或者部件

控件或者部件（控件：较独立的可操作界面元素；部件：描述属于某控件的一部分）

btn（按钮：可点）icon（图标：不可点、非点击主体、图案部件）sign（标记）lis（列表）menu(菜单)view（视图）panel（面板）sheet（薄板：底部弹出菜单）bar（栏）statusbar（状态栏）navibar（导航栏）tabbar（标签栏）toolbar（工具栏）switch（切换开关）slider（滑动器）radio（单选框）checkbox（复选框）bg（背景：部件）mask（蒙版/遮罩）

•  (九) 常用补充描述

上中下排序top（顶部） middle（中间） bottom（底部）

次数排序 first（ 第一）second（第二）…. Last（最后）

位置排布 header（页头） footer（页脚）