序言：一個(gè)好的設(shè)計(jì)語言本身就可以在體驗(yàn)上為產(chǎn)品加分。
為什么需要設(shè)計(jì)語言呢？
? ? ? 對內(nèi)，很多設(shè)計(jì)團(tuán)隊(duì)都有這種狀況，每一個(gè)頁面或者功能類似模塊（按鈕）尺寸、顏色、大小不一樣，個(gè)性化（設(shè)計(jì)師個(gè)人主觀經(jīng)驗(yàn)設(shè)計(jì)）比較嚴(yán)重，導(dǎo)致風(fēng)格層次不齊，缺乏統(tǒng)一性，設(shè)計(jì)語言（規(guī)范）能解決統(tǒng)一性和效率，避免開發(fā)工程師重復(fù)開發(fā)。
? ? ? 對外，統(tǒng)一的品牌符號、 特征、有助于加深產(chǎn)品在用戶心中得印象，統(tǒng)一的顏色和交互形式也能加深用戶對產(chǎn)品的熟悉感和信任感。
1、一致性
顏色、按鈕、 字體、 品牌、一致性能給用戶帶來安全感，提高用戶對產(chǎn)品的印象，同時(shí)也能解決設(shè)計(jì)界面風(fēng)格不統(tǒng)一問題。
2、明確設(shè)計(jì)原則
a.產(chǎn)品要給用戶傳遞的設(shè)計(jì)特征和原則是什么
b.平臺約束力是什么
例如，平臺特征年輕、活潑、那我們設(shè)計(jì)規(guī)范對應(yīng)的就是：圓角按鈕、漸變色。
設(shè)計(jì)師就要按照這個(gè)約束進(jìn)行下去設(shè)計(jì)，不能用方形或者直角圖形，因?yàn)楹驼麄€(gè)設(shè)計(jì)風(fēng)格不匹配。
3、效率
提升效率，一些經(jīng)常用到的可以復(fù)制的模塊內(nèi)容（如：顏色、按鈕、分割線、圖標(biāo)、字體、tab、表單等）提前統(tǒng)一并做好，能大大減少重復(fù)性設(shè)計(jì)，把時(shí)間放在提升設(shè)計(jì)品質(zhì)上，還有把對于基礎(chǔ)的顏色、字體、間距也可以提前開發(fā)好，減少重復(fù)性開發(fā)。
4、多平臺設(shè)計(jì)統(tǒng)一
各種不同平臺上（如：各種屏幕、 平板、筆記本、各種手機(jī)等）必須保證統(tǒng)一的設(shè)計(jì)風(fēng)格。
5、 設(shè)計(jì)語言包含內(nèi)容
a.設(shè)計(jì)原則
統(tǒng)一：那個(gè)設(shè)計(jì)都應(yīng)該統(tǒng)一，不能有太多個(gè)性差異化特征。
關(guān)于內(nèi)容： 用戶應(yīng)更多關(guān)注內(nèi)容，而不是設(shè)計(jì)本身。
確定性： 減少不確定的因素和預(yù)期。
5、色彩系統(tǒng)
設(shè)計(jì)三大元素：色彩、字體、圖形。
首先定義好整個(gè)系統(tǒng)的色彩架構(gòu)體系，圍繞這些色彩進(jìn)行設(shè)計(jì)，色彩：品牌色、輔助色、字體黑白灰、不可用的、超鏈接、成功或者失敗等。
空白頁圖形定義，
圖標(biāo)風(fēng)格定義、色彩風(fēng)格
頭像，定義了有五官和無五官風(fēng)格，
整個(gè)規(guī)范的正確與錯(cuò)誤的示范
圖標(biāo)規(guī)范。
6、柵格系統(tǒng)
柵格為了保證頁面更好，和統(tǒng)一性的布局。
柵格系統(tǒng)又分最小單位和間距，在airbnb中對于間距，運(yùn)用了8的倍數(shù)（如8.16.32.64），所有規(guī)范都有彈性。
7、字體
界面中出現(xiàn)最多的就是字體，除了傳統(tǒng)意義上的大小之外，還有字間距、 行間距、字體顏色等
字體界面中什么場景用多大字號，對應(yīng)的字間距，行間距等等。
什么時(shí)候用品牌色，成功，錯(cuò)誤，超鏈接等。
8、投影
投影要去定義不同強(qiáng)度、透明度。
8、圖文關(guān)系
圖片和文字在界面中如何處理，多色調(diào)運(yùn)用，不同圖片放什么樣的字，需要詳細(xì)定義。
總結(jié)：
設(shè)計(jì)是一個(gè)很復(fù)雜的過程，需要慢慢累積。
一般設(shè)計(jì)完成后，對于基礎(chǔ)顏色，字體不要經(jīng)常變動，（至少保證這些元素一年內(nèi)不要頻繁變動）。
