當你完成一個網站設計的時候你是開心的，因為你的設計作品被客戶認同了。可是在設計完成后你需要整理它，把你的成果放到該放的地方，方便以后修改時能更快捷，方便其他人修改時簡單明了。下面有5個整理技巧，希望對你有所幫助。

1、清理你的圖層

如果你在任何圖形應用程序中做了大量的設計工作，無論是草圖、Photoshop、Affinity Designer還是一些隨機的線框圖應用，你都希望確保這些東西易于理解。當你快速迭代時，很容易得到一長串沒有名稱的層列表，或者由于你認為以前的方法看起來不太正確而被隱藏起來。確保每個層都被命名，并且沒有不需要的層或元素。將對象組織成組、層組和文件夾。

2、清理你的代碼

當你進行迭代和實驗時，HTML、CSS和JavaScript也可以很快地加起來。也許你最后從一個不需要的元素中保留了一些HTML。也許你為那個元素寫了樣式，卻忘了把它們放在里面。當你不注意的時候，隨機的類名肯定會堆積起來。

仔細檢查一下代碼，以確保不會在其中留下任何無關的內容。如果你有很多CSS可以通過，你可以嘗試一個像JitBit這樣的工具來幫助你找到你沒有使用的CSS。

3、清理你的文件

獲取選擇的文件管理器并進行排序。也許你下載了一個像Bootstrap這樣的框架，或者像jQuery這樣的庫，然后才意識到你不需要它們來完成這個項目。也許你做了一些實驗的文件，但是那些實驗已經結束了。

坦率地說，文件管理是我一直推遲到以后的任務之一，因為它很煩人，但即便如此，它也需要完成。你必須刪除那些多余的文件，在服務器上放置未使用的文件是一種糟糕的做法，當你或多或少忘記了如何將所有東西組合在一起時，你不希望嘗試猜測在三年內哪些文件實際上是重要的。

4、考慮你的存儲選項

在存儲過去的工作時，硬盤上有一堆隨機命名的文件夾并不能解決問題，你需要一個系統。至少，你可以從將完成的項目與當前的項目分開開始。然后，開始尋找備份文件的方法。無論你是使用本地外部驅動器還是第三方服務，一個好的備份解決方案都可以防止丟失，并在需要時釋放本地驅動器上的一些空間。

這一點特別重要，因為客戶端總是丟失文件。有時他們會雇傭別人來改變事情，他們會把事情搞砸。有時數據在服務器崩潰中丟失。在緊要關頭拯救客戶網站的人是與客戶保持良好關系的好方法。

5、文檔

現在我們進入“收拾你的東西102”。除非你的項目是人類已知的最簡單的HTML/CSS模板，否則它可以幫助你寫下一些事情：

由客戶端定義的項目的原始目標

你做設計決策的原因

你使用了哪些CSS技巧

代碼的哪些部分看起來是有效的，只要你不敢碰它們

你使用了哪些庫和框架，以及它們的版本號

也可以將客戶給你的任何資源包括在內，比如風格指南、情緒板和他們提供的任何內容。你永遠不知道什么時候你需要回去查閱這些資料，把所有的資料放在一個地方會讓你更容易重新開始一個舊的項目。

最后

不要低估你的能力，忘記哪個文件包含最新的設計，或者為什么CSS樣式會覆蓋另一個樣式。一旦你開始下一個項目，所有這些精神組織就會消失。