設(shè)計(jì)語(yǔ)言，近來(lái)比較流行，關(guān)于設(shè)計(jì)語(yǔ)言的參考也特別多，最出名的莫過(guò)于蘋(píng)果的Apple HIG和谷歌材料設(shè)計(jì)Material Design，也是設(shè)計(jì)語(yǔ)言的鼻祖，下面我將對(duì)設(shè)計(jì)語(yǔ)言，如何去創(chuàng)造一個(gè)設(shè)計(jì)語(yǔ)言，設(shè)計(jì)語(yǔ)言包含什么，通過(guò)幾期分享逐步拆解
為什么需要設(shè)計(jì)語(yǔ)言
1.對(duì)內(nèi)
? 上圖，應(yīng)該是很多設(shè)計(jì)團(tuán)隊(duì)都有的情況， 一個(gè)按鈕很多尺寸，顏色，大小，有時(shí)候我們已經(jīng)有了規(guī)范，但是，各種業(yè)務(wù)方強(qiáng)※，要個(gè)性化，要不一樣，導(dǎo)致整個(gè)APP設(shè)計(jì) 變的很混亂，這是我們?cè)O(shè)計(jì)中經(jīng)常遇見(jiàn)的，很多APP因?yàn)槿鄙龠@是基礎(chǔ)原則，導(dǎo)致我們的APP界面每個(gè)頁(yè)面都不一 樣，設(shè)計(jì)師都是按照個(gè)人的主觀經(jīng)驗(yàn)做設(shè)計(jì)，導(dǎo)致風(fēng)格層次不齊，缺乏統(tǒng)一性，所以對(duì)內(nèi)，很多時(shí)候設(shè)計(jì)語(yǔ)言 是為了解決統(tǒng)一性和效率為前提下，避免開(kāi)發(fā)工程師重復(fù)開(kāi)發(fā)一些組件!
2.對(duì)外
對(duì)外，統(tǒng)一的品牌符號(hào)，品牌特征，有助于加深產(chǎn)品在 用戶心中的印象，統(tǒng)一的顏色和交互形式能幫助用戶加 深對(duì)產(chǎn)品的熟悉感和信任感，一個(gè)好的設(shè)計(jì)語(yǔ)言本身可 以在體驗(yàn)上為產(chǎn)品加分，試想，當(dāng)你走進(jìn)星巴克的時(shí) 候，發(fā)現(xiàn)LOGO變了，咖啡的包裝換了，是不是會(huì)覺(jué)得是 山寨的感覺(jué)，就好比我們?cè)趪?guó)內(nèi)去華萊※，吃東西時(shí)候雖然都是同樣的薯?xiàng)l，但是總感覺(jué)是山寨！好的規(guī)范，能夠更好創(chuàng)造一致性的體驗(yàn)。
設(shè)計(jì)語(yǔ)言能解決什么問(wèn)題
①一致性：在整個(gè)平臺(tái)創(chuàng)造一致性
②明確設(shè)計(jì)原則：讓每一位設(shè)計(jì)同學(xué)都清楚，我們的產(chǎn)品需要傳遞給用戶的東西是什么，以及整個(gè)平臺(tái)的約束是什么。
③效率：更好的提升效率，減少重復(fù)性工作
④多平臺(tái)統(tǒng)一：我們現(xiàn)在處于一個(gè)各種設(shè)備百花齊放的社會(huì)，各種設(shè)備繁多。
設(shè)計(jì)語(yǔ)言包含什么
一套完整的設(shè)計(jì)語(yǔ)言包含設(shè)計(jì)原則、色彩系統(tǒng)、圖形、柵格系統(tǒng)、字體、投影、圖文關(guān)系這些組成部分。
設(shè)計(jì)語(yǔ)言的核心內(nèi)容-設(shè)計(jì)原則
設(shè)計(jì)原則包含了一個(gè)公司的產(chǎn)品定位以及企業(yè)價(jià)值觀，是設(shè)計(jì)語(yǔ)言的靈魂
Apple的設(shè)計(jì)規(guī)范，這個(gè)比較出名，每一個(gè)接觸UI的同學(xué)都該先去學(xué)習(xí)，蘋(píng)果的設(shè)計(jì)規(guī)范包括:完整性，一致性，直接操作，反饋，隱喻，用戶控制等幾個(gè)設(shè)計(jì)原則
同樣的，在facebook的設(shè)計(jì)原則語(yǔ)言里面，也首先強(qiáng)調(diào)了他們的設(shè)計(jì)價(jià)值觀:通用，人性，干凈，統(tǒng)一，有用，快速，透明，在facebook所有設(shè)計(jì)中，都圍繞這幾個(gè)點(diǎn)去作為他們?cè)O(shè)計(jì)指導(dǎo)準(zhǔn)則
Airibnb在建立他們?cè)O(shè)計(jì)語(yǔ)言之前，先根據(jù)整個(gè)產(chǎn)品公司 定位，價(jià)值觀，先得出他們整一個(gè)設(shè)計(jì)語(yǔ)言的關(guān)鍵詞：
old
統(tǒng)一:每個(gè)設(shè)計(jì)應(yīng)該是統(tǒng)一的，不能有太多個(gè)性差異化的特征
關(guān)于內(nèi)容:用戶應(yīng)該更多關(guān)注的是內(nèi)容，而非設(shè)計(jì)本身
確定的:在設(shè)計(jì)中減少不確定的因素，和預(yù)期
2019
統(tǒng)一：每一部分都是一個(gè)更大整體的一部分，應(yīng)該在規(guī)模上對(duì)系統(tǒng)作出積極貢獻(xiàn)。不應(yīng)該有孤立的特征或異常值。
通用：Airbnb在世界各地被廣泛的全球社區(qū)使用。我們的產(chǎn)品和視覺(jué)語(yǔ)言應(yīng)該是歡迎和容易接近的。
標(biāo)志性：我們專(zhuān)注于設(shè)計(jì)和功能。我們的工作應(yīng)該大膽而清晰地談到這個(gè)重點(diǎn)。
對(duì)話式：我們的動(dòng)作讓我們的產(chǎn)品煥然一新，讓我們能夠以易于理解的方式與用戶進(jìn)行溝通。
由此可以
所以我們?cè)诮⒁粋€(gè)設(shè)計(jì)語(yǔ)言的第一步，應(yīng)該先建立一個(gè)設(shè)計(jì)準(zhǔn)則，關(guān)于設(shè)計(jì)準(zhǔn)則如何定義，我會(huì)在下面和大家詳細(xì)講解。
如何敲定一個(gè)設(shè)計(jì)原則？
1 提取設(shè)計(jì)原則的一級(jí)關(guān)鍵詞
第一步，我們先要去提取出關(guān)鍵詞，這個(gè)關(guān)鍵詞怎么來(lái)，有幾種方式獲取，第一個(gè)從我們整個(gè)公司戰(zhàn)略出發(fā)，任何一個(gè)產(chǎn)品一定有他的戰(zhàn)略，品牌戰(zhàn)略，商業(yè)戰(zhàn)略，舉個(gè)例子!假設(shè)我們是eaby，我們的整個(gè)公司今年戰(zhàn)略是全球化，高品質(zhì)，正品，那么這個(gè)就是一級(jí)核心關(guān)鍵詞!我們所有的設(shè)計(jì)語(yǔ)言一定要和公司戰(zhàn)略結(jié)合起來(lái)，可以理解微戰(zhàn)略關(guān)鍵詞是整個(gè)設(shè)計(jì)語(yǔ)言頂部金字塔
2.運(yùn)用情緒版提取二級(jí)關(guān)鍵詞
我們有了一級(jí)關(guān)鍵詞后，需要去思考，那么什么樣的設(shè)計(jì)能給人全球化的感受呢，什么樣的感覺(jué)能有高品質(zhì)感覺(jué)，正品應(yīng)該傳遞什么樣的感覺(jué)呢?此刻需要用到第二個(gè)方法就是情緒板，不知道情緒板同學(xué)，可以百度搜索情緒板設(shè)計(jì)方法，總之，我們需要通過(guò)情緒板去把這些符合這些關(guān)鍵詞感受的圖形具體化
高品質(zhì)的特征是什么？
下圖是一組日本一組花茶設(shè)計(jì)，那么在這組設(shè)計(jì)中，設(shè)計(jì)師是如何體現(xiàn)高品質(zhì)呢?
通過(guò)以上一些案例拆解，我們能對(duì)這個(gè)局品質(zhì)的關(guān)鍵詞有更加進(jìn)一步的理解，高品質(zhì)原來(lái)在情感層面是一個(gè)這么抽象的感覺(jué)?但是很多同學(xué)會(huì)問(wèn)，那么這次二級(jí)詞匯也很抽象，我如何靠這個(gè)來(lái)做設(shè)計(jì)呢，太抽象了，很難去理解，表達(dá)，別著急，還有下一步?
高品質(zhì)設(shè)計(jì)表現(xiàn)形式?
那么關(guān)于高品質(zhì)在視覺(jué)形式上如何來(lái)體現(xiàn)了，那些設(shè)計(jì)感覺(jué)能代表高品質(zhì)呢，這個(gè)時(shí)候就需要我們?nèi)ふ乙恍┰O(shè)計(jì)參考， 一些好的設(shè)計(jì)案例，這些案例，要能代表高品質(zhì)
設(shè)計(jì)分層
以上就是我們從一個(gè)戰(zhàn)略關(guān)鍵詞逐步推導(dǎo)到一級(jí)關(guān)鍵詞，以及二級(jí)關(guān)鍵詞，到設(shè)計(jì)手法，以及對(duì)應(yīng)設(shè)計(jì)表達(dá)，推導(dǎo)的一個(gè)全過(guò)程。
總結(jié)
以上大概微一個(gè)設(shè)計(jì)關(guān)鍵詞的，全部推導(dǎo)過(guò)程，到設(shè)計(jì)手法的確定，也是設(shè)計(jì)語(yǔ)言里面最難的部分，后面的關(guān)鍵詞也是類(lèi)似的思考方法和思路，最終通過(guò)推導(dǎo)我們需要得出每個(gè)關(guān)鍵詞的情緒圖，以及對(duì)應(yīng)設(shè)計(jì)特征，以及最終需要在界面中展示的形色字構(gòu)質(zhì)，一個(gè)完整過(guò)程!
比如國(guó)際化，同樣通過(guò)前面思路，我們需要去思考國(guó)際化如何在設(shè)計(jì)中體現(xiàn)，需要我們能去提煉出代表國(guó)際化的象征物，如地標(biāo)，國(guó)旗，郵戳，貨幣等等，包括如何在界面中融于國(guó)際化元素，以及人物和節(jié)日?qǐng)鼍?/p>
最后
希望大家可以通過(guò)我這期的分享，能夠詳細(xì)理解到如何從公司戰(zhàn)略層，提取到核心一級(jí)關(guān)鍵詞，到二級(jí)關(guān)鍵詞，以及對(duì)應(yīng)的設(shè)計(jì)手法，對(duì)應(yīng)到形色字構(gòu)質(zhì)!
See you next month ！
