Sketch 47 與 Design Review

03-06

Sketch 47

不久前在 Sketch 官網中看到 Sketch 很快就要更新版本47了（10月10日已更新正式版），更新內容之一的 Libraries 簡直令我精神為之一振，官方文檔中也已經加入了Libraries 的說明。

Libraries 是我一直渴望的功能，我曾經嘗試過很多解決方案，但是都有各自的不滿意之處，直到官方提供了這一個更新。

我一直堅持認為，UI Kit 與 Design Guide（例如 Apple 的 Human Interface Guide）是不一樣的，UI Kit 是需要使用的，而 Design Guide 是需要閱讀的，這兩者在表現和製作方法上都不相同。在 Sketch 47版本出現以前，我曾經嘗試用以下的方式來解決 UI Kit 的問題：

使用 PS 的智能對象。這是最先想到的方法，但是無法解決 Override 的問題，也很難在另外的文件復用；
使用 PS 的外部鏈接智能對象。Override 依然是問題，可以在另外的文件中復用，但是文件管理成為了一個新的問題；
使用 PS 的 Library。Override 的問題依然存在（或許只有 Sketch 和 Adobe XD 好好解決了這個需求），文件管理不再是一個問題，但是偶爾會出現載入錯誤。
使用 Sketch 的 Symbol 來製作 UI Kit，官方內置的文檔給出了一些非常好的例子，這也是為什麼我喜歡翻看一些好作品的源文件的原因。在使用的過程中，一遍繼續優化著 UI Kit 和 Design Guide 的編寫方式，最後依然剩下一個問題沒有解決：如何方便的在其他文件復用？

按照 Sketch 47 出現之前的做法，一旦出現一個新的模塊要設計，組員經常這樣操作：找到一個舊文件 - 拷貝一份 - Artboard 清空 - 開始設計。這樣做導致了一個其實頁面並不多的文件的佔用空間變得非常龐大，而且一旦某個組件更新，所有的模塊頁面中的組件並不能對應更新。

Libraries的出現解決了這些問題。Libraries 的導入和更新功能再一次改變了我使用 Sketch 的方式。

我使用 Symbols 來製作 UI Kit，使用 Artboard 來在製作 Design Guide，這也是在47版本以前我認為最好的方式。而在今天更新之後，終於可以將這兩者分離出來了。內容儘管有重合，但是形式上的分離是有必要的，尤其還是有人還沒搞清楚這兩者的區別（或許我也是其中之一）。

Design Review

有個理念我一直很認同：設計的過程和設計的結果同樣重要。

在看完 Sketch 47 的更新後，我的第一想法是：對設計過程要求更加嚴格了。Libraries 是用於使用的「包」，包里的工具需要適合不同場景使用，需要好用，需要方便找到合適的工具，這就要求對圖層的命名、分組、Symbol 的設計和 Auto Layout 布局等都有更嚴格的要求。

在看到有 Code Review 的時候，我想到了一個詞：Design Review。

在一些項目中，我認為這一步很有必要，一方面能減少一些隱患，同時這個過程也會很有趣。我們經常關注設計的結果，卻很少關注設計的過程，但是一旦接手別人的文件看到亂七八糟的分組和圖層命名卻又苦惱不已，Design Review 將會減少這些情況的出現。

Design Review需要做些什麼？寫到這裡我也沒有辦法系統的總結，畢竟經驗不足，但這是一個值得繼續思考的問題。