設(shè)計(jì)系統(tǒng)是一種語(yǔ)言，一種溝通工具，就像英語(yǔ)或者西班牙語(yǔ)，這些日常用語(yǔ)都有一些規(guī)則指導(dǎo)一個(gè)人和另一個(gè)人的溝通。設(shè)計(jì)系統(tǒng)就是一種允許設(shè)計(jì)和開發(fā)人員互相溝通的一種語(yǔ)言。通過精心的制作和有期許的凝聚力，它可以讓你的品牌與用戶進(jìn)行交流。

如果設(shè)計(jì)系統(tǒng)是一門語(yǔ)言，那么產(chǎn)品就是一場(chǎng)對(duì)話。一場(chǎng)你的品牌和用戶之前的對(duì)話。

如何構(gòu)建設(shè)計(jì)語(yǔ)言，這里有三個(gè)步驟。

步驟1-理念：

一個(gè)成功的產(chǎn)品不會(huì)脫離品牌存在，一個(gè)品牌就是你的用戶和消費(fèi)者想象中的你的樣子，他們是如何看待你的。當(dāng)提出品牌定位時(shí)，我們總是將品牌想象成一個(gè)實(shí)際的人，如果他坐在我們旁邊，我該如何喜歡他們，他們的個(gè)性是什么？你必須從這里開始，因?yàn)樗麑Ⅱ?qū)動(dòng)你后面所有的設(shè)計(jì)方向，一旦你擁有了品牌定位，你可以開始擬定設(shè)計(jì)原則，當(dāng)你在做設(shè)計(jì)的時(shí)候讓其一直保持在腦海中。在提出設(shè)計(jì)原則的時(shí)候，要時(shí)刻考慮用戶的需求。下面將會(huì)做一期關(guān)于品牌，營(yíng)銷和市場(chǎng)在UX中的重要性，因?yàn)槲艺J(rèn)為他們?cè)谡麄€(gè)產(chǎn)業(yè)中被忽略了。

步驟2-語(yǔ)法：

在前面我們討論過這一部分，你可以將這些看作是語(yǔ)言中的語(yǔ)法。這一步是將UI進(jìn)行解剖。

顏色：主色調(diào)和其他色調(diào)各是什么？

字體：你的字體樣式是什么？

空間：你的UI尺寸是什么？是否響應(yīng)式？

圖標(biāo)：你的圖標(biāo)是如何定義的？

你的設(shè)計(jì)原則和品牌定義如何在這四個(gè)里面去體現(xiàn)？是平等的嗎？記住這四個(gè)部分中的每一個(gè)部分都有可能被改變。然而，你應(yīng)該有一個(gè)框架去定義他們，當(dāng)你解析UI結(jié)構(gòu)時(shí)，你將對(duì)這些值進(jìn)行最小的整理。

步驟3-單詞：

當(dāng)你已經(jīng)熟悉解剖UI元素時(shí)，創(chuàng)建UI元素應(yīng)該是很簡(jiǎn)單。你可以把這一步看作是你語(yǔ)言的詞語(yǔ)，設(shè)計(jì)師把他們組合在一起形成驚人的體驗(yàn)。就像歌曲的作家和文學(xué)作家一樣用語(yǔ)言來(lái)創(chuàng)作。這很重要，因?yàn)樗屧O(shè)計(jì)師不再擔(dān)心頁(yè)面的組成，而去關(guān)注用戶的需求，他們的體驗(yàn)，和這種體驗(yàn)存在的原因。這些詞語(yǔ)最常用的就是NavBars，input fields，list items等等。

恭喜你，現(xiàn)在你是一個(gè)多元的，然而你的工作還沒有結(jié)束，每一種語(yǔ)言都需要一個(gè)詞典。這個(gè)詞典我們把它叫做UI KIT。

只有自己會(huì)說的語(yǔ)言是沒用的，不是嗎？

原文地址：https://medium.muz.li/crafting-a-new-visual-language-912d3ac8df43