不管是晉升答辯還是跳槽面試，甚至是過稿評審，大家一定都會被問到大致這么幾個問題：
大多數(shù)鐵汁對設(shè)計語言或者設(shè)計系統(tǒng)已經(jīng)有了自己的理解，但因為問題太宏觀所以并不明確這兩個概念的具體含義以及區(qū)別，導致闡述的時候模棱兩可，拉低面試評價（都是痛，我懂得）。所以本文會重點科普下設(shè)計語言與設(shè)計系統(tǒng)的概念。
1. 為什么會有設(shè)計語言？
拆分來看，先聚焦「語言」。
維基百科對語言的解釋：就廣義而言，是用于溝通的一套方式，有其符號與處理規(guī)則，一般稱為文法。符號通常稱為文字，會以視覺、聲音或者觸覺方式來進行傳遞。語言用來傳遞已知或未知事物的含義。
「語言」一詞可以更廣義的理解為已知或未知世界的基礎(chǔ)構(gòu)成系統(tǒng)。嚴格來說，語言是指人類溝通所使用的語言——自然語言。在一個先進的社會中一般人都必須通過學習才能獲得語言能力。語言的目的是交流觀念、意見、思想等。
我們試著用設(shè)計師的視角去理解一下這段文字：設(shè)計中的語言作為一種「溝通的方式」，做適當?shù)谋磉_，進行特定的信息傳遞。這一切顯得基礎(chǔ)且必要，在上篇文章中有介么一個圖大家還記得吧：
普適性強且缺乏記憶點的這種設(shè)計更像「普通話」，你在接收起來毫無壓力，但缺乏個性和故事，當你一直處于這種環(huán)境時間久了，一切就變得索然無味。所以這就使得產(chǎn)品的需要在表現(xiàn)層透出來設(shè)計語言，這種語言要帶有品牌或自己鮮明的個性，才能幫助產(chǎn)品傳遞品牌價值。
2. 設(shè)計語言承載了什么，ta的載體又是什么？
最近查閱了各大網(wǎng)站對設(shè)計語言的描述，基本上是「字體、顏色、圖形、網(wǎng)格系統(tǒng)」這幾個因子，坦誠的講，這應該是淺層的語言表現(xiàn)形式。但如果我們拔高維度來思考，設(shè)計語言就應該是承上啟下的中樞，呈上的是企業(yè)（或者產(chǎn)品）的文化價值輸出，啟下的才是形式載體，用一個圖來解釋下：
再舉個列子來幫助理解：
谷歌的MD賴以成名的設(shè)計語言是對「紙」的隱喻，ta承載了谷歌龐大生態(tài)的各類終端的鏈接關(guān)系，手機/電腦/pad/手表/車載等等，需要這套語言不直接針對某一個渠道的同時又需要有個性化的存在，并且可以容得下復雜的層級關(guān)系，在這種縱橫交錯的期盼中，設(shè)計團隊從現(xiàn)實中來抽取「紙」的概念賦予這套語言，完美的權(quán)衡了生態(tài)產(chǎn)品的關(guān)系。
而構(gòu)成語言的因子，比如「floating action button」就是這套語言衍生出來的組件。而規(guī)則對應的就是谷歌的設(shè)計規(guī)范，ta會幫助你在不同場景/模式下正確的使用這些組件。
1. 設(shè)計系統(tǒng)是什么及其構(gòu)成
引用《design system》里面的解釋，一套成熟的DS包括設(shè)計語言中的principle（原則）、guideline（規(guī)范）、components（組件）、pattrens（模式）和library（庫）等等，
同時還有tools（設(shè)計工具）/motion（動態(tài)設(shè)計）等，所以你會發(fā)現(xiàn)，設(shè)計系統(tǒng)除了包括精神指導，更包含了執(zhí)行落地方案中的行為指導。
△ 圖為滴滴的設(shè)計系統(tǒng)，更加側(cè)重于落地的指南性質(zhì)
所以設(shè)計系統(tǒng)更側(cè)重宏觀的設(shè)計品質(zhì)把控，是在明確的標準指導下，通過組件的重組/組裝在一起以構(gòu)建任意的產(chǎn)品，通俗地說，區(qū)別于標準和文檔，是有關(guān)如何使用子品類的「教程」。
2. 設(shè)計系統(tǒng)的應用場景
設(shè)計系統(tǒng)的應用場景幾乎覆蓋了整個公司的設(shè)計產(chǎn)出，線上產(chǎn)品/線上運營/品牌傳播/線下物料等等等等。
△ 上圖為某司的營銷視覺設(shè)計品類
鐵汁們在塑造設(shè)計系統(tǒng)的時候可以模糊產(chǎn)品和運營之間的鴻溝，所有的設(shè)計都需要在一個體系里被容納，甚至你可以這么理解「品牌即產(chǎn)品」（branding is product），產(chǎn)品設(shè)計變成了品牌的最大輸出口。
設(shè)計系統(tǒng)和設(shè)計語言系統(tǒng)之間有關(guān)聯(lián)，但本質(zhì)上還是不同，語言相對務虛，系統(tǒng)相對務實。用一個公式來概括下ta們：
- 設(shè)計語言=模式/組件庫+規(guī)則+語義
- 設(shè)計系統(tǒng)=模式/組件庫+規(guī)則+語義+ 落地執(zhí)行標準+實施方案
所以設(shè)計系統(tǒng)是包含設(shè)計語言的。
小結(jié)一下：
每個產(chǎn)品都會有不同的用途，都會有不同的價值輸出，所以每套語言也不盡相同。理解這2者的概念之后，大家可以再去看看自家產(chǎn)品，試著去完善自己的設(shè)計系統(tǒng)，可以讓自己的作品在之后的職業(yè)生涯中更體系化更加分。
承擔因您的行為而導致的法律責任，
本站有權(quán)保留或刪除有爭議評論。
參與本評論即表明您已經(jīng)閱讀并接受
上述條款。