正如語言風格指南一樣，模式庫有兩個主要用途。首先，是它們提供了一組編碼或設計標准，Web 開發團隊可以在整個網站中應用，有助於保持一致的編碼實踐和外觀；其次，對於要學習網頁設計最佳實踐來說是寶貴的財富。
在本文中，我想與大家分享7個網頁設計風格指南和模式庫，這些都是 Web 設計和開發過程中的最佳實踐經驗，值得借鑒。
您可能感興趣的相關文章
Google HTML & CSS Style Guide
首先給大家推薦的是 Google 公司的編碼建議，告訴開發人員應該怎么寫和格式化 HTML 和 CSS 代碼。如果你是一個新手，它是一個有益的開端，幫助您培養良好的編碼風格。
Yahoo Pattern Library
這個是一個真正的設計模式庫，正因為如此，它試圖提供解決方案來解決所有網頁設計師將碰到的問題，包括雅虎的設計師來處理導航，交互和布局。
A List Apart Pattern Library
A List Apart 可能是最知名的網頁設計博客。他們最近發布了他們自己的模式庫作為努力開源他們的網站的一部分。該模式庫包括該網站設計上的解決方案以及 HTML 代碼片段的問題。
Responsive Web Design Patterns
這是一個響應式設計的模式庫，你可以從中學會響應式設計的細節，它涵蓋了從布局到簡單易懂的示例圖像。
Interaction Design Pattern Library – Welie.com
這個網站的設計雖然老舊，但它確實提供了眾多的設計模式的資料。這是我見到的最全面的模式庫，涉及了設計者將面臨的每一種情況。
MailChimp Pattern Library
MailChimp 模式庫是作者在創建響應式，靈活，直觀的應用程序過程中的副產品。不斷迭代既需要一個高效的工作流程和明確的，可以快速集成新的用戶界面，而不必增加新的技術或者設計原子元素的集合。
Starbucks Style Guide
最后登場的是 Starbucks 公司網站的風格指南，包括網格框架的使用、布局和組件的使用等等。
您可能感興趣的相關文章