「設計規範」沒有你想像的那麼重要

很多設計師的入門都是從設計規範開始，我也不例外。無線當道的時代，兩大移動系統 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

祝大家和設計規範更好地結伴而行：）

我的微信公眾號：zhenlei_pd