規(guī)范的命名方式可以提高客戶端程序員的開發(fā)效率和團(tuán)隊(duì)協(xié)作。
- 盡可能的用最少的字符而又能完整的表達(dá)標(biāo)識(shí)符的含義
- 只能包含小寫字母、數(shù)字致份、下滑線智袭，且數(shù)字奔缠、下劃線不能首位
- 切圖格式為png格式
啟動(dòng)界面命名規(guī)則
default.png（啟動(dòng)圖片）
default_logo.png（啟動(dòng)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（滑動(dòng)器）
radio（單選框） checkbox（復(fù)選框） bg（背景）
mask（蒙版／遮罩）
常用補(bǔ)充描述
上中下排序：top（頂部） middle（中間） bottom（底部）
次數(shù)排序：first（第一） second（第二） … last（最后）
位置排布：header（頁頭） footer（頁腳）
