1.基本規(guī)范：

(1)文件名必須全小寫
(2)采用下劃線命名法
(3)采用單詞全拼，或者大家公認(rèn)無岐義的縮寫(比如：nav，bg，btn等)

2.命名規(guī)則

主要從兩個角度來劃分，一個是靜態(tài)的模塊功能頁面（如應(yīng)用tab下的各分類功能頁面），一個是動態(tài)的場景頁面(如pop出來的登錄界面，搜索界面等)。

(1)模塊_類別_功能_狀態(tài)

對于靜態(tài)的模塊功能頁面，按照 "模塊_類別_功能_狀態(tài).png" 這樣的規(guī)則命名。

I.模塊分為公共模塊、私有模塊:
a.公共模塊主要包括統(tǒng)一的背景，導(dǎo)航條，標(biāo)簽，公共的按鈕背景，公共的默認(rèn)圖等
b.私有模塊根據(jù)app的業(yè)務(wù)功能模塊劃分，比如首頁，視頻頁，用戶中心，消息中心等
II.類別為一個模塊下的各分類模塊，如用戶中心的設(shè)置分類，財富分類，資料分類
III.功能作為類別下的不同細(xì)分業(yè)務(wù)的劃分，如設(shè)置分類下的通知，清理緩存，退出登錄等
IV.狀態(tài)指當(dāng)前切圖所屬UI元素的各種狀態(tài)區(qū)分，如一個按鈕的默認(rèn)狀態(tài)、選中狀態(tài)、按下狀態(tài)、不可點(diǎn)擊狀態(tài)

這樣的話，個人中心(模塊)設(shè)置(類別)中的清理緩存(功能)的按鈕選中狀態(tài)(狀態(tài))的切圖，可以命名為 uc_settings_clearcache_selected.png

(2)場景_模塊_狀態(tài)

對于動態(tài)的場景界面，按照 "場景_模塊_狀態(tài).png" 這樣的規(guī)則。

如登錄場景下的登錄按鈕選中狀態(tài)：login_btn_selected.png

注：

對于圖標(biāo)和背景等沒有狀態(tài)切換的圖片資源，要直接以icon和bg作為開頭，給人以清晰的提示。
如一個用戶中心的設(shè)置界面的緩存提示圖標(biāo)，清晰的命名應(yīng)該是：icon_uc_settings_cache@2x.png
如視頻搜索界面的搜索圖標(biāo)，icon_video_search@2x.png

3.常用的命名

基本名詞命名

bg (backgrond）： 背景
nav（navbar）：導(dǎo)航欄
tab（tabbar）：標(biāo)簽欄
btn（button）：按鈕
img（image）：圖片
del（delete）：刪除
msg（message）：信息
icon：圖標(biāo)
content：內(nèi)容
left/center/right：左/中/右
logo：標(biāo)識
login：登錄
register：注冊
refresh：刷新
banner：廣告
link：鏈接
user：用戶
note：注釋
bar：進(jìn)度條
profile：個人資料
ranked：排名
error：錯誤

操作命名：

close：關(guān)閉
back：返回
edit：編輯
download：下載
collect：收藏
comment：評論
play：播放
pause：暫停
pop：彈出
audio：音頻
video：視頻

狀態(tài)命名：

selected：選中
disabled：無法點(diǎn)擊
highlight：點(diǎn)擊時
default：默認(rèn)
normal：一般
pressed：按下
slide：滑動

參考：

淺析app設(shè)計：切圖的命名規(guī)范與標(biāo)注說明 http://www.woshipm.com/pd/765432.html