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

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

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

讓我們開始吧，好嗎?

設計語言:為什么這么重要?

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

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

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

設計語言的核心要素是:

UI組件和模式的集合;

風格指南;

文檔的語義;

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

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

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

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

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

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

一些設計語言的例子

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

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

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

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

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

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

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

Airbnb的語言使得設計師和利益相關者之間的溝通變得更加容易，同時也使他們在平臺和設備上的行為標準化。

創(chuàng)建設計語言

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

從UI審計開始

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

創(chuàng)建一個詞匯

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

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

“這個[圖書館]的[設計元素]允許我們表達[目的]。”

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

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

定義設計原則

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

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

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

制定規(guī)則

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

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

允許語言成長和擴展

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

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

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

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

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

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

誰負責創(chuàng)建設計語言?

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

UX/UI設計師——負責語言的可視化組件;

易訪問性專家——確保語言遵守易訪問性標準;

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

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

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

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

結(jié)論

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

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

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

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