“設(shè)計體系” (Design System)一詞聽起來比較大而玄的概念，其實(shí)并沒有標(biāo)準(zhǔn)的定義茅信，特別是“體系”盾舌，有些同學(xué)覺得是大公司才有的標(biāo)配能力，小公司看看就好蘸鲸，但作為設(shè)計師來說畸写，不管你是在大公司還是小公司都應(yīng)該了解設(shè)計體系的價值狱意。如何建立設(shè)計體系來幫助企業(yè)賦能，這也是設(shè)計師的核心競爭力。我會分篇幅具體談?wù)勅绾未蛟煸O(shè)計體系最楷，本篇是關(guān)于設(shè)計體系之--設(shè)計原則踏拜。
一豆励、什么是設(shè)計體系
我們先來看看設(shè)計體系專家們是怎么說的：
“設(shè)計體系是為了實(shí)現(xiàn)數(shù)字產(chǎn)品的目的拳芙，而組織起來的一套相互關(guān)聯(lián)的模式和共享實(shí)踐。模式指的是界面中那些重復(fù)的要素：用戶流程埂息、交互方式技潘、按鈕、文本框千康、圖標(biāo)享幽、配色、排版拾弃、文字等等值桩。實(shí)踐則是我們?nèi)绾蝿?chuàng)建、捕獲豪椿、共享和使用這些模式颠毙，尤其是在團(tuán)隊協(xié)作時做這些事情的方法∩暗铮”
Alla Kholmatova 在著作《數(shù)字化產(chǎn)品設(shè)計的系統(tǒng)化方法》一書中的定義
“設(shè)計體系應(yīng)該有態(tài)度、有觀點(diǎn)刻两，能讓每一個使用它的人都得到創(chuàng)意上的指導(dǎo)增蹭。這些內(nèi)容應(yīng)該反復(fù)斟酌。否則磅摹，我們直接把Material Design 拿來用就完事兒了滋迈■荩”
Dan Mall
孟子曰：“不以規(guī)矩，不能成方圓”饼灿，而對于設(shè)計體系來說幕侠，“沒有原則不成體系”“恚基于多年web及移動端的工作經(jīng)驗晤硕，我試著理解設(shè)計體系的定義：設(shè)計體系是帶有企業(yè)品牌基因，傳遞企業(yè)價值觀庇忌，遵循科學(xué)規(guī)律以人為本舞箍，具有功能性與感知性的設(shè)計模式，能幫助企業(yè)可重復(fù)快速創(chuàng)造與高效協(xié)作皆疹，最終幫助提升用戶體驗價值的設(shè)計體系疏橄。
二、設(shè)計原則的特性
建立設(shè)計體系之前一定要明確產(chǎn)品目的和品牌價值觀略就，需要先建立一套設(shè)計原則捎迫，可以有效的統(tǒng)一團(tuán)隊的設(shè)計思想，并能引領(lǐng)創(chuàng)意的方向表牢。有些公司的設(shè)計原則偏重于品牌窄绒，有的偏重于團(tuán)隊文化，有的偏向于業(yè)務(wù)屬性初茶。在初創(chuàng)公司的理念和價值觀可能是模糊不清的颗祝，品牌屬性還沒有完全形成，想要建立設(shè)計體系是很難的恼布，因此需要隨著公司的發(fā)展螺戳，設(shè)計體系是可以不斷迭代的。
也許你在一個小公司折汞，老板對設(shè)計的要求往往說“好看倔幼、漂亮、高大尚的”爽待，也有些略懂行的人說要 “簡單损同、實(shí)用、令人愉快的”鸟款，這樣的話相信很多設(shè)計師都聽過膏燃，但對做設(shè)計決策沒有多大幫助。好的設(shè)計原則是真實(shí)而具體的何什，是可以幫產(chǎn)品解決設(shè)計問題并能給設(shè)計提供實(shí)用指導(dǎo)的组哩。
試著讓設(shè)計原則變的更具體，而不是一堆死的概念，設(shè)計原則是實(shí)用可操作的伶贰，只有把概念轉(zhuǎn)化成可操作可感知的模式實(shí)例才是設(shè)計原則最佳實(shí)踐蛛砰。我們來看看 Arco design 企業(yè)級中后臺設(shè)計體系是如何定義設(shè)計原則的。
“Arco design 設(shè)計語言是“務(wù)實(shí)的浪漫主義”黍衙，基于「清晰」泥畅、「一致」、「韻律」和「開放」的設(shè)計價值觀琅翻，試圖建立務(wù)實(shí)而浪漫的工作方式位仁。”?
“清晰” 的設(shè)計原則是具體有方法可循的
“清晰的指向亦是效率的提升望迎，效率的提升是務(wù)實(shí)的基礎(chǔ)障癌。設(shè)計中減少不確定的因素, 減少用戶判斷次數(shù)，明確信息層級導(dǎo)向辩尊，讓用戶操作的目的性更明確涛浙。” “清晰的設(shè)計體系使得產(chǎn)品操作直觀摄欲，流程一步到位轿亮；信息傳達(dá)清晰且表意明確使用戶在極短時間內(nèi)快速理解進(jìn)而作出判斷⌒厍剑”
Arco design官網(wǎng)
首先把清晰放在設(shè)計原則的第一位我注，且這個詞不是模糊的，而是有具體指導(dǎo)方法的：首先說明了清晰的目的是提高效率迟隅，要提高效率就要減少不必要的元素但骨，優(yōu)化信息層級關(guān)系，用戶可在極短的時間內(nèi)易判斷易操作智袭。這就給設(shè)計師具體的指導(dǎo)方向奔缠，以便更好的做設(shè)計輸出，這樣的設(shè)計原則才是實(shí)用而具體的吼野。
“韻律” 的設(shè)計原則是有規(guī)律帶有品牌基因的
“跳動的韻律構(gòu)建字節(jié)的美感校哎，推敲設(shè)計的韻律是 Bytedancer 的浪漫。產(chǎn)品使用中的韻律反應(yīng)了用戶習(xí)慣, 富有韻律的設(shè)計讓用戶的操作仿佛本該如此瞳步，減少理解記憶負(fù)擔(dān)闷哆。” “設(shè)計系統(tǒng)和音樂譜曲一樣有著韻律之美,對每個信息模塊的排版的考量,對元素之間重復(fù)與對比等規(guī)律的潛在追求與把握, 構(gòu)成UI設(shè)計中的韻律之美单起。悅耳的韻律使得用戶能夠根據(jù)習(xí)慣輕松的完成任務(wù)抱怔。”
Arco design官網(wǎng)
韻律的原則不是模糊的嘀倒，是突顯抖音品牌基因的野蝇。韻律體現(xiàn)在信息模塊的排版讼稚，元素的重復(fù)與對比都體現(xiàn)了跳動的音符韻律之美，類比設(shè)計規(guī)律之美绕沈，自然而令人愉悅的。這樣的原則就是具體的帮寻，幫助設(shè)計團(tuán)隊朝著這個原則去發(fā)揮創(chuàng)意乍狐。
具體的設(shè)計原則能指導(dǎo)設(shè)計師更好的發(fā)揮創(chuàng)造，也能讓使用者產(chǎn)生共鳴固逗、容易讓人記住的浅蚪。試問一下你所在的公司有沒有經(jīng)常把設(shè)計原則掛在嘴邊，比如在演示方案中烫罩，設(shè)計討論中惜傲，或在為用戶展示產(chǎn)品優(yōu)勢時，能不能簡短描述你的設(shè)計原則贝攒，設(shè)計原則可以作為日常工作中的實(shí)踐基礎(chǔ)盗誊，可以幫助設(shè)計決策。
Airbnb 公司的四條設(shè)計原則?「統(tǒng)一」「通用」「格化的」「對話式的」深深地扎根在其公司設(shè)計過程之中隘弊。?Airbnb首席交互設(shè)計師這樣說：
“每當(dāng)設(shè)計一個新的組件時哈踱，我們都會確保它完全滿足四條原則。如果我們沒有這一套原則梨熙，便很難就各種問題達(dá)成一致意見开镣。我們希望保證界面里的每一小塊都符合這些原則⊙噬龋”?
Roy Stanfield
如何建立設(shè)計原則邪财？
一、從目的出發(fā)
設(shè)計原則不是憑空想象的质欲，首先必須遵循產(chǎn)品目的树埠，具有產(chǎn)品精神，這就需要向公司的老板了解企業(yè)愿景和價值觀把敞，然后再弄清楚什么樣的設(shè)計原則有助于實(shí)現(xiàn)這些目的弥奸。來自Google的設(shè)計師戎飛在《Google設(shè)計師解答設(shè)計師困惑》一文中講到google設(shè)計體系如何建立的，這和公司以人為本的價值觀奋早，以及公司包容開放的文化息息相關(guān)盛霎，正是有了這樣的價值觀和包容的文化氛圍才能不斷激發(fā)Google的企業(yè)員工開拓創(chuàng)新，引領(lǐng)前沿科技耽装。比如阿里巴巴傳遞的價值觀是“天下沒有難做的生意”愤炸，造就了一個電商帝國的崛起。設(shè)計體系是為企業(yè)賦能的掉奄，所以先要找準(zhǔn)企業(yè)愿景和產(chǎn)品目的规个。
二凤薛、找到共識
有了價值觀和目的后，就要和團(tuán)隊成員對于設(shè)計原則達(dá)成共識诞仓。也可以召集公司內(nèi)部成員開展一次頭腦風(fēng)暴缤苫，讓團(tuán)隊成員各自回答關(guān)于設(shè)計原則如何定義的問題，可以聽聽他們認(rèn)為什么樣的設(shè)計原則是有效的墅拭，他們認(rèn)為什么樣的設(shè)計能夠助他們高效工作活玲？比如有人可能會說：簡單，高效谍婉、實(shí)用等等舒憾，讓他們?yōu)槊恳粭l所說的原則找一個產(chǎn)品界面實(shí)例，并且說明理由穗熬。最后對比團(tuán)隊成員各自的回答镀迂，看看有沒有重疊的部分，看看新老成員答案的差異唤蔗，是否有不同領(lǐng)域相似的原則探遵，是不是能找到一些共識，在以后設(shè)立原則時措译，能更好的排定優(yōu)先級别凤，你們有著共同的目標(biāo)是什么樣的設(shè)計對你們的產(chǎn)品來說是好的設(shè)計。
三领虹、面向正確的受眾
在做設(shè)計原則之前要搞清楚設(shè)計原則是為誰服務(wù)的 规哪，是為品牌運(yùn)營物料，是web網(wǎng)站塌衰，還是合作伙伴和潛在客戶诉稍。首先直接的受眾應(yīng)該是自己和同事，例如：設(shè)計師最疆、開發(fā)人員杯巨、運(yùn)營人員等，設(shè)計原則幫助樹立設(shè)計標(biāo)準(zhǔn)努酸，建立設(shè)計系統(tǒng)后服爷，對外受眾是使用系統(tǒng)的用戶，最終帶來高效获诈、一致仍源，易用的用戶體驗。?
四舔涎、測試與迭代?
設(shè)計原則是從O到1的過程笼踩，特別是在初創(chuàng)公司，一開始建立的設(shè)計原則可能是不明確亡嫌，或是抽象的嚎于，但隨著業(yè)務(wù)的發(fā)展會逐漸變的清晰和具體掘而，也有可能變得空洞而沒有生機(jī)，這就需要在真實(shí)業(yè)務(wù)中不斷測試于购，評估和改進(jìn)袍睡，只有在日常工作中經(jīng)常使用，也要敢于接受設(shè)計批評价涝，才能從中發(fā)現(xiàn)問題女蜈，設(shè)計原則才能持續(xù)改進(jìn)，同時要考慮公司處在什么樣的發(fā)展階段色瘩，是在產(chǎn)品的初創(chuàng)期，成長期逸寓，還是成熟期居兆，如果在這些階段設(shè)計原則不能持續(xù)帶來幫助，就需要迭代優(yōu)化竹伸。
總結(jié)?
好的設(shè)計體系是具有價值觀和品牌基因的泥栖，是由設(shè)計原則作為根基，設(shè)計原則也是構(gòu)建設(shè)計體系的起點(diǎn)勋篓，是設(shè)計體系的指導(dǎo)思想吧享，引導(dǎo)設(shè)計往共同目標(biāo)的正確方向前進(jìn)。
設(shè)計原則確立后譬嚣，設(shè)計師最大的挑戰(zhàn)是如何將高而深的價值觀和設(shè)計原則轉(zhuǎn)化為具體的用戶界面元素的钢颂，篇幅有限且聽下回分解。
參考文獻(xiàn)：
《設(shè)計體系-數(shù)字產(chǎn)品設(shè)計的系統(tǒng)化方法》--Alla Kholmatova?著
Arco design官網(wǎng)?
