UI圖層命名規範大全

每一個UI設計師都應該建立一套規範化的命名規則（回想起Chand以前沒有建立規範化的命名規則，遭到了程序員的鄙視...），這套規則主要是方便自己或程序員記憶與查詢相對應的圖層，提高修改的效率。如果身為UI不做的話，到下個環節程序員可能要花更多的時間精力把你這些問題處理好後，才能正常開發。·

Chand給大家單分享一個萬能的公式（模塊_類別_功能_狀態.png），舉個例子：nav_button_search_normal.png（導航_按鈕_搜索_默認.png）；當然，命名規範也可以根據團隊內部的習慣來變通。

記住一些常用命名單詞：

按鈕狀態（選中）selected

按鈕狀態（禁用）disabled

按鈕狀態（默認）normal

按鈕狀態（按下）pressed

搜索 search

按鈕 btn

標籤欄 tab

背景 bg

用戶 user

狀態欄 statusbar

表格 sheet

列表 list

刷新 refresh

圖片 pic

線條 line

多選 checkbox

單選 radio

輸入框 textfeild

菜單 menu

提示 tips

頭像 head

廣告 banner

註冊 regsiter

鏈接 link

圖標 icon

個人資料 porfile

彈出 pop

刪除 delete

下載 download

登錄 login

標題 title

注釋 note

返回 back

編輯 eidt

內容 content

左右中 left right center

提示信息 msg

標誌 logo

密碼 password

啟動頁 default

取消 cancel

想成為一枚合格的UI設計師，記得把圖層要命名規範哈~

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！