@錦妖_BCJ2嚶?：我最近對設計規范（Design Guidelines）很有興趣，收集了不少有用的資料，包括什么是設計規范，做設計規范的最佳時機，如何制作設計規范等，全是精選干貨，在此分享給大家。
什么是設計規范？
首先是幾家公司的案例，有些網址可能在墻外，麻煩大家自己翻一翻了。
Salesforce - Lightning Design System（規范地址）
IBM - Design Language（規范地址）
Google - Material Design（規范地址）
Facebook - Brand Guidelines（規范地址）
GitHub - Primer（規范地址）
Yelp - Styleguide（規范地址）
這些設計規范不盡相同。
有的非常概括，比如IBM的Design Language；有的非常細致，比如Salesforce的Lightning；有的側重于企業內部復用元素，減少工作時的摩擦，例如MailChimp的Patterns；有的側重于對接外部的設計，比如Google的Material Design；有的側重于外觀和模版資源，例如Facebook的Brand Guidelines；有的側重于代碼，例如GitHub的Primer；有的形式是一個網站，例如蘋果的HIG；有的形式是一個app，例如Airbnb的DLS（僅內部可見，不確定，感覺是）。
IBM講了很多high level的設計原則
Salesforce的設計規范比Material Design還仔細。
MailChimp的規范寫明了柵格系統，字體字號等各種元素。
Google的Material Design和蘋果的HIG可能是大家最熟悉的設計規范。
Facebook對外可見的規范主要是品牌規范，也有assets可以下載。
GitHub的規范基本上是一份代碼文檔。
什么時候應該做設計規范？
做一份設計規范可能會花不少時間和精力，什么時候應該做設計規范，又怎樣促使管理層同意這個提議呢？
先說什么時候還不需要設計規范：
在產品初始階段，通常一份Sketch文件就包括了所有設計，只要把Symbol和Styled Text利用好，就可以保證設計的整潔有序了。
在人力不足的時候，建立和維護一份設計規范是很奢侈的。我自己在小團隊中做創新產品的時候，就選擇把Sketch文件存在Dropbox，頻繁溝通，確保團隊成員了解版本的變更和對他們工作的影響。
什么時候應該考慮制作設計規范：
在一些產品做出一次大的設計變更之后，通常會產生出一份嶄新的全面的設計稿。在這個稿子的基礎上，發展設計規范更容易。
舊版的Asana。
Asana經歷了一個大改版，很可能會維持這個樣子好幾年，所以適合制作一個規范。
除了大改版，有時設計師也會做facelift（意為只改外觀，不改邏輯），如果有規范，就可以依據規范一點一點地改，而不擔心會遺漏了。AOL新舊版交替的時候，404頁面就拖了很久，一是優先級不高，二是存在感太低很容易被遺忘在角落。
如果旗下有一個以上產品，又想保持品牌的一致性，有設計規范作參考會容易很多。比如Facebook的F8大會上，設計師曾經提到過他們在設計新功能的時候，從設計規范中把小頭像的縮略圖直接拖到新設計上，復用了這個元素，既節約時間，也避免了用戶體驗的割裂。
對內的規范應該設置為所有員工都可以瀏覽，部分員工有權更改，每一次更改都需要記錄。在規范里標明品牌個性，設計原則，各種可復用的元素等等，可以減少設計和開發之間的摩擦。
平臺型產品可以做一份對外的設計規范，以統一相關產品的樣式，擴大影響力。唯有統一，才能有區分度。如果不統一，產品形象會混亂模糊。
與全球的設計師分享制作設計規范的經驗，以及它如何影響了設計流程和團隊協作。一方面為設計師社群做貢獻，另一方面塑造了重視設計的公司形象，對PR和人才招募有利。
制作設計規范需要什么？
一個計劃：
首先要確定這個項目的scope，明確設計規范的類別，預估所需要的人力，規劃項目時間和項目結束后的安排。
對于設計規范的類別，如果你的產品是一個復雜的網站，你可能更想做一個動態的，不斷更新的代碼庫，而不是一個畫滿標注的PDF。確定類別后，可以考慮有哪些內容應該加入進去，比如styles，components，patterns等等。
對于人力，依據團隊的大小有所區別，有些大公司會有人全職負責設計規范，小一點的可能有人在主業之余負責維護這個規范。
對于項目時間和結束后的安排，建議用一段時間集中建設設計規范，然后長期地維護它。
額外加分項是，給這個設計規范起個好名字吧，像Spotify的GLUE（Global Language for a Unified Experience）就很不錯。
一些經驗：
WeWork - Plasma Design System??（文章）
Airbnb - Design Language System（文章）
Spotify - Scaling Design at Spotify（文章）
這是三家知名公司分享的設計經驗，WeWork的最新也最詳細。除了參考文章，也可以參考下面的其他公司的設計規范。
更多設計規范
一個收集設計規范的小站 The Way Products Are Built
「如何看懂iOS 10 的設計規范指南」
- 看趨勢變化丨《從IOS 10設計指南變化看設計的新趨勢》
- 看交互啟示丨《從IOS 10 的交互設計中學到的3個設計啟示》
- 看使用方法丨《一份超詳細的「IOS 10 UI KIT」使用手冊（附源文件）》
原文地址：zhihu
【優設網 原創文章 投稿郵箱：yuan@uisdc.com】
================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量180萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com
復制本文鏈接 文章為作者獨立觀點不代表優設網立場，未經允許不得轉載。
發評論！每天贏獎品
點擊 登錄 后，在評論區留言，系統會隨機派送獎品
2012年成立至今，是國內備受歡迎的設計師平臺，提供獎品贊助 聯系我們
標志設計標準教程
已累計誕生 729 位幸運星
發表評論
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