很多設計師的入門都是從設計規范開始，我也不例外。無線當道的時代，兩大移動系統 iOS、Android 都為設計師提供了詳盡、完善、高質量的設計準則：《iOS Human Interface Guildeline》以及《Material Design》。

我們經常聽別人說某種設計風格、規范是“設計語言”，比如 Google 的 Material 設計語言。有沒有想過，為什么用“語言”來描述設計規范？

我的解讀是：因為設計規范其實是在某種條件限定下，對設計的窮舉和設限。

不要一聽到“設限”就感到反感。

道理很簡單，就像26個英文字母和88個鋼琴琴鍵一樣，有限的個體可以組合出無限的事物。設計語言就是如此，在統一的風格下給予色彩、元素、功能組件，像樂高積木般讓用戶拼出各種各樣的產品、界面。

說了這么多，似乎所有設計師都認同規范和設計語言的重要性，但我今天想說的，恰恰是——設計語言沒有你想象的那么重要。

先來看一個例子

這是網易嚴選中的兩個頁面截圖，分別是首頁焦點圖和詳情頁的商品圖。可以看到，焦點圖的輪播指示器和商品圖并不是一種樣式。

經常買買買的用戶可能知道，很多商品圖也會采用左邊的方式設計指示器，比如天貓淘寶就是。

在某設計師的產品分析中提到了這個問題，他認為同樣是多張圖片的指示器，不應該采用不同的交互組件，應當換成統一的一種。原因是，建立并遵循統一的交互規范可以降低用戶認知成本、復用組件提升開發效率。

乍一看很有道理，也是很多培訓、講座中所教大家的必須遵循設計規范，以及那諸多好處。但實際上，問題卻比想象得復雜。

我先來問一個問題：上面例子中，兩個指示器為什么要統一成一種？

你可能會回答我要建立、遵循統一的交互規范。

那么，為什么要在這兩個完全不同的場景下建立使用同一套規范？如果我不說，有多少用戶能夠發現這兩者的交互視覺差異？即便發現了差異，是否會因為差異帶來了額外的認知成本，進而降低了購買效率？

如果你只認“必須遵循交互規范”的道理，可能無法回答我的問題。

事實上，兩個截然不同的場景就完全沒有必要“統一”。

對于首焦圖來說，往往是運營配置的，可以人為保障100%不出現單張圖的情形，所以，采用多點式的指示器沒有任何問題。但是想象一下，如果只有一張圖呢？這對商品圖來說是非常有可能發生的。

不用多說，上圖的對比就說明了問題所在。

退一萬步來說，即便商品圖像天貓淘寶一樣要求傳多張，兩個場景使用不一樣的組件，但這兩個組件都能夠被用戶所理解，我同樣覺得沒有任何問題。

再來看第二個例子

在 Android 設計語言中，有這樣一個大家都很熟悉的東西，通常用于某種行為后的反饋通知，它叫做 Toast：

在 iOS 的設計語言中，是沒有叫做 Toast 的組件的，只有相近的 Alert：

它們的區別在于，Toast 存在幾秒鐘后自動消失，Alert 則需要用戶手動點擊才可以關閉。場景上，Toast 給予一些非常輕量的信息，并不打斷用戶主任務；而 Alert 常用來傳遞重要的消息，必須讓用戶停下其他工作仔細查看。

但相信所有 iOS 用戶都在自己手機的應用中見過 Toast 這個組件吧？無非它不是出現在屏幕底部，而是屏幕中間。比如天貓：

顯然，對 iOS 的設計來說，同樣存在輕量型消息提醒的訴求，那么好用的 Toast 自然被大家廣泛地應用了起來，而不會過分在乎 iOS 規范中沒有提到它。

以上兩個例子，我只是想說明一個問題，那就是不要盲目遵循規范。我們應當從用戶場景和實際情況出發，選取能解決問題的設計方案。

設計規范的價值不言而喻，除了保障統一的用戶體驗和認知，還能夠通過工程師代碼層面的組件化提高開發、設計效率。相信在所有公司和團隊，規范建立都是非常有價值但也非常耗費資源的一件事。

但尤其在大型設計團隊，設計師和業務線眾多，想要在這么多人的工作中穿插一套完整、高效的規范，絕非易事。正因為如此，在規范設計時，一定要考慮實際場景，千萬不能生搬硬套。

文章最后，分享幾個設計規范使用中的注意點，供參考：

第一、在討論問題時，盡量從場景和問題的角度出發，而不是拿規范當擋箭牌。如設計師擋需求時，經常用不符合設計規范為由拒絕產品經理的要求。但殊不知，規范是為了業務場景而服務，如果某種設計能夠解決某個問題，并不帶來新的損失，破壞規范又有什么問題呢？

第二、如果對規范的挑戰合理，不妨快速更新你的規范和組件。這點很容易理解，規范不是一成不變的，當場景發生變化，自然應該把那些可能經常被用到的設計組件沉淀下來，讓它成為規范的一部分；

第三、學習規范的思想方法，而不是盲目崇拜規范。在做設計時，規范了然于胸沒有任何問題，但也應該思考是否有更優秀的解決方案。規范不是圣經，如果僅僅只會用規范，你就成了規范的奴隸，喪失了更多好設計和好靈感。

P.S. 一些我常用的設計規范：

Introduction - Material design

iOS Human Interface Guidelines

Ant Design

Fontshop Styleguild

作者王鎮雷，天貓交互設計師，最近聯合優設做了一個付費社群，包括每周話題分享+每日交互分析。想參與的可以加微信號：Valjean-7 咨詢喲.

鎮雷的微信公眾號：

「如何看懂iOS 10 的設計規范指南」

1. 看趨勢變化丨《從IOS 10設計指南變化看設計的新趨勢》
2. 看交互啟示丨《從IOS 10 的交互設計中學到的3個設計啟示》
3. 看使用方法丨《一份超詳細的「IOS 10 UI KIT」使用手冊（附源文件）》

【優設網 原創文章 投稿郵箱：yuan@uisdc.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量190萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com