Sketch的圖層命名管理
圖層管理-圖層的命名
畫板命名：
項(xiàng)目名_ 一級(jí)分類_ 二級(jí)分類_ 狀態(tài)
例：支付 _ 首頁(yè)_ 我的_ 未登錄
切圖命名：
組件_ 類別_ 功能_ 狀態(tài)@2x.png
例：首頁(yè)_ 圖標(biāo)_ 搜索_ 默認(rèn)狀態(tài) @2x.png
home_icon_search_nor@2x.png
需要注意：
1、英文命名要小寫，因?yàn)橛行╅_(kāi)發(fā)語(yǔ)音無(wú)法識(shí)別大小寫的文件。
2、切圖要用下劃線“_"，而不是用：”/“，“/”符號(hào)是用來(lái)分級(jí)的，只適用于我們?cè)谲浖泄芾韴D標(biāo)適用，不要命名在切圖上。
3、不要有空格。
4、要盡量適用規(guī)范的英文單詞命名（可簡(jiǎn)化的要簡(jiǎn)化），要及時(shí)的和開(kāi)發(fā)溝通命名的規(guī)范要求。
組的命名：
一級(jí)組/二級(jí)組/三級(jí)組
命名板塊的拆分理解：
1、在哪里? 標(biāo)簽欄：tab 導(dǎo)航欄：nav
2、是什么？ 圖標(biāo)：icon-ic 背景：back ground-bg
3、什么功能？ 搜索：search 設(shè)置：set
4、什么狀態(tài)？ 默認(rèn)狀態(tài)：normal 不能點(diǎn)擊：enabled
命名時(shí)常見(jiàn)的英文單詞列表
| 中文名 | 英文 |
|---|---|
| 背景 | bg(background) |
| 導(dǎo)航欄 | nav(navbar) |
| 標(biāo)簽欄 | tab(tabbar) |
| 狀態(tài)欄 | statesbar |
| 內(nèi)容區(qū)域 | content |
| 工具欄 | toolbar |
| 列表 | list |
| 表格 | table |
| 指示器 | indicator |
| 按鈕 | btn(button) |
| 圖片 | img(image) |
| 刪除 | del(delete) |
| 提示信息 | msg(message) |
| 彈出 | pop(pop up) |
| 圖標(biāo) | icon |
| 選中 | selected |
| 多選 | checkbox |
| 單選 | radio |
| 開(kāi)關(guān) | switch |
| 進(jìn)度 | process |
| 信息 | information（info） |
| 頭像 | head |
| 不可點(diǎn)擊狀態(tài) | disabled(dis) |
| 默認(rèn)狀態(tài) | default |
| 按下、點(diǎn)擊狀態(tài) | pressed(pre) |
| 返回 | back |
| 編輯 | edit |
| 內(nèi)容 | content |
| 左中右 | left\center\right |
| 標(biāo)識(shí) | logo |
| 登錄 | login |
| 刷新 | refresh |
| 廣告 | banner |
| 鏈接 | link |
| 用戶 | user |
| 下載 | download |
| 標(biāo)題 | title |
| 注釋 | note |
| 頂部 | top |
| 中間 | middle(mid) |
| 底部 | bottom |
| 第一 | first |
| 第二 | second |
| 最后 | last |
| 頁(yè)頭 | header |
| 頁(yè)腳 | footer |
