<strike id="cy2gs"><menu id="cy2gs"></menu></strike>
  • <del id="cy2gs"><dfn id="cy2gs"></dfn></del>
  • 如何建立的設計文件命名系統(tǒng)?這是我的常用方法!

    2020-6-6    濤濤

    學習文件命名的目標

    輸出專業(yè)規(guī)范的命名,建立有效的設計文件命名系統(tǒng)。

    各階段的命名規(guī)則

    1. 項目文件命名

    項目之初大家都會建立文件夾系統(tǒng),用來存放項目資源。這時大家可以運用杜威十進制的命名方式來管理文件命名,方便排序,讓我們的項目文件足夠清晰,在長期的項目管理中養(yǎng)成一種良好的命名習慣。

    項目命名規(guī)則

    • 項目文件夾:產(chǎn)品名稱 + 版本號 + 簡要迭代描述
    • 項目資源文件:NO._文件類型名稱

    下面以 用戶端 V2.1.0_新增直售展位 虛擬項目為例,創(chuàng)建各資源的子文件夾,初步完成文件管理:

    00_需求文檔(PRD)

    01_交互設計(原型)

    02_設計文件(設計)

    • 00_GUI 過程稿
    • 01_GUI 定稿
    • 02_設計說明
    • 03_切圖文件

    04_競品分析

    05_動效設計

    06_應用素材

    07_參考資料

    08_會議記錄

    大家可以根據(jù)不同項目的性質(zhì)和流程進行增刪,選擇最適合自己的項目文件管理方式。

    2. 畫板及圖層命名

    在設計文件中,我們最經(jīng)常接觸的就是畫板、圖層,少則幾十,多則幾百,我們需要更輕松的命名排序方式來查找我們的目標,保證團隊命名風格統(tǒng)一,清晰的場景命名更便于設計輸出和協(xié)作,也可以支持后期測試用例的填寫。

    此時的命名目標在于清楚展示頁面的從屬關系,以及流程上的交互關系。

    畫板&圖層命名規(guī)則

    • 畫板命名:功能模塊 ;
    • 圖層命名:NO._NO.子模塊_NO.類型_NO.狀態(tài);

    每個畫板和圖層需要根據(jù)功能模塊/類型/狀態(tài)結合數(shù)字來進行命名,方便我們對頁面進行排序。數(shù)字可根據(jù)項目文件的操作順序和權重的具體情況來取舍。

    00首頁

    • 0_1新增廣告位_1單個
    • 0_1新增廣告位_2多個
    • 0_1新增廣告位_3組合
    • 0_2無商品占位

    01詳情頁

    02購物車

    03我的

    在 Sketch 中我們會經(jīng)常用到一個批量重命名的工具插件 Rename It,這個工具可以快速批量對畫板、組、圖層進行重命名。文末有一篇震震張關于這個插件的介紹,大家可以學習一下。

    畫板和畫布的命名規(guī)范,是為了讓每個項目參與者都能快速找到目標,對于設計師而言,可以主動思考頁面之間的關系。

    3. 切圖命名

    一個應用通常需要導出的切圖包含眾多類型:

    • 背景圖
    • 插畫素材
    • 動畫素材
    • 圖標
    • Logo

    對于切圖文件夾,可以通過通用文件、控件歸納等方法進行歸納管理。

    對于切圖命名,可以無需考慮自己的英文命名具有普適性,記得命名最初的目標是:便于團隊檢索定位,因為開發(fā)人員有自己的命名習慣和命名體系。

    切圖命名原則

    標準命名原則:模塊_名稱_狀態(tài) ,如導航欄_按鈕_點擊;

    全局命名規(guī)則:模塊_全局_名稱_狀態(tài),如導航欄_按鈕_全局_點擊(全局使用必須加全局標識)

    • 導航欄_購物車_高亮.png
    • 詳情_分享.png
    • 登錄按鈕_點擊.png

    注意事項

    如果產(chǎn)品使用了兩個平臺的獨立設計,需要 iOS 和 Android 兩個手機系統(tǒng)的切圖單獨建兩個文件夾,切圖文件分別導出,便于前端工程師檢索應用。

    小結

    以上是對設計項目過程中的文件管理及命名規(guī)范的一些筆記總結,持續(xù)優(yōu)化~

    養(yǎng)成一個好的習慣從現(xiàn)在開始。\(ツ)/

    文章來源:優(yōu)設    作者:木子的小千世界

    日歷

    鏈接

    個人資料

    藍藍設計的小編 http://www.skdbbs.com

    存檔

    主站蜘蛛池模板: 亚洲国产另类久久久精品| 老司机性色福利精品视频| 亚洲午夜国产精品无码老牛影视| 国内精品久久国产大陆| 亚洲精品无码你懂的网站| 国产精品.XX视频.XXTV| 99久久人妻无码精品系列| 亚洲欧美国产精品第1页| 国产精品一香蕉国产线看观看 | 成人精品视频99在线观看免费 | 国产精品VA在线观看无码不卡| 一本一道久久a久久精品综合| 国内精品免费久久影院| 日本欧美韩国日本精品| 国产午夜精品免费一区二区三区| 亚洲精品在线视频| 久久亚洲国产精品五月天婷| 国产伦精品一区二区三区视频猫咪 | 久久精品国产亚洲av高清漫画| 亚州日韩精品专区久久久| 精品久久久久久国产牛牛app| 国产精品福利片免费看 | 欧美精品一区二区精品久久| 国产午夜福利精品久久2021| 亚洲国产精品无码专区在线观看| 婷婷成人国产精品| 亚洲精品国产综合久久一线| 日韩精品成人亚洲专区| 完整观看高清秒播国内外精品资源| 欧美午夜精品一区二区三区91| 日韩精品人妻av一区二区三区| 久久久亚洲精品蜜桃臀| 久热精品视频第一页| 麻豆精品三级全部视频| 亚洲国产精品自产在线播放| 亚洲精品动漫人成3d在线| 中文字幕无码精品三级在线电影| 中文字幕精品视频在线| 野狼第一精品社区| 精品少妇无码AV无码专区| 98视频精品全部国产|