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