規范的命名方式可以提高客戶端程序員的開發效率和團隊協作。

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

啟動界面命名規則

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

登錄界面命名規則

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

導航欄按鈕命名規則

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

左側導航切圖命名規則

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

選項卡按鈕命名規則

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

主界面命名規則

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

列表頁命名規則

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

可重復使用按鈕命名規則

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

其他命名

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

控件&部件

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

常用補充描述

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