視覺傳達(dá)是異常復(fù)雜的。它是多樣的，無限的，無情的。為了讓信息清晰連貫，我們需要建立一系列約束，幫助我們與終端用戶進(jìn)行溝通。這就是設(shè)計(jì)語言發(fā)揮作用的地方。

在歷史上，我們對(duì)自然語言做過同樣的事情。句法、語義學(xué)和形態(tài)學(xué)使我們能夠?qū)⑺枷虢M織成有意義的敘述，并幫助交換思想。

在今天的文章中，我們將進(jìn)一步了解什么是設(shè)計(jì)語言，它是如何創(chuàng)建的，以及開發(fā)人員。

讓我們開始吧，好嗎?

設(shè)計(jì)語言:為什么這么重要?

設(shè)計(jì)語言是指導(dǎo)組織視覺識(shí)別的一套規(guī)則和原則，確保他們的設(shè)計(jì)具有延續(xù)性。

設(shè)計(jì)語言包含哪些內(nèi)容?

設(shè)計(jì)語言要具有規(guī)范性，就必須包含一系列的視覺和概念標(biāo)準(zhǔn)。

設(shè)計(jì)語言的核心要素是:

UI組件和模式的集合;

風(fēng)格指南;

文檔的語義;

這三個(gè)支柱定義了顏色、排版、圖標(biāo)、交互、動(dòng)畫、有價(jià)值的資源、文件夾系統(tǒng)、命名約定和產(chǎn)品的網(wǎng)格系統(tǒng)的使用。

同樣，它必須提供一個(gè)深入了解品牌的語氣和它的價(jià)值。

對(duì)于統(tǒng)一視覺語言的需求可以從內(nèi)部和外部?jī)蓚€(gè)角度來定義。

前者確保整個(gè)公司的所有團(tuán)隊(duì)都可以遵循相同的規(guī)則和方法。這允許他們有一組參考點(diǎn)和坐標(biāo)，使設(shè)計(jì)過程有效和無混亂。

后者面向其用戶和產(chǎn)品存在的平臺(tái)。通過遵循廣泛的行業(yè)標(biāo)準(zhǔn)，組織可以創(chuàng)建直觀的和與之交互的人熟悉的設(shè)計(jì)。

因此，通過融合這兩種觀點(diǎn)，企業(yè)可以讓設(shè)計(jì)過程更高效，打造出令人難忘的品牌形象，并快速提高可用性。

一些設(shè)計(jì)語言的例子

讓我們看看成功的組織是如何解釋他們對(duì)設(shè)計(jì)語言的需求的。

IBM的設(shè)計(jì)理念之一是創(chuàng)建可立即識(shí)別的設(shè)計(jì)。

“如果你掩蓋了我們的標(biāo)識(shí)或名稱，你會(huì)認(rèn)為一個(gè)執(zhí)行是由IBM設(shè)計(jì)的嗎?”

當(dāng)涉及到建立品牌回憶和用戶忠誠度時(shí)，一個(gè)清晰的視覺識(shí)別是至關(guān)重要的。IBM實(shí)現(xiàn)這一點(diǎn)的方法之一是設(shè)計(jì)他們的網(wǎng)格系統(tǒng)，比如2x網(wǎng)格。

“網(wǎng)格的精確使用，以及一致的形狀、角度和半徑，有助于定義一種特殊的美學(xué)，這種美學(xué)對(duì)于表達(dá)我們插圖的“IBMness”至關(guān)重要，并揭示了一種經(jīng)過深思熟慮的系統(tǒng)方法”——IBM。

Airbnb的設(shè)計(jì)語言也旨在實(shí)現(xiàn)同樣的目標(biāo)，但不同之處在于，這家初創(chuàng)公司在過去幾年經(jīng)歷了巨大的增長(zhǎng)。因此，他們專注于創(chuàng)造一種視覺語言，讓他們?cè)诒３制放粕矸莸耐瑫r(shí)繼續(xù)擴(kuò)大規(guī)模。

這是一個(gè)簡(jiǎn)單的事實(shí):如果你不先創(chuàng)新你制造產(chǎn)品的方式，你就無法在產(chǎn)品上創(chuàng)新。”——Airbnb。

Airbnb的語言使得設(shè)計(jì)師和利益相關(guān)者之間的溝通變得更加容易，同時(shí)也使他們?cè)谄脚_(tái)和設(shè)備上的行為標(biāo)準(zhǔn)化。

創(chuàng)建設(shè)計(jì)語言

組合一種設(shè)計(jì)語言可能是一項(xiàng)艱巨、耗時(shí)的任務(wù)，但這是非常值得的。這里有幾個(gè)必要的步驟，可以幫助你打下基礎(chǔ):

從UI審計(jì)開始

進(jìn)行UI審計(jì)以奠定語言的基礎(chǔ)通常是個(gè)好主意。它將允許您處理緊迫的問題，確保一致性，并生成文檔，這在實(shí)現(xiàn)過程中是至關(guān)重要的。

創(chuàng)建一個(gè)詞匯

詞匯表應(yīng)該包含并清楚地定義產(chǎn)品的視覺元素。它的主要目標(biāo)是包含一個(gè)系統(tǒng)化的構(gòu)建塊模式庫，以及一個(gè)樣式指南。

為了促進(jìn)一致性和清晰度，您的風(fēng)格指南必須提供元素用途的說明。下面是一個(gè)如何做到這一點(diǎn)的例子:

