以退為進的設計模式庫進化論
近來一番讀書與整理工作，腦子有點木。做部落格變成了放鬆神經的方式。隨手點開一篇後搖歌單，無情緒中。
有沒覺得微信訂閱號真的越改越神煩了？每一次邏輯都看似合理，每一次都要消耗心情與心智去戰勝反感。至少我是如此。
哦說起來 Beforweb 已經七週歲了。9月25號凌晨不痛不癢地在朋友圈叨咕了兩句聊表慶賀，算是記得這事兒。七年也真是不短，那時那些過往已經像是前生所經歷的。沒什麼好絮叨，正常繼續；忙時休耕，閒時高產，一年一年就是這樣下來了。感謝支援~
2011年9月25日上線。
說正事吧。之前的《設計體系》全書譯文（公眾號Beforweb）還有朋友在讀沒？原作者 Alla 所在的 FutureLearn 團隊一直在保持著設計模式庫的迭代進化；本文要聊的就是其中的一次重要的重建工作；像是《設計體系》的後續故事。
以退為進的設計模式庫進化論
每天都像在打仗，你很難退一步來思考現有的流程和體系是否真的有效。而一旦意識到其中仍有改進空間，你是否敢於進行改變？萬一會使狀況變得更糟？不如保持現狀？
在本文中，我將和各位分享我們的團隊是如何處理這些問題，並使得我們的設計模式庫保持有效進化的。
FutureLearn 的設計模式庫
我們的模式庫已經四歲了；在其輔助下，我們的產品設計工作變得越發高效敏捷。《設計體系》一書曾進行過詳細的介紹，很多想要加入我們團隊的設計師也將其視為參考標準。但在 FutureLearn 內部，隨著團隊的擴充套件和變化，我們漸漸感到這套模式庫不再像從前那樣的從容適用了。
發現問題
設計模式庫的目標，是通過對現有模式的充分複用來提升設計工作的效率與一致性，避免重複發明解決方案，同時為使用者帶來完整統一的產品體驗。一直以來，我們都相信我們的模式庫可以有效地實現這一目標；但事物並非一成不變，如今的真實情況又如何呢？
我們決定通過工作坊的形式來探索模式庫在實際使用方面的價值與問題，進而驗證其在當前階段的有效性。
首先，我們對模式庫在當前所提供的價值進行了分析：
- 在實際工作中，當你需要了解有哪些經過驗證的設計模式可以選用時，模式庫依然是最為準確的參考源。
- 在模式庫的約束下，設計與開發團隊必須站在“模組”的角度思考設計模式的功能性。
- 新人可以快速瞭解產品的構造方式。
- 可以對外展示 FutureLearn 設計團隊的思考與工作成果。
同時，我們也要坦然面對當前的問題所在：
- 我們的模式庫由一系列靜態頁面構成，缺乏 CMS（內容管理系統）的支援，在更新時依賴於開發人員的人工操作。
- 同樣出於這個原因，模式庫頁面的編輯難度很高，建立新頁面時也會涉及到大量的複製貼上工作。
- 由於更新難度大，我們每次都要花費大量時間，導致其他工作受到影響。
- 學習成本很高，你很難在其中快速找到需要了解的模式。
如果模式庫的目標是提升效率，那麼在實際工作中總會令我們感到障礙和耗時又是怎麼回事呢？如果模式庫旨在提升設計的一致性，那麼為什麼我們的設計當中還會存在舊版本的設計模式？我們在工作坊中對這類問題進行了充分的探討，同時對現有工作流程進行了梳理，並最終發現所有的問題都指向了一件事：
我們應該如何建立一套維護機制，使設計師和開發人員都能輕鬆地對模式庫進行更新。
這樣，我們就不需要時刻依賴於開發人員進行人工操作了；模式庫的維護便可以成為設計師日常工作的一部分，隨需進行。
對於利弊進行了充分討論與權衡之後，我們決定將用了四年的模式庫徹底“遷移”到 CMS 當中。所謂“遷移”，實際上是徹底的重新構建，工作量巨大，除了 CMS 方面的搭建與訂製，我們還需要將過去所有的內容複製到新系統當中，同時與其他相關部門進行充分溝通。
這是個困難而棘手的決策，但我們相信新的構建方式才是真正能使我們長遠受益的。
以退為進
新的模式庫就是大家能夠在 ofollow,noindex" target="_blank">線上 看到的樣子。它看起來不如舊庫精良，很多地方還不成熟（譬如舊庫會為設計模式提供對應的前端程式碼，而新庫目前只有截圖作為演示）。
然而這一步“倒退”所帶來的卻是面向未來的堅實基礎，我們將能以更合理便捷的方式打造和維護新模式庫。
為了使新庫儘快達到實際可用的程度，我們必須首先聚焦於關鍵問題的解決能力。
實際上，在任何一個階段，我們都會針對當前的特定目標來考慮最快捷的解決方案。譬如，在模式庫當中同步提供前端程式碼固然是最為理想的狀況，但“截圖演示+實際頁面連結”的方式在多數時候同樣是有效的。我們會首先通過這類低成本的方法來確保當前的實用價值，在不依賴於開發人員的情況下將程序向前推進，而後續再從各個方面進行完善。我們將新庫的構建視為開放性的重設計專案，並樂於對其進行持續迭代。
不要畏懼變化
對運行了四年的模式庫進行徹底的重建工作，這對於我們團隊來說確屬重大變化，但我們也知道這對於團隊成長的必要性。要使其程序保持可控，你必須始終對模式庫所要解決的問題及達到的目標有著清晰的認知。
此外，我們也不想被上一個版本的庫束縛住手腳，我們需要以更合理的方式構建面向未來的解決方案。
到目前為止，所有的變化都在朝著好的方向發展著，團隊中的每一名設計師都可以參與到模式庫的編輯與更新工作當中，這也意味著新庫和我們的日常工作流程結合得更為緊密了；這些都與我們重建工作的初衷相吻合。
C自制的 WireframeKit for Sketch 線框稿風格元件庫已升級至V1.1，瞭解下：
