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

下圖這張圖是我以前文件整理的狀態(tài)！是不是很亂？我告訴你，那不是很亂，那是相當(dāng)亂！

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

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

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

1. 項(xiàng)目規(guī)劃及需求
2. 交互設(shè)計(jì)
3. 視覺設(shè)計(jì)
4. 標(biāo)注
5. 切圖
6. 走查報(bào)告
7. 參考資料

我們來一個(gè)一個(gè)講解！

1. 項(xiàng)目規(guī)劃及需求

這里面包含的內(nèi)容有：產(chǎn)品定位、競品分析、用戶旅程圖、需求文檔、產(chǎn)品數(shù)據(jù)等等，如下圖：

假設(shè)競品分析前期還沒有內(nèi)容，沒有關(guān)系啊，我們可以先把文件夾建好，以后有了再放進(jìn)去。

千萬不要覺得自己是做視覺的，就不需要了解項(xiàng)目前期的內(nèi)容，每做一個(gè)項(xiàng)目，我們都要把自己當(dāng)做項(xiàng)目負(fù)責(zé)人，了解全局，雖然不需要深入研究，但至少知道自己在做什么，產(chǎn)生什么價(jià)值。

2. 交互設(shè)計(jì)

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

值得一提的是，我們只需要放最新的交互稿（若交互和視覺是一個(gè)人來負(fù)責(zé)，就需要做好歷史版本的記錄），不需要存放歷史版本，因?yàn)榻换ピO(shè)計(jì)師那邊會有存檔。

3. 視覺設(shè)計(jì)

這里就是我們的本職工作了，里面包含的內(nèi)容有：概念設(shè)計(jì)、規(guī)范、未評審、定稿、歷史記錄。

如下圖：

3.1 概念設(shè)計(jì)

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

3.2 規(guī)范

我們經(jīng)常會有做界面拿不準(zhǔn)主意的時(shí)候，比如圓角多大、字號多大、間距多少，這時(shí)候你就可以打開視覺規(guī)范來瞧一瞧，幫你節(jié)省很多糾結(jié)的時(shí)間。

3.3 未評審

很好理解吧，就是還沒有經(jīng)過老板或團(tuán)隊(duì)評審的設(shè)計(jì)稿，一定要和定稿文件分開放，不然當(dāng)文件過多的時(shí)候，很容易搞混亂，如果一不小心發(fā)給開發(fā)哥哥未評審的設(shè)計(jì)稿，你的責(zé)任大大地！

3.4 定稿文件

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

3.5 歷史記錄

舊版本的設(shè)計(jì)稿都會放在這個(gè)文件夾里，并且半年清除一次，因?yàn)楹苌贂玫桨肽曛暗陌姹尽?/p>

4. 標(biāo)注

標(biāo)注按照功能模塊來進(jìn)行整理，如下圖：

由于現(xiàn)在我是用sketch自動標(biāo)注切圖，非常方便，所以我只留下最新的標(biāo)注文件，舊版本的標(biāo)注文件全部刪除掉，因?yàn)榛居貌簧?，即使用上，再?dǎo)出一份也很方便。

5. 切圖

切圖和標(biāo)注差不多，也是按照功能模塊來進(jìn)行整理，如下圖：

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

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

6. 走查報(bào)告

當(dāng)項(xiàng)目進(jìn)入開發(fā)階段后，視覺設(shè)計(jì)師就要進(jìn)入走查階段，檢查現(xiàn)實(shí)稿與設(shè)計(jì)稿的差距，并將問題列舉出來，反饋給開發(fā)團(tuán)隊(duì)，目標(biāo)就是將還原度達(dá)到95%以上！

這里面一般會根據(jù)版本和時(shí)間來記錄，如下圖：

至于走查的模板，團(tuán)隊(duì)可能會有統(tǒng)一的，如果沒有，就自己制定一個(gè)，只要能說清楚問題即可，不用糾結(jié)使用什么軟件，ppt都可以。

7. 參考資料

這里面會放一些參考樣式、圖片、圖標(biāo)等等，根據(jù)不同習(xí)慣自行分類即可，我的分類如下：

總結(jié)

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

#專欄作家#

菜心，微信公眾號：菜心設(shè)計(jì)鋪，人人都是產(chǎn)品經(jīng)理專欄作家，前華為ITUX用戶體驗(yàn)設(shè)計(jì)師（主視覺），3年工作經(jīng)驗(yàn)，參與華為Welink、3MS、連長社區(qū)等多個(gè)項(xiàng)目的用戶體驗(yàn)設(shè)計(jì)工作。歡迎大家互相交流關(guān)注。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。