Sketch的圖層命名管理
圖層管理-圖層的命名
畫板命名:
項目名_ 一級分類_ 二級分類_ 狀態(tài)
例:支付 _ 首頁_ 我的_ 未登錄
切圖命名:
組件_ 類別_ 功能_ 狀態(tài)@2x.png
例:首頁_ 圖標(biāo)_ 搜索_ 默認狀態(tài) @2x.png
home_icon_search_nor@2x.png
需要注意:
1踢械、英文命名要小寫,因為有些開發(fā)語音無法識別大小寫的文件。
2栋操、切圖要用下劃線“_"销凑,而不是用:”/“焙贷,“/”符號是用來分級的缩抡,只適用于我們在軟件中管理圖標(biāo)適用隧膏,不要命名在切圖上哗讥。
3、不要有空格胞枕。
4杆煞、要盡量適用規(guī)范的英文單詞命名(可簡化的要簡化),要及時的和開發(fā)溝通命名的規(guī)范要求。
組的命名:
一級組/二級組/三級組
命名板塊的拆分理解:
1决乎、在哪里? 標(biāo)簽欄:tab 導(dǎo)航欄:nav
2队询、是什么? 圖標(biāo):icon-ic 背景:back ground-bg
3构诚、什么功能蚌斩? 搜索:search 設(shè)置:set
4、什么狀態(tài)范嘱? 默認狀態(tài):normal 不能點擊:enabled
命名時常見的英文單詞列表
中文名 | 英文 |
---|---|
背景 | 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 |
開關(guān) | switch |
進度 | process |
信息 | information(info) |
頭像 | head |
不可點擊狀態(tài) | disabled(dis) |
默認狀態(tài) | default |
按下送膳、點擊狀態(tài) | pressed(pre) |
返回 | back |
編輯 | edit |
內(nèi)容 | content |
左中右 | left\center\right |
標(biāo)識 | logo |
登錄 | login |
刷新 | refresh |
廣告 | banner |
鏈接 | link |
用戶 | user |
下載 | download |
標(biāo)題 | title |
注釋 | note |
頂部 | top |
中間 | middle(mid) |
底部 | bottom |
第一 | first |
第二 | second |
最后 | last |
頁頭 | header |
頁腳 | footer |