“設計規范”沒有你想象的那么重要(附常用設計規范)
“設計規范”沒有你想象的那么重要(附常用設計規范)-移動閱讀二維碼

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

鎮雷的微信公眾號:

本文鏈接:http://www.casaleticia.com/design-code-is-not-as-important-as-you-think.html
本文標簽: , ,