通用切片命名格式:
組件_類別_功能_狀態(tài)@2x.png
舉例:tabbar_icon_home_default@2x.png
(對(duì)應(yīng)中文:標(biāo)簽欄_圖標(biāo)_主頁(yè)_默認(rèn)@2x.png)
啟動(dòng)頁(yè)面
default.png(啟動(dòng)圖片)
default_logo.png(啟動(dòng)logo)
登錄界面(login)
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)航欄按鈕(nav)
nav_(功能描述).png
如:nav_menu.png\nav_menu_pre.png(同一按鈕選中前后兩種狀態(tài)命名)
按鈕命名(btn可重復(fù)使用的按鈕)
一般(normal):btn-xxx-n.png
點(diǎn)擊(highlight):btn-xxx-n.png
不能點(diǎn)擊(disabled):btn-xxx-d.png
選中(selected):btn-xxx-s.png
btn_(功能屬性或色彩均可).png
其他命名:
圖示:icon-xxx.png
圖片:pic-xxx.png
照片:pho-xxx.png
左側(cè)導(dǎo)航:
leftbar_(功能描述).png
如:leftbar_info.png\leftbar_info_per.png(個(gè)人中心)
TabBar(底部選項(xiàng)卡按鈕)
如:tab_set.png(設(shè)置)
主頁(yè)命名
home_(功能屬性+描述).png
如:home_menu_recommended.png(熱門(mén)推薦)
PS:描述可用英文或拼音開(kāi)頭字母組合等
列表頁(yè)命名規(guī)則:
list_(功能屬性+描述).png
如:list_menu_collect.png(列表頁(yè)收藏按鈕)
UI文件命名規(guī)范常用字
normal(正常)? pressed(按下) selected(選中) disabled(禁用) visited(已訪問(wèn)) hover(懸停)
控件&部件(控件:較獨(dú)立的可操作界面元素 部件:描述屬于某控件的一部分)
btn(按鈕:可點(diǎn))
icon(圖標(biāo):不可點(diǎn)、非點(diǎn)擊主體吓懈、圖案部件)
sign(標(biāo)記)
list(列表)
menu(菜單)
view(視圖)
panel(面板)
sheet(薄板:底部彈出菜單)
bar(欄)
statusbar(狀態(tài)欄)
navibar(導(dǎo)航欄)
toolbar(工具欄)
switch(切換開(kāi)關(guān))
slider(滑動(dòng)器)
radio(單選框) checkbox(復(fù)選框)
bg(背景) mask(蒙板歼冰、遮罩)
常用補(bǔ)充描述
top(頂部)
middle(中間)
bottom(底部)
first(第一)
last(第二)
header(頁(yè)頭)
footer(頁(yè)腳)
bg(backgrond 背景)
nav(navbar 導(dǎo)航欄)
tab(tabbar 標(biāo)簽欄)
btn(button 按鈕)
img(image 圖片)
del(delete 刪除)
msg(message 提示信息)
pop(pop up 彈出)
icon(圖標(biāo))
selected(選中)
disabled(不可點(diǎn)擊)
default(默認(rèn))
pressed(按下)
back(返回)
edit(編輯)
content(內(nèi)容)
left/center/right(左/中/右)
logo(標(biāo)識(shí))
login(登錄)
refresh(刷新)
banner(廣告)
link(鏈接)
user(用戶)
download(下載)
note(注釋)