規(guī)范的命名方式可以提高客戶端程序員的開發(fā)效率和團(tuán)隊(duì)協(xié)作。

• 盡可能的用最少的字符而又能完整的表達(dá)標(biāo)識符的含義
• 只能包含小寫字母、數(shù)字、下滑線，且數(shù)字、下劃線不能首位
• 切圖格式為png格式

啟動界面命名規(guī)則

default.png（啟動圖片）
default_logo.png（啟動logo）

登錄界面命名規(guī)則

login_bg.png（登錄背景）
login_logo.png（登錄logo）
login_input.png（輸入框）
login_input_pre.png（輸入框選中狀態(tài)）
login_btn.png（登錄按鈕）
login_btn_pre.png（登錄按鈕選中狀態(tài)）

導(dǎo)航欄按鈕命名規(guī)則

nav_（功能描述）.png
如：nav_menu.png/nav_menu_pre.png（同一按鈕選中前后兩種狀態(tài)命名）

左側(cè)導(dǎo)航切圖命名規(guī)則

leftbar_（功能描述）.png
如：leftbar_info.png/leftbar_info_pre.png（個(gè)人中心）

選項(xiàng)卡按鈕命名規(guī)則

tab_（功能描述）.png
如：tab_set.png/tab_set_pre.png（設(shè)置）

主界面命名規(guī)則

home（界面名稱）_（功能屬性簡寫+描述）.png
如：home_btn_recommended.png（熱門推薦）
部分功能屬性簡寫：
按鈕：btn
按鈕文字：btntext
復(fù)選框：chb
背景：bg
單選框：rb
下拉：cbb
輸入：ip

列表頁命名規(guī)則

list_（功能屬性+描述）.png
如：list_menu_collect.png（列表頁收藏按鈕）

可重復(fù)使用按鈕命名規(guī)則

一般（normal）；btn_xxx_n.png
點(diǎn)擊（highlight）：btn_xxx_h.png
不能點(diǎn)擊（disabled）：btn_xxx.d.png
選中（selected）；btn_xxx_s.png
btn_（功能屬性或色彩均可）.png
如：btn_blue.png（藍(lán)色按鈕）

其他命名

圖示：icon_xxx.png
圖片：pic_xxx.png或是img_xxx.png
照片：pho_xxx.png

控件&部件

btn（按鈕：可點(diǎn)） icon（圖標(biāo)：不可點(diǎn)、非點(diǎn)擊主體、圖案部件）
sign（標(biāo)記） list（列表） menu（菜單） view（視圖）
panel（面板） sheet（底部彈出菜單） bar（欄）
statusbar（狀態(tài)欄） navbar（導(dǎo)航欄） tabbar（標(biāo)簽欄）
toolbar（工具欄） switch（切換開關(guān)） slider（滑動器）
radio（單選框） checkbox（復(fù)選框） bg（背景）
mask（蒙版／遮罩）

常用補(bǔ)充描述

上中下排序：top（頂部） middle（中間） bottom（底部）
次數(shù)排序：first（第一） second（第二） … last（最后）
位置排布：header（頁頭） footer（頁腳）