“這個(gè)[圖書館]的[設(shè)計(jì)元素]允許我們表達(dá)[目的]。”

這使得組織能夠建立我們上面提到的有意義的約束，同時(shí)允許他們的設(shè)計(jì)者簡(jiǎn)化決策制定。例如，Atlassian是這樣解釋他們調(diào)色板背后的邏輯的:

“我們的主色調(diào)由中性色、白色和藍(lán)色組成，為我們的品牌帶來大膽，并在整個(gè)產(chǎn)品和營(yíng)銷中以合理的方式使用，以引導(dǎo)眼睛和突出重要的部分。”我們的胡椒溫暖，二級(jí)調(diào)色板的顏色，以軟化經(jīng)驗(yàn)和傳遞信心和樂觀。”——Atlassian。

定義設(shè)計(jì)原則

產(chǎn)品設(shè)計(jì)理念背后的原則是評(píng)估產(chǎn)品質(zhì)量和設(shè)計(jì)目的的試金石。它允許組織評(píng)估原型是否符合它的一般指導(dǎo)原則。

例如，Airbnb的設(shè)計(jì)原則是面向可訪問性和功能性。他們的目標(biāo)是創(chuàng)造“統(tǒng)一的、通用的、標(biāo)志性的、對(duì)話式的”設(shè)計(jì)。

另一方面，IBM的原則聲明，他們的目標(biāo)是創(chuàng)建“經(jīng)過仔細(xì)考慮、獨(dú)特統(tǒng)一、專業(yè)執(zhí)行和積極進(jìn)步”的設(shè)計(jì)。

制定規(guī)則

一個(gè)組織的設(shè)計(jì)規(guī)則是其原則的子集。當(dāng)涉及到使設(shè)計(jì)師的工作更有效率和確保一個(gè)偉大的用戶體驗(yàn)時(shí)，它們是必不可少的。

這些規(guī)則的嚴(yán)格程度各不相同——有些可能很嚴(yán)格;其他的則是可塑的。擁有一類較為寬松的規(guī)則，可以為設(shè)計(jì)人員提供靈活性，以便在他們認(rèn)為合適的地方進(jìn)行改進(jìn)。

允許語言成長(zhǎng)和擴(kuò)展

我們必須注意這樣一個(gè)事實(shí):擁有設(shè)計(jì)語言本身絕不是最終目標(biāo)。隨著時(shí)間的推移，一個(gè)組織的語言必須適應(yīng)其行業(yè)的變化，并解釋技術(shù)債務(wù)。行業(yè)標(biāo)準(zhǔn)往往會(huì)發(fā)生變化，您的設(shè)計(jì)語言也應(yīng)該如此。

“一種統(tǒng)一的設(shè)計(jì)語言不應(yīng)該只是一組靜態(tài)的規(guī)則和單獨(dú)的原子;它應(yīng)該是一個(gè)不斷進(jìn)化的生態(tài)系統(tǒng)。”——Airbnb。

讓你的語言逐漸形成它所存在的市場(chǎng)的形狀，這樣它就能與當(dāng)前的時(shí)代精神保持聯(lián)系。

同樣，一種語言的發(fā)展?jié)摿碜杂谟脩舻男枨蠛驮摻M織的競(jìng)爭(zhēng)對(duì)手。

不斷的研究和更新你的客戶角色可以讓組織更好的服務(wù)它的用戶，保持他們的高質(zhì)量的服務(wù)。

理解組織的競(jìng)爭(zhēng)格局可以讓它探索戰(zhàn)略設(shè)計(jì)機(jī)會(huì)，并創(chuàng)造一個(gè)獨(dú)特的視覺形象。

誰負(fù)責(zé)創(chuàng)建設(shè)計(jì)語言?

設(shè)計(jì)語言不僅僅是設(shè)計(jì)師的職責(zé)。相反，這是一系列部門和專家的共同努力，包括:

UX/UI設(shè)計(jì)師——負(fù)責(zé)語言的可視化組件;

易訪問性專家——確保語言遵守易訪問性標(biāo)準(zhǔn);

用戶體驗(yàn)作家/內(nèi)容策略師——負(fù)責(zé)語音基調(diào)指導(dǎo)和品牌代言人參數(shù);

研究人員——對(duì)最終用戶的需求提供有價(jià)值的見解;

前端開發(fā)人員-工具在編寫有效的代碼和協(xié)助文檔;

副總裁和董事——確保語言與組織的目標(biāo)和身份一致。

結(jié)論

開發(fā)一致且詳細(xì)的設(shè)計(jì)語言可能非常耗時(shí)。請(qǐng)記住，多次迭代是必要的。

盡管有這些重要的投資，一個(gè)統(tǒng)一的視覺語言將允許組織創(chuàng)造聚合和連貫的體驗(yàn)，顯著減少開支，并設(shè)置一個(gè)高的設(shè)計(jì)標(biāo)準(zhǔn)，易于遵循。

開發(fā)一種設(shè)計(jì)語言是一項(xiàng)協(xié)作工作

創(chuàng)建視覺語言的一個(gè)重要部分是與廣泛的專業(yè)人士有效合作。UXpin是管理設(shè)計(jì)項(xiàng)目、執(zhí)行UI審核、構(gòu)建設(shè)計(jì)系統(tǒng)和存儲(chǔ)文檔的優(yōu)秀工具。注冊(cè)免費(fèi)試用，試用市場(chǎng)上最先進(jìn)的設(shè)計(jì)系統(tǒng)管理工具。