2020-6-6 資深UI設(shè)計者
輸出專業(yè)規(guī)范的命名，建立有效的設(shè)計文件命名系統(tǒng)。
項目之初大家都會建立文件夾系統(tǒng)，用來存放項目資源。這時大家可以運用杜威十進制的命名方式來管理文件命名，方便排序，讓我們的項目文件足夠清晰，在長期的項目管理中養(yǎng)成一種良好的命名習(xí)慣。
項目命名規(guī)則
下面以 用戶端 V2.1.0_新增直售展位 虛擬項目為例，創(chuàng)建各資源的子文件夾，初步完成文件管理：
00_需求文檔（PRD）
01_交互設(shè)計（原型）
02_設(shè)計文件（設(shè)計）
04_競品分析
05_動效設(shè)計
06_應(yīng)用素材
07_參考資料
08_會議記錄
大家可以根據(jù)不同項目的性質(zhì)和流程進行增刪，選擇最適合自己的項目文件管理方式。
在設(shè)計文件中，我們最經(jīng)常接觸的就是畫板、圖層，少則幾十，多則幾百，我們需要更輕松的命名排序方式來查找我們的目標(biāo)，保證團隊命名風(fēng)格統(tǒng)一，清晰的場景命名更便于設(shè)計輸出和協(xié)作，也可以支持后期測試用例的填寫。
此時的命名目標(biāo)在于清楚展示頁面的從屬關(guān)系，以及流程上的交互關(guān)系。
畫板&圖層命名規(guī)則
每個畫板和圖層需要根據(jù)功能模塊/類型/狀態(tài)結(jié)合數(shù)字來進行命名，方便我們對頁面進行排序。數(shù)字可根據(jù)項目文件的操作順序和權(quán)重的具體情況來取舍。
00首頁
01詳情頁
02購物車
03我的
…
在 Sketch 中我們會經(jīng)常用到一個批量重命名的工具插件 Rename It，這個工具可以快速批量對畫板、組、圖層進行重命名。文末有一篇震震張關(guān)于這個插件的介紹，大家可以學(xué)習(xí)一下。
畫板和畫布的命名規(guī)范，是為了讓每個項目參與者都能快速找到目標(biāo)，對于設(shè)計師而言，可以主動思考頁面之間的關(guān)系。
一個應(yīng)用通常需要導(dǎo)出的切圖包含眾多類型：
對于切圖文件夾，可以通過通用文件、控件歸納等方法進行歸納管理。
對于切圖命名，可以無需考慮自己的英文命名具有普適性，記得命名最初的目標(biāo)是：便于團隊檢索定位，因為開發(fā)人員有自己的命名習(xí)慣和命名體系。
切圖命名原則
標(biāo)準(zhǔn)命名原則：模塊_名稱_狀態(tài) ，如導(dǎo)航欄_按鈕_點擊；
全局命名規(guī)則：模塊_全局_名稱_狀態(tài)，如導(dǎo)航欄_按鈕_全局_點擊（全局使用必須加全局標(biāo)識）
注意事項
如果產(chǎn)品使用了兩個平臺的獨立設(shè)計，需要 iOS 和 Android 兩個手機系統(tǒng)的切圖單獨建兩個文件夾，切圖文件分別導(dǎo)出，便于前端工程師檢索應(yīng)用。
以上是對設(shè)計項目過程中的文件管理及命名規(guī)范的一些筆記總結(jié)，持續(xù)優(yōu)化~
養(yǎng)成一個好的習(xí)慣從現(xiàn)在開始。\（ツ）/
文章來源：優(yōu)設(shè) 作者：木子的小千世界
藍藍設(shè)計的小編 http://tweetduck.com