當(dāng)你完成一個(gè)網(wǎng)站設(shè)計(jì)的時(shí)候你是開心的，因?yàn)槟愕脑O(shè)計(jì)作品被客戶認(rèn)同了?？墒窃谠O(shè)計(jì)完成后你需要整理它，把你的成果放到該放的地方，方便以后修改時(shí)能更快捷，方便其他人修改時(shí)簡(jiǎn)單明了。下面有5個(gè)整理技巧，希望對(duì)你有所幫助。

1、清理你的圖層

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

2、清理你的代碼

當(dāng)你進(jìn)行迭代和實(shí)驗(yàn)時(shí)，Html、CSS和Javascript也可以很快地加起來。也許你最后從一個(gè)不需要的元素中保留了一些HTML。也許你為那個(gè)元素寫了樣式，卻忘了把它們放在里面。當(dāng)你不注意的時(shí)候，隨機(jī)的類名肯定會(huì)堆積起來。

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

3、清理你的文件

獲取選擇的文件管理器并進(jìn)行排序。也許你下載了一個(gè)像Bootstrap這樣的框架，或者像jQuery這樣的庫，然后才意識(shí)到你不需要它們來完成這個(gè)項(xiàng)目。也許你做了一些實(shí)驗(yàn)的文件，但是那些實(shí)驗(yàn)已經(jīng)結(jié)束了。

坦率地說，文件管理是我一直推遲到以后的任務(wù)之一，因?yàn)樗軣┤?，但即便如此，它也需要完成。你必須刪除那些多余的文件，在服務(wù)器上放置未使用的文件是一種糟糕的做法，當(dāng)你或多或少忘記了如何將所有東西組合在一起時(shí)，你不希望嘗試猜測(cè)在三年內(nèi)哪些文件實(shí)際上是重要的。

4、考慮你的存儲(chǔ)選項(xiàng)

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

這一點(diǎn)特別重要，因?yàn)榭蛻舳丝偸莵G失文件。有時(shí)他們會(huì)雇傭別人來改變事情，他們會(huì)把事情搞砸。有時(shí)數(shù)據(jù)在服務(wù)器崩潰中丟失。在緊要關(guān)頭拯救客戶網(wǎng)站的人是與客戶保持良好關(guān)系的好方法。

5、文檔

現(xiàn)在我們進(jìn)入"收拾你的東西102"。除非你的項(xiàng)目是人類已知的最簡(jiǎn)單的HTML/CSS模板，否則它可以幫助你寫下一些事情：

由客戶端定義的項(xiàng)目的原始目標(biāo)

你做設(shè)計(jì)決策的原因

你使用了哪些CSS技巧

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

你使用了哪些庫和框架，以及它們的版本號(hào)

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

最后

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