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

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

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

讓我們開始吧，好嗎?

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

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

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

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

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

UI組件和模式的集合;

風(fēng)格指南;

文檔的語義;

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

同樣，它必須提供一個深入了解品牌的語氣和它的價值。

對于統(tǒng)一視覺語言的需求可以從內(nèi)部和外部兩個角度來定義。

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

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

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

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

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

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

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

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

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

Airbnb的設(shè)計語言也旨在實現(xiàn)同樣的目標(biāo)，但不同之處在于，這家初創(chuàng)公司在過去幾年經(jīng)歷了巨大的增長。因此，他們專注于創(chuàng)造一種視覺語言，讓他們在保持品牌身份的同時繼續(xù)擴大規(guī)模。

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

Airbnb的語言使得設(shè)計師和利益相關(guān)者之間的溝通變得更加容易，同時也使他們在平臺和設(shè)備上的行為標(biāo)準(zhǔn)化。

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

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

從UI審計開始

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

創(chuàng)建一個詞匯

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

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

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

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

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

定義設(shè)計原則

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

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

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

制定規(guī)則

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

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

允許語言成長和擴展

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

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

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

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

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

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

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

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

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

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

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

研究人員——對最終用戶的需求提供有價值的見解;

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

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

結(jié)論

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

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

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

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