下圖這張圖是我以前文件整理的狀態！是不是很亂？我告訴你，那不是很亂，那是相當亂！

如果做項目，文件整理成這樣，后期不論是自己找文件，還是工作交接都會很痛苦。

作為一名視覺設計師，將文件整理的井然有序是我們必須要具備的能力，如果你現在還沒有一個完整的文件管理體系，可以先看看我的！

我們假設現在一個新的項目開始了，名字叫做《iwork》，我會為這個項目建立7個文件夾，大綱如下：

1. 項目規劃及需求
2. 交互設計
3. 視覺設計
4. 標注
5. 切圖
6. 走查報告
7. 參考資料

我們來一個一個講解

1. 項目規劃及需求

這里面包含的內容有：產品定位、競品分析、用戶旅程圖、需求文檔、產品數據等等，如下圖：

假設競品分析前期還沒有內容，沒有關系啊，我們可以先把文件夾建好，以后有了再放進去。

千萬不要覺得自己是做視覺的，就不需要了解項目前期的內容，每做一個項目，我們都要把自己當做項目負責人，了解全局，雖然不需要深入研究，但至少知道自己在做什么，產生什么價值。

2. 交互設計

我們每天需要和交互設計師溝通，接收他們的交互稿來完成視覺設計，這里面放的就是交互文件，按照功能模塊來放置就好。

值得一提的是，我們只需要放最新的交互稿（若交互和視覺是一個人來負責，就需要做好歷史版本的記錄），不需要存放歷史版本，因為交互設計師那邊會有存檔。

3. 視覺設計

這里就是我們的本職工作了，里面包含的內容有：概念設計、規范、未評審、定稿、歷史記錄。

如下圖：

3.1 概念設計

概念設計就是項目開始前做的一些概念稿，雖然后期可能用不上了，但是我們也可以存留下來，對比一下概念版和現實版有什么差別，有什么業務、技術上的限制，即使現實版做的沒有概念版好看，至少我們可以說出原因，尤其是在面試的時候，可以派上很大的用場。

3.2 規范

我們經常會有做界面拿不準主意的時候，比如圓角多大、字號多大、間距多少，這時候你就可以打開視覺規范來瞧一瞧，幫你節省很多糾結的時間。

3.3 未評審

很好理解吧，就是還沒有經過老板或團隊評審的設計稿，一定要和定稿文件分開放，不然當文件過多的時候，很容易搞混亂，如果一不小心發給開發哥哥未評審的設計稿，你的責任大大地！

3.4 定稿文件

這個文件夾放著最重要的東西——輸出的定稿文件（始終保持最新版本）。

3.5 歷史記錄

舊版本的設計稿都會放在這個文件夾里，并且半年清除一次，因為很少會用到半年之前的版本。

4. 標注

標注按照功能模塊來進行整理，如下圖：

由于現在我是用sketch自動標注切圖，非常方便，所以我只留下最新的標注文件，舊版本的標注文件全部刪除掉，因為基本用不上，即使用上，再導出一份也很方便。

5. 切圖

切圖和標注差不多，也是按照功能模塊來進行整理，如下圖：

很多時候，我們會單獨新增一兩個頁面，這時一定要及時將新增頁面的切圖進行歸類整理，開發哥哥希望永遠拿到的都是整個模塊最新最全的切圖，而不是每次都只給他們一兩個切圖，這樣他還需要再整理一遍，非常麻煩。

沒事多和開發聊聊，替他們考慮一下，你也可以學到很多東西，多好！

6. 走查報告

當項目進入開發階段后，視覺設計師就要進入走查階段，檢查現實稿與設計稿的差距，并將問題列舉出來，反饋給開發團隊，目標就是將還原度達到95%以上！

這里面一般會根據版本和時間來記錄，如下圖：

至于走查的模板，團隊可能會有統一的，如果沒有，就自己制定一個，只要能說清楚問題即可，不用糾結使用什么軟件，ppt都可以。

7. 參考資料

這里面會放一些參考樣式、圖片、圖標等等，根據不同習慣自行分類即可，我的分類如下：

以上就是我整理項目文件的方法，一定要記住，我們的目的是為了更加容易的找到想要的文件，我提供的方法，不一定會適用于所有UI設計師，因為項目不同、人的習慣也不同，這里僅供參考，希望大家都能找到適合自己的那套文件整理術，加油！

歡迎關注作者的微信公眾號：「菜心設計鋪」

「超強文件管理術」

1. 素材整理術！如何科學優雅地管理設計文件？
2. 超高效！輕松3步幫你掌握實用的設計資源整理術
3. 阿里經驗！聊聊實用而容易被人忽視的設計整理術

【優設網 原創文章 投稿郵箱：yuan@uisdc.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量200萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com