1、圖層切圖命名規(guī)范
命名按照層級如下：
所處頁面> 控件位置>控件類別 > 控件功能描述 > 控件狀態(tài)
頁面之間使用下劃線隔開：header_icon_add_nor

按照位置區(qū)域

狀態(tài)欄status bar
頭部 header
導(dǎo)航：nav底部 bottom
頁面主體：main內(nèi)容區(qū)域 content
主菜單欄、標(biāo)簽 ：submenu、tab、Tab Bar
側(cè)欄：side
頁尾：footer

狀態(tài)：

按下狀態(tài) pressed普通狀態(tài) nor
禁用狀態(tài)：disabled
突出顯示 highlighted
鼠標(biāo)懸停：hover

功能：

按鈕： btn輸入框 ：textfeild列表： list
文本顯示用：Text
文本編輯框：Edit
菜單：　Menu
單選鈕：Radiobutton
復(fù)選框：CheckBox
進(jìn)度條：ProgressBar：
列表：List
滾動：Scroll
摘要: summary
切換按鈕：switch
標(biāo)簽：label
密碼：password
段落：paragraph

圖層排序規(guī)范：

1、應(yīng)當(dāng)圖層從上到下，按照元素對應(yīng)在圖片中的位置依次從上到下排列。
2、當(dāng)圖層過多功能復(fù)雜時，按照功能和元素區(qū)域?qū)D層進(jìn)行分組，并根據(jù)圖層的顏色給予相應(yīng)的標(biāo)記。
3、當(dāng)需要將PSD文件交給開發(fā)時，應(yīng)當(dāng)將圖層按照一個個獨立的元素合并圖層。
4、切圖標(biāo)注工具有 pxcook markman Assister PS cutterman 等工具。