空間感是指藝術(shù)形象通過一定手法引起的類似現(xiàn)實空間的審美感受。包括作品直接表現(xiàn)的空間和作品具體形象之外的使人想象到的空間。這種空間感，一定程度上決定著版面的視覺效果與美感。巧妙的利用空間，可以集中觀眾的注意力，豐富的層次感使作品更具觀賞性，同時又可以讓作品主次分明，更有效的傳達信息。

通過對設(shè)計作品的參考分析，設(shè)計師深?？偨Y(jié)了營造空間感的方法，大致分為以下九個類別，希望這篇文章能對大家有所幫助。

一、遮前掩后

“遮前掩后”的意思是：通過畫面設(shè)計元素之間的遮擋，交代空間關(guān)系，從而產(chǎn)生一定的空間感。這種形式可能空間感較弱，但易于表達，可以使文字和圖片更好的結(jié)合。

設(shè)計時為了保證信息的傳達，普遍會選擇將文字信息完整的展示出來。其實像上面兩個案例一樣，適當使用遮擋關(guān)系，反而能讓文字與圖像結(jié)合的更好。

人的大腦有“慣性閱讀”的能力，這使得即使文字被遮擋，也不會影響太多識別性。

利用蒙版，然后局部破出，這也是營造空間感常用的手法。本質(zhì)上，這也屬于使用遮擋關(guān)系的一種方式，這種效果空間感更強，讓觀眾有一種打破次元壁的感覺。

使用這種樣式時需要注意：用作蒙版的圖形或文字，必須簡潔，并且識別性足夠高，否則會影響信息的傳達。

二、以小見大

“以小見大”指的是：利用近大遠小、近疏遠密的基本透視原理，來營造空間感的一種方式。

在平面設(shè)計中，面積大的元素使我們感覺更近，面積小的感覺更遠，即使是單一的設(shè)計元素，只要遵循基本的透視原理，也能塑造出空間感。

從這兩個案例可以看出，元素的面積大小變化越大，空間的縱深感就越強；通過控制元素之間的位置關(guān)系，可以使空間看起來平整或者曲折，表現(xiàn)力非常豐富。

三、山重水復(fù)

“山重水復(fù)”是“以小見大”的進階版，同樣是利用近大遠小的物理規(guī)律，塑造空間感。不同的是，通過元素的無限重復(fù)，會讓空間感更強，對排版的把控能力也要求更高一些。

重復(fù)的元素會讓畫面有很強的沖擊力，強烈的空間感讓觀眾仿佛在無限的跌落。使用這種版式一定要注意近疏遠密的空間關(guān)系，否則會降低畫面的可信度。

四、橫峰側(cè)嶺

“橫峰側(cè)嶺”是指：通過變形，改變元素的透視，在整個版面中塑造多個平面，以此來增強作品的空間感。

將同一平面的元素對齊，創(chuàng)造出虛擬的邊界線，借助這些參考線來塑造不同方向的平面。如果覺得空間感不夠強烈，可以借助輔助線加強透視。使用這種形式的重點在于，要注意閱讀順序和空間平面之間的關(guān)系，不要為了畫面，一味地堆砌空間，信息的傳達永遠都是最重要的。

最近非常流行的立體效果，因為空間感強，很容易出效果，深受設(shè)計師們喜愛。其實這種類型也是通過透視和多個平面來塑造空間感，制作時大多需要3D軟件進行輔助，才能實現(xiàn)如此真實的透視效果。

五、冰厚三尺

“冰厚三尺”指的是通過給元素添加厚度，增強元素的立體感，從而提升空間感。這是一種非常簡單粗暴的方式，立體化后的元素，可以展現(xiàn)更多的角度，使排版方式更加多變，畫面也更加靈動。

最常見的2.5D風格，去除了透視感，依靠立體元素來營造空間感，可以使整個版面更加穩(wěn)定和諧。有些設(shè)計師還會引入矛盾空間，讓設(shè)計作品看起來更有趣味性，吸引用戶目光。

六、潛蹤隱跡

“潛蹤隱跡”的意思是：通過改變透明度，模擬霧中的物體，距離越遠的元素可見度越低，從而營造出空間感。

在中國傳統(tǒng)國畫中，就會通過控制水墨的濃淡，來展現(xiàn)畫面的空間感。因此這種方法很適合中國風的設(shè)計，讓整個作品富有神秘、幽寂的氣質(zhì)。

七、霧里看花

“霧里看花”和“潛蹤隱跡”很相似，通過虛實的變化，模擬現(xiàn)實世界中的景深效果，從而塑造空間感。這種方法是最常見的，也是最出效果的，在塑造空間感的同時，還可以強調(diào)主體信息。

在對版面元素進行模糊處理的時候，要考慮元素與焦點的位置關(guān)系：距離焦點越遠，模糊程度越高，普遍情況下，會將最主要的視覺元素作為焦點，保證信息的準確傳達。

八、浮光掠影

有光的地方就存在影子，投影本就是空間感的一種直接反應(yīng)，“浮光掠影”就是利用光影的變化，在平面中營造視覺上的空間感。

光影的變化非常豐富，因此，光影的表現(xiàn)方式也是五花八門。殊途同歸的是，所有的光影都是為空間感服務(wù)的，所以大多數(shù)情況下，都要遵循現(xiàn)實世界中的規(guī)律，確定一個光源，保證整個畫面的光影統(tǒng)一。

九、鏡花水月

隨著軟件功能越來越強大，重現(xiàn)現(xiàn)實世界越來越容易。“鏡花水月”指的就是：參考現(xiàn)實世界的折射、反射等自然現(xiàn)象，在平面空間塑造空間感。這種方式看起來質(zhì)感很強，效果也非?？犰?。

需要注意的是：在設(shè)計之前一定要考慮好效果與內(nèi)容的關(guān)系，一味的堆加效果，除了炫技毫無價值。

文章來源：站酷  作者：設(shè)計師深海

藍藍設(shè)計( www.yvirxh.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)

什么是數(shù)據(jù)可視化：概述

Jorge Rey的化石燃料Dataviz 

它是如何工作的？

如果我們能看到它，我們的大腦就可以內(nèi)在化并對其進行反思。這就是為什么理解圖表和查看趨勢比閱讀大量的文檔要花費大量時間和精力進行合理化更容易和有效的原因。我們不想重復(fù)人類是視覺生物的陳詞濫調(diào)，但這是事實，可視化更加有效和全面。

在某種程度上，我們可以說數(shù)據(jù)Viz是講故事的一種形式，目的是幫助我們根據(jù)數(shù)據(jù)做出決策。這些數(shù)據(jù)可能包括：

• 追蹤銷售

• 識別趨勢

• 識別變化

• 監(jiān)控目標

• 監(jiān)測結(jié)果

• 合并數(shù)據(jù)

秘密7 –塞爾吉奧·費爾南德斯（Sergio Fernandez）提出離婚可視化的理由 

什么時候使用？

數(shù)據(jù)可視化對于每天處理大量數(shù)據(jù)的公司很有用。必須立即顯示您的數(shù)據(jù)和趨勢。勝過瀏覽龐大的電子表格。當趨勢立即脫穎而出時，這也可以幫助您的客戶或觀看者理解它們，而不會迷失在混亂的數(shù)字中。

話雖如此，Data Viz適用于：

• 年度報告

• 簡報

• 社交媒體微敘事

• 信息手冊

• 研究

• 趨勢販運

• SciViz

• 燭臺圖，用于財務(wù)分析

• 確定路線

可以看到數(shù)據(jù)可視化的常見情況是在銷售和營銷，醫(yī)療保健，科學，金融，政治和物流中。

娜塔莉·祖伊娃（Natalie Zuieva）的租金和薪金統(tǒng)計信息圖 

為什么要使用它？

簡短的答案：決策。數(shù)據(jù)可視化具有快速識別模式和解釋數(shù)據(jù)的不可否認的好處。更具體地說，它是確定以下情況的寶貴工具。

• 識別變量關(guān)系之間的相關(guān)性。

• 獲得有關(guān)受眾行為的市場見解。

• 確定價值與風險指標。

• 隨時間監(jiān)視趨勢。

• 通過頻率檢查速率和潛力。

• 應(yīng)對變化的能力。

太空垃圾-BBC科學焦點，作者：Federica Fragapane

數(shù)據(jù)可視化類型

您可能已經(jīng)猜到了，Data Viz不僅僅是簡單的餅圖和圖形，而且還具有視覺吸引力。該分支用于可視化統(tǒng)計信息的方法包括一系列有效類型。

地圖

地圖可視化是一種很好的方法，可以分析和顯示與地理位置相關(guān)的信息，并通過地圖準確地將其呈現(xiàn)出來。這種直觀的方法旨在按區(qū)域分布數(shù)據(jù)。由于地圖可以是2D或3D（靜態(tài)或動態(tài)），因此可以使用多種組合來創(chuàng)建Data Viz地圖。

COVID-19支出數(shù)據(jù)可視化POGO，George Railean

但是，最常見的是：

• 區(qū)域地圖：顯示國家，城市或地區(qū)的經(jīng)典地圖。對于每個區(qū)域中的不同特征，它們通常以不同的顏色表示數(shù)據(jù)。

• 線圖：它們通常包含空間和時間，由于對特定場景進行了分析，因此通常是路線選擇的理想選擇，尤其是該地區(qū)的駕車或出租車路線。

• 點地圖：這些地圖分發(fā)地理信息的數(shù)據(jù)。它們是企業(yè)確定區(qū)域中建筑物確切位置的理想選擇。

• 熱圖：它們根據(jù)特定屬性指示地理區(qū)域的權(quán)重。例如，熱圖可以按區(qū)域分布感染者的飽和度。

圖表

圖表以圖形，圖表和表格的形式顯示數(shù)據(jù)。由于圖形確實是圖表的子類別，因此它們經(jīng)常與圖形混淆。但是，兩者之間的差別很?。簣D形顯示數(shù)據(jù)組之間的數(shù)學關(guān)系，并且僅是表示數(shù)據(jù)的統(tǒng)計圖方法之一。

圖表數(shù)據(jù)可視化，作者：Madeline VanRemmen

順便說一句，讓我們談?wù)剶?shù)據(jù)可視化中最基本的圖表類型。

條狀圖

他們使用一系列的條形圖來說明數(shù)據(jù)。它們是較輕量數(shù)據(jù)的理想選擇，并遵循不超過三個變量的趨勢，否則，條形變得混亂且難以理解。

餅狀圖

這些熟悉的圓形圖按部分劃分數(shù)據(jù)。切片越大，部分越大。它們非常適合描述整體的各個部分，它們的總和必須始終為100％。當您需要顯示一段時間內(nèi)的數(shù)據(jù)發(fā)展或缺少任何部分的價值時，請避免使用餅圖。甜甜圈圖與餅圖具有相同的用途。

線形圖

他們使用一條線或多條線來顯示隨著時間的發(fā)展。它允許同時跟蹤多個變量。一個很好的例子是跟蹤品牌多年來的產(chǎn)品銷售情況。面積圖與折線圖具有相同的用途。

散點圖

這些圖表使您可以通過數(shù)據(jù)可視化查看模式。它們有兩個不同值的x軸和y軸。例如，如果您的x軸包含有關(guān)汽車價格的信息，而y軸包含有關(guān)薪水的信息，則正向或負向關(guān)系將告訴您某人的汽車所反映的薪水。

表格

與我們剛剛討論過的圖表不同，表格幾乎以原始格式顯示數(shù)據(jù)。當您的數(shù)據(jù)難以以視覺方式呈現(xiàn)，并且旨在顯示應(yīng)該閱讀而不是可視化的特定數(shù)值數(shù)據(jù)時，它們是理想的選擇。

數(shù)據(jù)可視化| Aishwarya Anand Singh的養(yǎng)蜂與否 

例如，圖表非常適合顯示特定區(qū)域內(nèi)一段時間內(nèi)特定疾病的數(shù)據(jù)，但是當您還需要了解具體原因（例如原因，結(jié)果，復(fù)發(fā)，治療時間和治療方法）時，最好使用表格。

數(shù)據(jù)可視化與信息圖表

5個主要差異

它們并沒有什么不同，因為它們在視覺上都代表數(shù)據(jù)。通常，您搜索信息圖表并找到標題為“數(shù)據(jù)可視化”的圖像，反之亦然。但是，在許多情況下，這些標題都不會引起誤解。這是為什么？

1. 數(shù)據(jù)可視化僅由一個元素組成。它可以是地圖，圖表或表格。另一方面，信息圖表通常包含多個Data Viz元素。

2. 與可能簡單或極其復(fù)雜且繁重的數(shù)據(jù)可視化不同，信息圖表簡單易行，并且面向更廣泛的受眾。即使對于信息圖表代表的研究領(lǐng)域之外的人，后者通常也是可以理解的。

3. 有趣的是，數(shù)據(jù)Viz不提供敘述和結(jié)論，而是提供這些敘述和結(jié)論的工具和基礎(chǔ)。雖然信息圖表在大多數(shù)情況下提供了故事和敘述。例如，數(shù)據(jù)可視化地圖的標題可能是“按區(qū)域劃分的空氣污染飽和度”，而帶有相同數(shù)據(jù)的信息圖則顯示為“ A區(qū)和B區(qū)在C國污染最嚴重”。

4. 數(shù)據(jù)可視化可以在Excel中進行，也可以使用其他自動生成設(shè)計的工具，除非將其設(shè)置為演示或發(fā)布。但是，信息圖表的美學非常重要，其設(shè)計必須吸引更廣泛的受眾。

5. 在交互方面，數(shù)據(jù)可視化通常提供交互式圖表，尤其是在線形式的圖表。另一方面，信息圖表很少互動，通常是靜態(tài)圖像。

Skype通過可視化.com進行可視化

如何創(chuàng)建有效的數(shù)據(jù)可視化？

5有用的技巧

該過程自然類似于創(chuàng)建信息圖表，并且圍繞了解您的數(shù)據(jù)和受眾。更準確地說，這些是準備有效的數(shù)據(jù)可視化以使您的查看者立即了解的主要步驟和最佳實踐。

1.做功課

準備工作已經(jīng)完成了一半。在甚至開始可視化數(shù)據(jù)之前，必須確保您了解該數(shù)據(jù)的最后細節(jié)。

不可否認的是，了解您的數(shù)據(jù)查看對象是另一個重要部分，因為不同的人對信息的處理方式不同。您要為數(shù)據(jù)可視化的對象是誰？他們?nèi)绾翁幚硪曈X數(shù)據(jù)？只需給他們一張餅圖就足夠了，否則您將需要更深入的可視化報告？

您正在可視化什么樣的信息，它能反映出您的目標嗎？

最后，考慮要使用多少數(shù)據(jù)并加以考慮。

圖片來自Brodie Vissers

2.選擇正確的圖表類型

在上一節(jié)中，我們列出了可在數(shù)據(jù)可視化中使用的基本圖表類型。要確定最適合您工作的人，需要考慮的因素很少。

• 圖表中將有多少個變量？

• 您將為每個變量放置幾項？

• 值之間的關(guān)系是什么（時間段，比較，分布等）

話雖如此，如果您需要展示整個項目的各個部分，那么餅圖將是理想的選擇。例如，您可以使用它來展示特定產(chǎn)品的市場份額的百分比。但是，餅圖不適用于時間范圍內(nèi)的分布，比較和跟蹤趨勢。在這些情況下，條形圖，散點圖，s和折線圖更為有效。

另一個示例是如何在圖表中使用時間。使用水平軸會更準確，因為時間應(yīng)該從左到右。它在視覺上更直觀。

Oberhaeuser的MagnaGlobal廣告市場海報 

3.對數(shù)據(jù)進行排序

首先刪除所有不會增加價值并且基本上是圖表多余的數(shù)據(jù)。有時，您必須處理大量數(shù)據(jù)，這不可避免地會使您的圖表變得非常復(fù)雜且難以閱讀。不要猶豫，將您的信息分成兩個或多個圖表。如果這對您不起作用，則可以使用突出顯示或使用更合適的內(nèi)容更改整個圖表類型。

提示：使用條形圖和柱形圖進行比較時，請按值（而不是字母順序）以升序或降序?qū)π畔⑦M行排序。

圖片由薩曼莎·赫爾利（Samantha Hurley） 

4.利用顏色發(fā)揮自己的優(yōu)勢

在每種可視化形式中，顏色都是您最好的朋友和最強大的工具。它們產(chǎn)生對比，重音，強調(diào)并直觀地引導眼睛。即使在這里，色彩理論也很重要。

設(shè)計圖表時，請確保不要使用超過5或6種顏色。除此之外，任何其他操作都將使您的圖表不堪重負，并且難以為觀眾閱讀。但是，您可以使用顏色強度來發(fā)揮自己的優(yōu)勢。例如，當您在不同的時間段內(nèi)比較同一概念時，可以將數(shù)據(jù)從所選顏色的最淺陰影到其較深的顏色進行排序。它會創(chuàng)建適合您時間線的強烈視覺效果。

選擇顏色時要考慮的事項：

• 不同類別的顏色不同。

• 系列中所有圖表的采用一致調(diào)色板，方便以后將進行比較。

• 最好使用對色盲友好的調(diào)色板。

Jamie Kettle可視化塑料廢物污染數(shù)據(jù) 

5.獲取靈感

當您想成為數(shù)據(jù)可視化設(shè)計中的佼佼者時，請多多發(fā)揮自己的靈感。查看優(yōu)秀的示例、信息圖、其他人的工作，并了解哪種方法最適合您需要實現(xiàn)的每種數(shù)據(jù)。

下圖這個Twitter帳戶數(shù)據(jù)可視化是一個很好的例子。同時，我們還將精選一些令人稱贊的示例，這些示例將使您有信心開始為數(shù)據(jù)創(chuàng)建視覺效果。

lilit Hayrapetyan創(chuàng)作的大數(shù)據(jù)紀錄片的人臉 

8個數(shù)據(jù)可視化示例

作為另一種藝術(shù)形式，Data Viz為一些令人驚嘆的精心設(shè)計的圖表提供了沃土，這些圖表證明了數(shù)據(jù)也可以是美麗的。現(xiàn)在，讓我們來看看一些例子。

1.黑暗之魂III體驗數(shù)據(jù)

我們從孟小偉的個人項目開始，介紹他玩《黑暗之魂3》的經(jīng)驗。這是信息圖表和數(shù)據(jù)可視化也是個人設(shè)計工具的完美例子。這項研究非常龐大，但非常專業(yè)地歸類為針對不同概念的不同類型的圖表。所有數(shù)據(jù)可視化都使用相同的調(diào)色板進行制作，并且在信息圖表中看起來很棒。

我的黑暗之魂3孟小偉在播放數(shù)據(jù) 

2.有史以來最偉大的電影

凱蒂·西爾弗（Katie Silver）根據(jù)評論家和觀眾的評論匯總了有史以來最偉大的100部電影?？梢暬@示了每部電影的關(guān)鍵數(shù)據(jù)點，例如發(fā)行年份、奧斯卡提名和獲勝、預(yù)算、利潤、IMDB得分、類型、拍攝地點、電影背景和制作工作室。所有電影均按發(fā)行日期排序。

凱蒂·西爾弗（Katie Silver）的100部最佳電影數(shù)據(jù)可視化 

3.最暴力的城市

費德里卡·弗拉加帕內(nèi)（Federica Fragapane）顯示了2017年全球50個最暴力城市的數(shù)據(jù)。這些項目根據(jù)人口在垂直軸上排列，并根據(jù)兇殺率在水平軸上排序。

4.家族企業(yè)作為數(shù)據(jù)

這些數(shù)據(jù)可視化和插圖由Valerio Pellegrini為《透視》雜志制作。它們顯示了一個餅圖，其中包含行業(yè)細分以及對就業(yè)貢獻的散點圖。

視角雜志–家族企業(yè)by Valerio Pellegrini 

5.太陽系的軌道圖

該地圖顯示了太陽系中18000多個小行星的軌道數(shù)據(jù)。每個小行星都顯示在1999年除夕的位置，并按小行星的類型進行了著色。

埃莉諾·盧茲（Eleanor Lutz）的太陽系軌道圖 

6.標題的語義

KatjaFlükiger對頭條新聞的故事情有獨鐘。數(shù)據(jù)可視化旨在傳達銷售對算術(shù)的影響程度。該項目在馬里蘭大學藝術(shù)學院完成，目的是可視化對移民的引用，并對用詞選擇和上下文所暗含的價值判斷進行顏色編碼。

標題語義學KatjaFlükiger 

7.月球和地震

該數(shù)據(jù)可視化用于回答月球是否引起地震。該圖顯示了根據(jù)月球的相位和軌道位置而發(fā)生的地震的時間和強度。

月亮與地震艾西瓦婭·阿南德·辛格（Aishwarya Anand Singh） 

8. Nanosats的黎明

可視化效果顯示了從2003年到2015年發(fā)射的衛(wèi)星。該圖表示了專注于項目的機構(gòu)類型以及為其提供資金的國家。左側(cè)顯示了每年的發(fā)射次數(shù)和衛(wèi)星應(yīng)用次數(shù)。

有線英國–由Nanosats拍攝的黎明（Valerio Pellegrini） 

最后的話

數(shù)據(jù)可視化不僅是一種科學形式，而且還是一種藝術(shù)形式。其目的是幫助任何領(lǐng)域的企業(yè)快速理解復(fù)雜數(shù)據(jù)，并開始根據(jù)該數(shù)據(jù)做出決策。為了使您的圖表高效且易于閱讀，這一切都與了解您的數(shù)據(jù)和受眾有關(guān)。這樣，您就可以選擇正確的圖表類型，并使用可視化技術(shù)來發(fā)揮自己的優(yōu)勢。

文章來源：站酷  作者：ZZiUP

藍藍設(shè)計( www.yvirxh.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)

1.情緒版的概念

首先我們要明確什么是情緒版？我的理解是：情緒版既不是初稿也不是最終的風格方向，而是設(shè)計師在了解了相關(guān)的產(chǎn)品背景后，基于自己對于產(chǎn)品的理解給出的一個較為初始的設(shè)計建議，并且希望可以通過這個初始的建議與產(chǎn)品側(cè)達成一些相關(guān)的設(shè)計共識。

 

2.情緒版的大概流程

情緒版的設(shè)計流程大概分為前中后三個階段，前期：分析-收集，中期：篩選-組合，后期：打磨-呈現(xiàn)。

 

前期：分析-收集

主要是分析產(chǎn)品相關(guān)背景或需求本身的方向，結(jié)合產(chǎn)品背景及需求本身再進一步分析大概的設(shè)計方向并收集相關(guān)素材內(nèi)容。

 

中期：篩選-組合

當我們收集完成后需要對現(xiàn)有素材進行二次篩選并組合，基于現(xiàn)有素材組合大概的設(shè)計方案結(jié)構(gòu)。

 

后期：打磨-呈現(xiàn)

基礎(chǔ)方案組合完成后需要進行二次打磨，細化方案的內(nèi)容表現(xiàn)，檢查整體的一致性及完整度，最后呈現(xiàn)給產(chǎn)品方。

 

3.為什么要做情緒版

可能很多設(shè)計師會疑惑為什么要做情緒版，直接設(shè)計初稿不就好了嗎？如果有這個疑問，可能還沒實際了解到情緒版到作用。但我們可以試著從我們在設(shè)計過程中遇到的痛點來了解情緒版的作用或者意義。

在設(shè)計的過程中你是否會存在下面幾個問題：

前期思考不夠——設(shè)計產(chǎn)出方案少；

設(shè)計不懼探索性——設(shè)計來源沒有考究；

初稿多次修改沒能達成共識——設(shè)計表達不出對方想要的；

設(shè)計中期出現(xiàn)不一致——設(shè)計沒有貫徹始終。

 

4.情緒版的作用

從這幾個問題中，我們可以得到一個比較統(tǒng)一的結(jié)論就是：前期設(shè)計呈現(xiàn)內(nèi)容不夠，導致溝通不足而產(chǎn)生方向不統(tǒng)一。因此基于這個關(guān)鍵點，我們再來看情緒版的作用

 

(1)輔助構(gòu)建世界觀

在前期，世界觀、背景方面的內(nèi)容大多是以文字的方式呈現(xiàn)，因此設(shè)計師可以通過情緒版的方式，來輸出對應(yīng)的世界觀設(shè)計表現(xiàn)，這樣可以更加直觀的表現(xiàn)出對應(yīng)的視覺語言。

 

(2)具象設(shè)計想法

在初期與產(chǎn)品側(cè)溝通時，單純靠語言表達的方式很難讓對方達到一種腦補的狀態(tài)。因此借助情緒版的方式更加直觀的呈現(xiàn)設(shè)計想法，通過具象的圖形或者圖形，大大降低雙方的溝通成本。

 

(3)明確設(shè)計方向

基于第二點的溝通，我們可以明確的了解到產(chǎn)品側(cè)的一些喜好。為后續(xù)設(shè)計初稿時起到一個清晰的方向作用。

 

(4)提高前期設(shè)計的效率

從零到一設(shè)計一套完整的方案往往需要耗費較長的時間，借助情緒版設(shè)計的方式來快速響應(yīng)一些想法及創(chuàng)意，這樣可以大大提高前期的輸出效率。

 

5.情緒版的基本原則

從多次的嘗試中，我總結(jié)梳理了幾個基本原則，了解這些原則可以讓我們在做的時候更加嚴謹，輸出更加準確的設(shè)計方案。

 

(1)多方向性

情緒版的設(shè)計與我們?nèi)粘ＴO(shè)計一樣，需要給出不同的方向建議，單一的方案往往難以抉擇。多方案輸出除了提升抉擇空間之外，還可以增加方案碰撞的情況，往往可能是方案A的某部分內(nèi)容疊加方案B的某部分內(nèi)容才能產(chǎn)生最初的方向。

 

(2)嘗試性

此階段的所有輸出皆屬于嘗試與探索，因此不必過于考究設(shè)計細節(jié)，重點在于表達出需要相關(guān)的設(shè)計概念及思考想法，把更多的時間留作設(shè)計思考及方案嘗試。

 

(3)效率性

情緒版的輸出重點在于前期溝通而達到一個比較好的共識，因此在保證質(zhì)量的情況下，避免花費過多的時間而影響輸出的效率性。盡量做到快與準。在過往中項目組，基本上是以半天（4個小時左右）為一個單位來完成一套方案。

 

(4)試探性

情緒版是一種非常有效試探產(chǎn)品側(cè)想要往那種方向去推動的方式，因為我們在實際的設(shè)計過程中，產(chǎn)品側(cè)可能也對整體的設(shè)計大調(diào)并不少特別有明確的腦補，因此設(shè)計師可以借助情緒版的設(shè)計來挖掘產(chǎn)品側(cè)想要往哪個方向進行發(fā)力。

 

6.情緒版設(shè)計的方法

這里總結(jié)情緒版的設(shè)計方法大概有這幾種：1.借助圖像/插圖、2.結(jié)合實際場景引申、3.借鑒摘取同類型設(shè)計、4.繪制草稿。

 

(1)借鑒圖像/插圖

在我們設(shè)計一些專題活動或者繪制插圖相關(guān)的一些設(shè)計時，可以考慮使用這種方法來輸出你的情緒版設(shè)計，可以通過借鑒一些設(shè)計網(wǎng)站或插圖網(wǎng)站上的現(xiàn)有素材來拼接，并表達自己在這方法的一些設(shè)計意圖及想法。

 

(2)結(jié)合實際場景引申

從更概念化的角度出發(fā)，通過引用一些實際場景、物品、圖像，來拓展相關(guān)的圖形、質(zhì)感、色彩方面的設(shè)計，并且輸出相關(guān)的設(shè)計雛形。例如我們在設(shè)計LOGO或者圖形類的一些設(shè)計，使用這種方法就可以幫助我們突破一些現(xiàn)有的認知壁壘。

 

(3)借鑒摘取同類型設(shè)計

在設(shè)計之初，我們通常會有一個大概的思考雛形，但如果直接開始設(shè)計往往效率上并不高。因此可以借助一些設(shè)計網(wǎng)站上的設(shè)計，通過摘取組合的方式呈現(xiàn)自己的初步想法。我通常會在UI新版或者改版的時候使用這種方式，但只能表達大概的想法且不能代表最終的初稿設(shè)計。

 

(4)繪制草稿

當我們想要表達一些溝通或者框架的設(shè)計時，我們可以使用草稿繪制的方式來表現(xiàn)，這個方式簡單快捷，可以很有效率的對齊大部分的設(shè)計共識。

 

7.情緒版設(shè)計的注意事項

基于原則及方法，我們可以來簡單了解下情緒版設(shè)計中需要注意的一些事項，通過這些內(nèi)容讓你在實際操作過程中少踩一些坑。

 

(1)控制方案的數(shù)量

設(shè)計方案控制在2-3個左右即可，前期大多是屬于試探性方案呈現(xiàn)及找方向，太多則容易導致選擇困難。

 

(2)避免篇幅過長

篇幅過長往往容易降低別人閱讀的耐心，對于情緒版的輸出也是如此。結(jié)合過往的經(jīng)驗，建議以16:9的畫面為一頁來呈現(xiàn)一個方案。

 

(3)區(qū)分重點次要

在一頁內(nèi)呈現(xiàn)的方案避免過于平均，可以適當突出某些想要重點表達的內(nèi)容，例如在這個方案中想要重點突出圖標、顏色等，那么這里需要突出這部分在畫面中的比例，適當縮小其他模塊的尺寸。

 

(4)結(jié)合世界觀

在輸出情緒版設(shè)計方案時還可以適當考慮結(jié)合產(chǎn)品的世界觀，通過一些具象化的圖形或者插圖來表現(xiàn)相關(guān)的內(nèi)容。例如我們之前在游戲中心改版的嘗試中，就發(fā)散了幾個相關(guān)的世界觀，因此我們在輸出方案時，則只需要把對應(yīng)的世界觀作為方案，通過情緒版的方式表現(xiàn)出來即可。

 

(5)保持整體風格一致性

一致性是表現(xiàn)一個設(shè)計師是否具有系統(tǒng)化、全局觀的思考思維，因此我們在表現(xiàn)情緒版時也需要關(guān)注這方面的內(nèi)容，避免整體的調(diào)性不匹配。

 

(6)完整性表達

在呈現(xiàn)方案時，盡量多維度的進行對比，呈現(xiàn)一個完整性、系統(tǒng)性的設(shè)計。例如我們在設(shè)計UI相關(guān)的內(nèi)容，從圖標、顏色、字體等等一系列的內(nèi)容需要細致的闡述清楚，讓人更加能夠了解你的意圖。

 

8.UI情緒版模版分享

由于我日常以設(shè)計UI為主，因此可以給大家重點分享我在UI情緒版設(shè)計的經(jīng)驗。希望可以幫助到大家快速上手。

當你在做UI設(shè)計情緒版時，需要明確了解UI設(shè)計中的結(jié)構(gòu)，更系統(tǒng)性的去思考整體的內(nèi)容。我們在UI設(shè)計中往往需要包含以下這些內(nèi)容：圖形系統(tǒng)（圖標+輔助圖形）、顏色系統(tǒng)、字體字形系統(tǒng)、質(zhì)感形態(tài)、界面形態(tài)、插圖風格、動效系統(tǒng)、影像系統(tǒng)，等等這些部分的內(nèi)容。

 

UI情緒版模版

 

過往實際案例分享

案例一：整體風格比較偏個性一些，頁面嘗試用深色的背景設(shè)計

優(yōu)點：整體風格比較酷，配色比較未來感符合年輕的人的審美，深色的背景讓內(nèi)容更加聚焦。

缺點：深色的設(shè)計接受度是否可以，是否適合平臺類APP設(shè)計

 

案例二：整體風格3D化的設(shè)計，包括頁面的一些體驗上都可以增加視察的效果來設(shè)計

優(yōu)點：整體設(shè)計風格比較新穎，符合現(xiàn)在的設(shè)計趨勢，整體感覺也比較年輕多彩

缺點：3D的制作成本相對較大。

 

案例三：整體風格比較清爽，白色融入漸變的設(shè)計也會顯得比較年輕

優(yōu)點：整體頁面清爽，可以滿足任何內(nèi)容的透出，漸變色的圖標和按鈕的設(shè)計補充了細節(jié)

缺點：整體氛圍感、娛樂感較弱。

 

9.最后總結(jié)

很多時候我們會覺得情緒版設(shè)計可有可無，或者因為時間的關(guān)系不允許我們經(jīng)過這一步。但，如我一開始提到的點，情緒版可以在前期幫助我們?nèi)ゴ蛲ê芏嗨伎嫉谋趬荆o助設(shè)計師在前期直觀的與產(chǎn)品側(cè)進行方向上的探討，從而找到大方向上的共識。

文章來源：學UI網(wǎng)   作者：妙妙

藍藍設(shè)計( www.yvirxh.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)

01 什么是用戶畫像（what）

02 B2B用戶畫像的特色（what）

03 為什么要構(gòu)建B2B用戶畫像（why）

04 如何構(gòu)建B2B用戶畫像（how）

05 B2B用戶畫像的傳播與使用（how）

本文嘗試通過what-why-how的結(jié)構(gòu)，結(jié)合自己的工作做一些實踐，和大家分享下B2B用戶畫像的整體概念框架以及構(gòu)建方法。出于對我司數(shù)據(jù)的保密，無法直接分享給大家細粒度且對應(yīng)的數(shù)據(jù)，所以分享過程中我會結(jié)合業(yè)界和其他前輩在網(wǎng)上分享的內(nèi)容和數(shù)據(jù)作為案例，如有不足和錯誤之處，還望大家批評指正。

 

那在講B2B用戶畫像之前，我想先來說說用戶畫像的概念，在看一些文章時發(fā)現(xiàn)有些作者混淆了用戶畫像的兩種概念。可能很多人沒有注意到，用戶畫像這個詞包含了2種不同的含義，一種是User Persona，一種Use Profile。

 

1.1 User Persona

User Persona是對一個用戶群體的整體抽象。這一概念最早源于交互設(shè)計領(lǐng)域，是Alan Cooper在《About Face：交互設(shè)計精髓》一書中提到的研究用戶的系統(tǒng)化方法。“贏在用戶”這本書將其翻譯為“人物角色”，目前業(yè)內(nèi)使用“用戶畫像”這個術(shù)語。表達的意思一樣，是真實用戶的虛擬代表，是在深刻理解真實數(shù)據(jù)的基礎(chǔ)上得出的一個的虛擬用戶。

• 研究方法：定量+定性研究，更注重的是定性的研究；
• 畫像用途：產(chǎn)品&交互&設(shè)計使用，是他們了解用戶目標和需求、與開發(fā)團隊及相關(guān)人交流、避免設(shè)計陷阱的重要工具；
• 研究方向：更深和細，會更為深入的去挖掘底層用戶的動機、原因、動機、欲望、痛點等屬性，Persona幫助我們了解why產(chǎn)品的用戶為什么會有這個行為。

 

1.2 User Profile

User Profile是對每一個個體的畫像，是在產(chǎn)品用戶量有一定規(guī)模以后進行的。利用用戶的行為數(shù)據(jù)或者填報的資料進行的用戶屬性標簽提取，更多被運營和數(shù)據(jù)分析師使用，它是各類描述用戶數(shù)據(jù)的變量集合。在大數(shù)據(jù)時代，企業(yè)通過對海量數(shù)據(jù)信息進行清洗、聚類、分析，將數(shù)據(jù)抽象成標簽，再利用這些標簽將用戶形象具體化的過程。

• 研究方法：偏向于定量研究與數(shù)據(jù)分析；
• 畫像用途：主要運營&市場使用，個性化推薦、廣告系統(tǒng)、活動營銷、內(nèi)容推薦、興趣偏好都是基于用戶畫像的應(yīng)用，比如說我們通常看到很多網(wǎng)站，千人千面，其實也是User Profile 精細化運營的結(jié)果；
• 研究方向：更廣和全，更多的是研究人的基礎(chǔ)屬性、社會屬性和行為習慣，更關(guān)注的相關(guān)性的數(shù)據(jù)分析和挖掘。幫助我們了解what產(chǎn)品為誰而設(shè)計。

兩類畫像的對比如下圖：

明確了兩種畫像的區(qū)別，那本文我們就重點談?wù)?strong>User Persona類型的B2B用戶畫像（后續(xù)文中簡稱“用戶畫像”）。至于User Profile，比較適合用戶體量大的產(chǎn)品，而B端產(chǎn)品除了頭部企業(yè)，很難達到這個量級，無疑用User Persona更合適，本文就不再贅述。

 

不管是B2B還是B2C產(chǎn)品也好，不論是商業(yè)層面上（比如在資源有限情況下聚焦關(guān)鍵用戶類型）、或是在產(chǎn)品層面上（更好理解用戶想要什么，確定功能的范圍和優(yōu)先級），建立用戶畫像的本質(zhì)都是為了輔助一些決策。

不同之處在于C端面向的是大量且分散的個人用戶，用戶畫像的主要目的是把用戶聚類，更好的了解不同類型用戶的特點和偏好。而B端產(chǎn)品，面向的是企業(yè)級用戶，滿足的是企業(yè)的管理或經(jīng)營需求，關(guān)注的是成本和效率。畫像的目的是針對業(yè)務(wù)不同環(huán)節(jié)中、具有類似任務(wù)的用戶進行更立體、豐富的需求整理和挖掘，往往和角色相關(guān)。

其決定了B2B用戶畫像的幾個特點：

 

2.1 受企業(yè)生命周期的影響

伊查克·愛迪思（IchakAdizes）提出了企業(yè)生命周期理論，企業(yè)的發(fā)展大致有初創(chuàng)期、成長期、成熟期和衰退期四個階段。不同階段的企業(yè)，其組織形態(tài)、關(guān)注點、管理方式等都會有所不同，產(chǎn)品需求側(cè)重點不同，用戶畫像的方向和調(diào)研方式也會有不同。

初創(chuàng)期：產(chǎn)品立項階段

這個階段往往指的是公司剛成立，此時產(chǎn)品、企業(yè)文化尚未成形，處于客戶積累階段，較為關(guān)注引流。需要通過用戶畫像定位細分市場、產(chǎn)品模式及功能，這個階段需做定性調(diào)研了解目標用戶，初步形成用戶畫像為需求做底層支撐，這個階段的用戶畫像顆粒度可以粗些，旨在幫助團隊快速就“我們的用戶是誰”達成共識。

 

成長期：產(chǎn)品運營中（已有數(shù)據(jù)積累）

這個時候產(chǎn)品已有demo或已上線迭代，產(chǎn)品處于完善、升級的階段?？墒褂谩?strong>數(shù)據(jù)挖掘+定量篩選+定性豐富”的方式，結(jié)合項目的已有數(shù)據(jù)，使用定量篩選用戶，做大量微觀且具體的用戶調(diào)研，基于后臺、第三方平臺監(jiān)控發(fā)現(xiàn)問題，定位問題關(guān)鍵及原因分析，優(yōu)化產(chǎn)品功能及運營模式，再通過調(diào)研訪談了解具體的行為細節(jié)和態(tài)度。該階段的用戶畫像可用來驗證問題、完善或發(fā)現(xiàn)新的機會點。

 

成熟期：產(chǎn)品相對穩(wěn)定

客戶資源相對穩(wěn)定，可能已有一定的規(guī)模，內(nèi)部管理需求增長，市場地位趨于穩(wěn)定，日常工作也大多以維護為主。且現(xiàn)有增長點已遇上了瓶頸，用戶活躍將不可阻逆地緩慢下降，即使你做再多產(chǎn)品優(yōu)化、燒錢運營都無法改變產(chǎn)品終將走向衰退的命運，時間問題。企業(yè)急于尋找突破口和新的增長點，用戶畫像又將被賦予新的使命：基于用戶畫像進行“新增長點”的分析，定性挖掘藍海，再定量進行驗證。

 

衰退期：產(chǎn)品活躍度快速下降

進入到這個階段，說明產(chǎn)品沒有成功轉(zhuǎn)型。這時候再做用戶畫像的意義其實不大，如果一定要做，除了提高回流率、挖掘增長點外，可以定性了解原因，調(diào)整產(chǎn)品。

 

2.2 產(chǎn)品使用角色多樣性

不同于C端產(chǎn)品的的用戶單一性，B端產(chǎn)品的用戶畫像對應(yīng)的不是一個個體，而是一個組織或機構(gòu)，同時涵蓋組織機構(gòu)中不同的人員。產(chǎn)品面向的使用對象可能從普通員工到企業(yè)高層，覆蓋銷售、技術(shù)、行政人事部分等，基于工作場景不一樣，對產(chǎn)品的需求可能也大相徑庭。

以一個CRM系統(tǒng)為例，一個復(fù)雜的B端產(chǎn)品可能會涉及以下四種角色的用戶：決策者、主要使用者、次要使用者、間接使用者。如下圖所示：

決策者：下決策購買產(chǎn)品或服務(wù)的人，可能是業(yè)務(wù)線負責人，也可能是公司董事長、CEO，他們常常不是產(chǎn)品的使用者，使用頻次低甚至完全不用，他們通常都是從公司的整體利益出發(fā)，更關(guān)注產(chǎn)品能否給公司業(yè)務(wù)帶來幫助，降本還是提效了。其評價某個功能的好壞，往往與使用者的感受是相悖的，如釘釘?shù)摹癉ING一下”,他們并不太關(guān)注使用過程、體驗，更關(guān)注產(chǎn)品的核心價值，將利益最大化。

滿足決策者的需要是做好B端產(chǎn)品的前提，也是制作用戶畫像所要明確的方向；很多體驗做的不好、難看的產(chǎn)品之所以也能在B端市場有一席之地，就是因為滿足了企業(yè)的需要。比較理想的情況下，團隊對目標客群有一定深入的研究，形成趨于標準化的產(chǎn)品，就能打動目標客戶群的大部分決策者。

主要使用者：真正頻繁使用產(chǎn)品的人，也是產(chǎn)品/設(shè)計師想要提升產(chǎn)品體驗要瞄準的人群

他們可能更關(guān)注產(chǎn)品的具體使用，是不是易用，有沒有幫助他們更便捷地完成工作，有沒有提高他們的工作效率。主要使用者是最容易識別的，以CRM系統(tǒng)為例，如果沒有銷售日常在系統(tǒng)中錄入客戶數(shù)據(jù)，管理層就無法查看成單量、進度等他們所關(guān)注的信息。

次要使用者：使用產(chǎn)品頻率相對主要使用者更低，用到的功能也比較少，只在某個中間流程涉及少量操作。如CRM系統(tǒng)中人事、財務(wù)會涉及到其中錢或出差的審批對他們而言，主要需求是能快速找到自己的任務(wù)并完成就可以了。

間接使用者：不直接使用產(chǎn)品但會被產(chǎn)品影響的人群，產(chǎn)品和設(shè)計師在設(shè)計過程如果有資源和精力能兼顧他們的需求和體驗，那就太貼心了。如審計、政府人員，屬于不緊急，非必要需求。

 

2.3 崗位職責決定了用戶目標和使用場景

B端用戶使用場景多和業(yè)務(wù)形態(tài)密切相關(guān)，產(chǎn)品通常要解決的是某類角色工作時發(fā)生的問題，所以不同于C端用戶畫像，從用戶視角出發(fā)，關(guān)注用戶個人的場景、訴求、痛點和情緒，核心是滿足用戶的需求，關(guān)注用戶的年齡、性別、收入、個性、習慣、消費模式等標簽。

但是在B端產(chǎn)品中，我們拋開了用戶作為個人存在的標簽，我們更關(guān)注用戶所代表的角色，他的崗位職責是什么，它在工作場景中需要完成哪些任務(wù)，這些任務(wù)要做什么的，其崗位職責決定了它完成任務(wù)的目標、場景、使用什么工具去，需要跟其他角色配合嗎等信息。

所以B2B畫像更關(guān)注角色的分類、工作/使用場景、用戶目標、操作鏈路、角色協(xié)同等信息，很難看到類似這個人是不是已婚，小孩多大這些不知道如何應(yīng)用于產(chǎn)品設(shè)計的內(nèi)容。而在一個C端產(chǎn)品用戶畫像上很少看到有哪些讓他壓力山大的KPI等信息。

仍然以CRM系統(tǒng)為例，其主要使用者-銷售的目標就是用該系統(tǒng)錄入商機、線索等，然后根據(jù)數(shù)據(jù)情況制定客戶溝通回訪計劃等，聚焦的是該系統(tǒng)能否讓他很好的履行了其崗位責任。和他這個人在哪個城市、已婚未婚等個人特性是無關(guān)的。

 

2.4 由客戶畫像和角色畫像構(gòu)成

B2B產(chǎn)品面向的是企業(yè)用戶，滿足的是產(chǎn)業(yè)鏈中各企業(yè)的經(jīng)營需求，這時B2B畫像應(yīng)該具備行業(yè)、客戶屬性這一維度；但是最終購買者、使用者都是企業(yè)中的某一角色，這決定了B2B畫像還有角色這一維度。所以，小編認為，B2B用戶畫像是企業(yè)和多個核心角色共同構(gòu)成的畫像，建立B2B畫像，需要客戶（企業(yè)）畫像和角色畫像兩部分的信息。

 

1）客戶畫像

客戶畫像指的是使用B端產(chǎn)品或服務(wù)的企業(yè)用戶，具有行業(yè)特征、企業(yè)特征及角色特征。其的目標是促成銷售，主要用來幫助銷售/運營人員他們快速定位目標企業(yè)，幫助他們更好的認識我們客戶是什么樣的人，讓他們的工作更有方向。

一個典型的客戶色畫像會包括：

基本信息：外在的標簽，如所處行業(yè)、地域、人員規(guī)模、收入規(guī)模（年營業(yè)額）

業(yè)務(wù)模式：線下的實際業(yè)務(wù)流程-視行業(yè)而定，如商業(yè)模式（靠什么賺錢）、業(yè)務(wù)模式（業(yè)務(wù)怎么運作）

組織機構(gòu)：自上而下都有哪些機構(gòu)，彼此之間的關(guān)系。

關(guān)鍵角色：各個機構(gòu)里有哪些崗位/工種，決策鏈上有哪些角色、誰才是有價值的關(guān)鍵角色，角色話語權(quán)。企業(yè)的關(guān)鍵決策人隨企業(yè)大小而不同，一般中小型企業(yè)都是老板、合伙人等。而大型企業(yè)采購B端軟件都是需要經(jīng)過內(nèi)部流程的，最終審核人是老板，但其中影響決策最大的往往是商務(wù)經(jīng)理負責人。

 

2）角色畫像

B端產(chǎn)品雖然面向企業(yè)，但是最終使用執(zhí)行的還是人，這些執(zhí)行層（終端使用者）也是產(chǎn)品的檢驗者。在企業(yè)決定購買產(chǎn)品之前，執(zhí)行層沒有話語權(quán)，但是在續(xù)費的時候，他們的話語權(quán)比重會開始顯著提升。

因此在我們的產(chǎn)品設(shè)計階段，會更關(guān)注執(zhí)行層的角色畫像。當我們討論產(chǎn)品、需求、場景、用戶體驗的時候，往往需要將焦點聚集在這類人群上。

一個典型的角色畫像會包括：

基本信息：如角色名稱、照片、角色/工種、平臺偏好、文化水平、辦公場地、使用頻次，角色名稱以及照片是為了更有代入感的個人情況說明，但值得注意的是，這里的情況更多圍繞職業(yè)情況展開，比如工作年限，工作職責，能力維度等，那些在C端中常見的家庭情況，幾個孩子什么的統(tǒng)統(tǒng)不重要。

用戶行為驅(qū)動：用戶的工作目標、工作任務(wù)和考核指標，B端角色通常是企業(yè)員工，為了薪酬，有一般都會有結(jié)合任務(wù)而完成的考核指標，了解考核指標可以在設(shè)計過程中更明確知道哪些內(nèi)容是用戶最關(guān)注的東西；

使用場景：工作的時間、地點及工作內(nèi)容是什么，使用場景是重要但容易被忽略的一個內(nèi)容，尤其要搞清楚使用產(chǎn)品的場景有哪些、用戶平時的工作流程是如何的、主要使用什么功能?？捎靡粋€真實、普遍、易懂的故事勾勒一下

使用期望：日常工作面臨的挑戰(zhàn)和痛點，期望獲得的幫助。

角色畫像和客戶畫像之間沒有直接關(guān)系。因為目標不同，所以會有不同的用戶細分：客戶畫像的目標是成銷售，獲取利益；角色畫像是為了解決問題和為用戶創(chuàng)造價值，進一步為公司創(chuàng)造價值。但是在刻畫B2B用戶畫像時，如果只考慮執(zhí)行者的話，沒有客戶畫像作為指引、摸清決策者的特征與行為，你的產(chǎn)品功能或者體驗設(shè)計上可能就會出現(xiàn)嚴重偏差，甚至方向錯誤。

3.1 客戶畫像的價值

產(chǎn)品和服務(wù)只是企業(yè)將價值傳遞給客戶的一種工具和媒介，無論產(chǎn)品形態(tài)如何，其本質(zhì)都是在解決客戶的問題。如果沒法滿足客戶的業(yè)務(wù)需求，基本上該產(chǎn)品對客戶是沒有價值的?？蛻舢嬒褡饔秘灤┊a(chǎn)品生命全周期，產(chǎn)品/市場/銷售較為關(guān)注，它的價值主要體現(xiàn)有三點：

對產(chǎn)品：明確為誰服務(wù)，快速的了解客戶的需求和狀況，確定產(chǎn)品功能設(shè)計，學會識別用戶的解決方案和用戶在場景下的訴求，不斷迭代調(diào)整產(chǎn)品；

對市場/運營人員：建立對客戶盡量全面的了解并基于客戶畫像確定營銷內(nèi)容、營銷策略和渠道選擇，使產(chǎn)品的服務(wù)對象更聚焦；

對銷售人員：幫助銷售進行客戶篩選，找到有效客戶，提高轉(zhuǎn)化率，確定業(yè)務(wù)方向和銷售打法。合理配置團隊，完成KPI。

客戶畫像越早建立越好，但是務(wù)必注意控制深度和成本，因為不同階段的企業(yè)其側(cè)重點有所不同。在初創(chuàng)期，產(chǎn)品團隊可以通過關(guān)注典型客戶來積累定性數(shù)據(jù)，從而低成本搭建客戶畫像；而到了成長期和成熟期，在擁有大量客戶數(shù)據(jù)的前提下，企業(yè)可以逐漸過渡到使用定性&定量相結(jié)合的方式來形成更為清晰的客戶畫像。

 

3.2 角色畫像的價值

以前業(yè)界有種說法，做B端，能用是第一位，用戶體驗不重要。所以除了一些成規(guī)模的SaaS公司，設(shè)計師在B端幾乎無用武之地，成了組件化的搬運工、工具人。所以大部分的企業(yè)在跑馬圈地時期是不注重用戶體驗的，企業(yè)有客戶畫像，卻未必有角色畫像。

還說用戶體驗不重要的人，可以看看有贊CEO白鴉的公開說明。

圖片來源于網(wǎng)絡(luò)

2020年，疫情為企業(yè)級SaaS帶來流量，在今年2月宣布延期復(fù)工后，釘釘搜索量激增數(shù)倍，無論中大型企業(yè)還是小微企業(yè)都紛紛加入了遠程辦公的行列，協(xié)同辦公SaaS獲得了大量的“試用客戶”，加快了市場激活的進程，但接下來，流量轉(zhuǎn)化和用戶留存成為后疫情時代的核心關(guān)注點。

后疫情時代，對企業(yè)來說，改善產(chǎn)品用戶體驗，了解使用產(chǎn)品的終端用戶，構(gòu)建角色畫像愈加重要。而角色畫像作為產(chǎn)品和設(shè)計師比較關(guān)注的畫像，有以下三點價值：

設(shè)計前：幫助確立設(shè)計目標、設(shè)計策略與準則

設(shè)計中：解決架構(gòu)混亂問題，明確需求功能的合理性和優(yōu)先級；解決需求爭議問題和溝通問題，與團隊成員就服務(wù)目標達成共識，

設(shè)計后：解決可用性測試問題，幫助我們鎖定合適的測試用戶；

總結(jié)一下就是角色畫像是產(chǎn)品的根基，客戶畫像是產(chǎn)品的外延生命力的象征，兩者相輔相成。

 

對于這個章節(jié)。我將以我所負責的一款企業(yè)產(chǎn)品為例，來講述用戶畫像的創(chuàng)建過程。在這個項目中我們通過定性研究創(chuàng)建了用戶畫像，當然如果必要，大家也可以在后期再通過定量研究對得到的用戶畫像進行驗證。

用戶畫像的創(chuàng)建可分為以下幾個步驟：

 

Step 1:研究準備與數(shù)據(jù)收集

B端用研和C端有一點不同，企業(yè)用戶的使用場景基于業(yè)務(wù)，背景復(fù)雜、角色多樣、使用工具特殊（如企業(yè)自有后臺系統(tǒng)）等，導致無法在可用性實驗室中切實地模擬出來，所以我們得接近用戶、基于業(yè)務(wù)場景去了解用戶。

小編大致總結(jié)了一下，B端用研有以下3大痛點：

信息獲取難：B端產(chǎn)品主要針對用戶工作和業(yè)務(wù)開展，一般都是強制使用產(chǎn)品不存在“挑剔”的選擇空間，導致用戶的反饋就非常少，信息的獲取壁壘較高?！吧疃仍L談”是最核心也是獲取信息性價比最高的一種方法，但是出于對信息用途的不了解，對商業(yè)隱私、生意經(jīng)驗泄露的擔憂，B端用戶可能不愿意配合調(diào)研或不信任你。

業(yè)務(wù)復(fù)雜：缺乏行業(yè)經(jīng)驗，難以理解業(yè)務(wù)，這會讓用研對象覺得你不專業(yè)，仿佛雞同鴨講、對牛談琴。而且在不理解業(yè)務(wù)的情況下，設(shè)計師在訪談過程中會過于關(guān)注基礎(chǔ)業(yè)務(wù)，無法進行更深層次的訪談，采集的信息并非用戶的真正需求。

視角不同：設(shè)計師視角容易缺乏框架性思考，搞不清每個業(yè)務(wù)模塊/功能的邊界以及它們之間的關(guān)系，不能站在用戶（決策者、使用者）的角度思考問題，以至于被用戶牽著鼻子走，用戶說什么就是什么，能和用戶產(chǎn)生共鳴的部分極少。

俗話說“磨刀不誤砍柴工”，針對以上三大痛點，項目伊始有必要進行一輪全面的桌面研究，幫助我們快速建立對行業(yè)的全局認知并了解業(yè)務(wù)，另一方面，也有助于我們更好地和用戶進行溝通。

 

研究內(nèi)容：

• 1.產(chǎn)品的定位、盈利點及目標客戶
• 2.當前的業(yè)務(wù)目標是什么，主要解決什么問題
• 3.整體業(yè)務(wù)框架，核心業(yè)務(wù)流程和使用場景
• 4.不同角色之間如何協(xié)同以及每種角色的價值和目標
• 5.專業(yè)術(shù)語的理解
• 6.達成業(yè)務(wù)目標的關(guān)鍵資源和能力

 

研究途徑：

• 1.公司官網(wǎng)、競品網(wǎng)站、查閱行業(yè)內(nèi)相關(guān)報告、參加行業(yè)會議等，形成對行業(yè)的整體認知，如艾瑞網(wǎng)、易觀、CBDNData等專業(yè)網(wǎng)站。（部分報告需開通會員才能查閱）
• 2.通過搜索引擎查詢關(guān)鍵詞查詢相關(guān)文章。
• 3.最快捷的方式是向產(chǎn)品經(jīng)理/業(yè)務(wù)方要相關(guān)文檔或直接向他們請教。
• 4.銷售??/客服/實施顧問等,一般上線的產(chǎn)品都會有客戶反饋群或來收集整理客戶實時反饋的需求信息，可以通過他們大概了解到目前產(chǎn)品有哪些問題
• 5.如果有這方面的專家用戶，可以虛心向這些專家用戶請教，他們對業(yè)務(wù)的理解更加深入。

 

Step 2：確定目標與畫像維度

此處有2個注意點：

• 1.如何篩選出目標用戶？
• 2.畫像維度有哪些？

針對以上2三點，下文將依次展開說明。

 

1、如何篩選出目標用戶？

Cooper指出，不能為超過3個以上的用戶畫像設(shè)計產(chǎn)品，這樣容易產(chǎn)生需求沖。當有多個用戶畫像的時候,需要考慮用戶畫像的優(yōu)先級。前面講B2B畫像特點的提到過，由于是企業(yè)產(chǎn)品，僅僅產(chǎn)品中一條業(yè)務(wù)線，角色也是多樣的，所以在篩選目標用戶時有一點尤其要注意：應(yīng)識別出關(guān)鍵的用戶畫像。

以我公司的招聘業(yè)務(wù)為例，為了便于大家在宏觀上確定什么樣的企業(yè)是我們主要的目標用戶，我們的做法是按企業(yè)類型定義了三個KA客戶畫像。由產(chǎn)品、市場、以及各組leader一起來完成用戶畫像的優(yōu)先級排序工作。確定用戶畫像優(yōu)先級時，我們可以主要從以下幾個方面來考慮：

• 使用頻率
• 市場大小
• 收益的潛力
• 競爭優(yōu)勢/策略等

然后再找關(guān)鍵的角色畫像，即角色畫像中的決策者和主要使用者，次要使用者和間接使用者因時間、金錢的關(guān)系，現(xiàn)階段不做考慮。我司產(chǎn)品的客戶主要是勞動密集型企業(yè)，作用是幫助客戶解決藍領(lǐng)用工問題和發(fā)薪合規(guī)問題。以招聘業(yè)務(wù)線為例，想把這個產(chǎn)品賣給某企業(yè)，首先要打動該企業(yè)的HR總監(jiān)，再說服CEO/董事長，再讓招聘部員工-HR試用。

那么這條決策鏈上的關(guān)鍵人就包括了HR總監(jiān)、CEO/董事長、HR。那在這個案例中，HR總監(jiān)是決策鏈的關(guān)鍵人物，因為只有他認可之后，才會申請購買或在CEO面前夸這個產(chǎn)品。而HR是最終產(chǎn)品的使用者，雖然他們在企業(yè)購買產(chǎn)品前沒有話語權(quán)，但是在續(xù)費階段，他們的話語權(quán)最大。對于處于成長期的產(chǎn)品來說，我們現(xiàn)階段的調(diào)研目標也是為了獲取HR總監(jiān)和HR兩類角色的用戶畫像，每個角色訪談4～6人；

 

2、畫像維度有哪些？

篩選出了目標用戶，那畫像維度有哪些呢？。以本案例為例，在本次用戶畫像的設(shè)計中，因我司產(chǎn)品處于優(yōu)化迭代階段，做用戶畫像的目的是了解用戶的使用情況，比如各功能的使用頻率、使用中遇到的問題，定位問題關(guān)鍵及原因分析，優(yōu)化產(chǎn)品功能及運營模式，同時也希望通過了解用戶的具體行為細節(jié)和態(tài)度，發(fā)現(xiàn)新的機會點。

對于企業(yè)，主要了解其企業(yè)規(guī)模、行業(yè)屬性、業(yè)務(wù)流程、組織架構(gòu)、機構(gòu)里有哪些崗位/工種。這個信息主要由產(chǎn)品或銷售采集，應(yīng)該前置于角色畫像。而我們第一步的業(yè)務(wù)研究中，很大一部分內(nèi)容也來自于此。

對于決策者，主要向其了解企業(yè)管理、業(yè)務(wù)等方面的需求信息，對于本產(chǎn)品決策者關(guān)注的是營收增長、效率提高還是減少成本等方面的問題。

對于主要使用者，側(cè)重了解用戶特征、產(chǎn)品認知、使用場景與痛點，各功能的使用頻率、使用中遇到的問題等

根據(jù)前面前文提到的的用戶畫像構(gòu)成要素和自身業(yè)務(wù)情況，有選擇性的摘取，最終梳理出本案的用戶畫像維度如下：

 

Step 3：確定調(diào)研方法

明確了調(diào)研對象后，就可以展開調(diào)研了。一般有三種方式：

• 定性研究，基于小樣本的研究，如用戶訪談、實地調(diào)研、輪崗-理解現(xiàn)象原因；
• 定量研究，收集更大規(guī)模樣本的調(diào)查數(shù)據(jù)，如問卷調(diào)研、數(shù)據(jù)分析-發(fā)現(xiàn)現(xiàn)象；
• 定量+定性研究，兩者的結(jié)合。

定量和定性調(diào)研究雖各有優(yōu)劣，但定量較為昂貴、費時，也需要有精通統(tǒng)計分析的認為協(xié)助，在B端調(diào)研方式中并不太實用。對大多數(shù)團隊而言，定性是性價比最高、最合適的。它不僅提供了“用戶是誰、他們想要什么”，還是基于數(shù)據(jù)、經(jīng)濟高效較為快捷的一種方式。

采用何種研究方法，主要根據(jù)企業(yè)生命周期、研究目的、項目時間和經(jīng)費等進行綜合考量，本案中我們選擇深度訪談收集一手資料。

 

Step 4：采集角色資料

在明確目標與方法后，需要對整個研究進行細化，制定具體詳實的執(zhí)行計劃并開始招募用戶采集資料了?？赏ㄟ^前中后三個階段性策略的來進行訪談。

 

1. 訪談前：搭建信任基礎(chǔ)

在構(gòu)建用戶畫像的step 1中，我們已經(jīng)對業(yè)務(wù)和要訪談的用戶角色有了一定的了解。只需在訪談時間的4-7天前，根據(jù)確定的畫像維度來設(shè)計訪談大綱。設(shè)計大綱的目的是避免訪談過程中對話內(nèi)容發(fā)散、混亂而無法收集到足夠多的有效信息。

需要注意的是：大綱需要針對訪談的每一條需求，做到詳細、縝密，同時要考慮用戶對訪談題目的理解，可根據(jù)產(chǎn)品使用順序，由易到難、客觀到主觀、概括到具體的順序展開，比如產(chǎn)品功能的使用頻率就可以作為一個客觀問題放在問題的開始。且要考慮訪談的時間，因為訪談的時間不易過長，所以訪談提綱也不能過于冗長，典型的訪談大綱模板如下圖所示：

并提前將訪談目的告知受訪者，能讓他們看到訪談的直接或間接價值（提高工作效率、降低成本等），也就能更好地建立雙方的信任。因此，我們需要提前確認整個訪談的規(guī)劃，并主動將相關(guān)信息告知受訪者，包括訪談的時間、地點、方式、目的、流程，還有過程中可能涉及的問題、后續(xù)發(fā)放的獎品等。

 

2. 訪談中：表現(xiàn)專業(yè)特質(zhì)

開場介紹

跟C端訪談一樣，正式訪談開始之前的開場白非常重要！除了再次介紹自己（不管是什么崗位，此刻我就是用戶研究員），說明這次訪談的目的，一定還要強調(diào)訪談的隱私性和數(shù)據(jù)安全性，畢竟他們面對的是真金白銀的生意。

 

暖場

在正式訪談前，可以先和用戶閑聊2~3分鐘，通過一定的溝通活躍氣氛，讓用戶更加放松，同時增強用戶對我們信任。暖場和開場介紹可穿插進行，沒有絕對的先后之分，在訪談?wù)咦晕医榻B完成之后，也可以讓被訪者進行自我介紹。

 

一般問題

一般問題是指一些比較基礎(chǔ)性問題，用戶不需要進行太多思考即可回答，比如“你最常用的功能是哪些”、“使用時間多長”。

 

深入問題

深入問題是用戶行為和想法更加深入的探索，會更關(guān)注用戶行為細節(jié)和行為背后的動機。一般在問這些問題時，訪談?wù)咝枰粩嗟卦儐栍脩魹槭裁矗钡接脩魺o法繼續(xù)回答。深入問題是整個訪談的核心，也最容易挖掘到用戶需求和痛點。

 

回顧與總結(jié)

每部分的訪談結(jié)束后可進行簡單的小結(jié)。訪談?wù)咄ㄟ^回顧訪談過程對用戶的行為和態(tài)度進行客觀闡述，一方便有助于訪談?wù)呤崂硭悸罚硪环矫孀層脩魧υL談結(jié)果再次確認。

 

3. 訪談后：實現(xiàn)長線共贏

最好和訪談對象建立長期聯(lián)系，尤其是一線業(yè)務(wù)人員。人和人面對面聊過后，會產(chǎn)生基本的信任感和好感，要借助訪談的機會，拉近和業(yè)務(wù)人員的距離。如果后續(xù)項目中遇到問題，想獲取最真實的一線反饋，可以聯(lián)系之前的訪談對象，尋求幫助。

 

Step 5：分析建模

1）根據(jù)角色對訪談對象分組

將用戶訪談后得出的重點信息寫在便利貼上（或Excel表中打印后切片），設(shè)計師需要根據(jù)產(chǎn)品用戶角色不同，將受訪的用戶歸類分組，如HR和HR總監(jiān)。

 

2）找出行為變量

分組后，需要識別關(guān)鍵的行為變量，將調(diào)研到的用戶與行為變量進行一一對應(yīng)，并識別差異化行為模式。如下圖所示

 

3）映射訪談對象與行為變量的關(guān)系

再將不同的角色間同類行為模式歸納（合并同類項），進行行為描述。此處需注意以行為變量為依據(jù)進行用戶對應(yīng)時，不必追求絕對的精準，只要相對能映射清楚即可。梳理完后，觀察可發(fā)現(xiàn)某些用戶群體聚集在幾個行為變量上，它們構(gòu)成了一個顯著的行為模式，由此聚類出某個角色類型。依此類推，可以發(fā)現(xiàn)幾個不同的行為模式。為保證全面，映射完最好遍歷一下，檢查是否有用戶或變量的遺漏。

 

4）找出共性行為模式

完成映射后，尋找在變量軸上的對象群。梳理完后，如果一組對象聚集在多個不同的變量上，則可以代表一類角色存在顯著的共性行為表現(xiàn)（通常每類角色會有2～3個共性行為）。共性行為能幫我們識別標準化產(chǎn)品需要滿足的用戶需求，而差異化行為可以根據(jù)企業(yè)需求做定制化服務(wù)，一個B端產(chǎn)品是不太可能滿足所有用戶的需求的。

 

Step 6：畫像呈現(xiàn)

一旦我們找到共性行為，就可以創(chuàng)造用戶畫像了。梳理出每類角色的行為、目標、痛點等維度特征，形成畫像的基本框架。最后再完善用戶畫像，此時我們需要做的事情主要是：

• 1）結(jié)合真實的數(shù)據(jù)，選擇典型特征加入到用戶畫像中
• 2）結(jié)合使用場景進行故事描述，在描述中體現(xiàn)行為變量等因素，讓畫像更加豐滿、真實。
• 3）讓用戶畫像容易記憶，比如用照片、名字、年齡、幾條簡單的關(guān)鍵特征描述，都可以減輕讀者的記憶負擔

最終客戶畫像呈現(xiàn)如下圖

數(shù)據(jù)已脫敏，非真實數(shù)據(jù)

 

最終角色畫像呈現(xiàn)如下圖 

數(shù)據(jù)已脫敏，非真實數(shù)據(jù)

 

用戶畫像作為一個強大的設(shè)計和交流工具，能夠讓利益相關(guān)人目標始終保持一致，它的價值在于傳播與使用。舉個例子，90年代，庫珀將用戶畫像的描述做成一頁紙貼在墻上，一個產(chǎn)品的一個用戶畫像做一頁紙，這樣設(shè)計團隊成員每天走進辦公室就能看到。

用戶畫像制作出來后，與整個項目團隊共享定義的用戶畫像是很重要的，千萬不要讓他在共享文檔里積灰或掛在墻上當擺設(shè)。你要做的是讓用戶畫像從紙上躍起，走進你同事的心里，讓他在每次討論、每個決策時，自然、自發(fā)地被提起。所以用戶畫像的使用也是極其重要的，不然前面的工作都是無用之功。

所以，你可能需要：

向團隊介紹用戶畫像。花點時間介紹研究的過程，展示照片給他們看，聊一聊畫像的需求，期望，痛點，性格等。最好以故事性的方式進行引導，并長期地在會議里提到并討論它

 

在你的用戶故事中使用用戶畫像。“如果我是**業(yè)務(wù)招聘員，我想要快速識別出今天某門店招聘的人數(shù)和到崗的人數(shù)”。設(shè)計時，花點時間想象一下軟件會被用戶在工作中如何應(yīng)用。

 

造訪不同團隊，介紹用戶畫像，包括它從何來，如何用。教他們怎么招募有代表性的用戶進行測驗，如何寫用戶情景來啟發(fā)設(shè)計或作為可用性測試任務(wù)

 

總的來說，在你能力范圍之類的地方，宣傳用戶畫像的商業(yè)價值，提升大家的信任。畢竟用戶畫像可以幫助產(chǎn)研團隊跳出自己的需求，了解真正使用產(chǎn)品的人的需求。當越來越多的團隊使用用戶畫像，那么用戶畫像就會越來越像一個真實的用戶，幫助團隊從用戶的角度出發(fā)去設(shè)計產(chǎn)品。

 

值得注意的一點是，用戶畫像并非一成不變的，很大程度上受環(huán)境和周期的影響，所以我們要定期回顧自己的用戶畫像，對他們進行一些更新，確保和現(xiàn)實一致性。市場變化和策略的變化可能會重新定義你的業(yè)務(wù)受眾，也可能出現(xiàn)其他的細分，這也是重新調(diào)整用戶畫像的好機會，否則它們最終將失去生命力。希望你的用戶畫像也能始終對業(yè)務(wù)起到幫助，為體驗助力。

文章來源：學UI網(wǎng)   作者：小紐扣

藍藍設(shè)計( www.yvirxh.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)

用戶體驗設(shè)計是一個動態(tài)領(lǐng)域，每年都會為我們帶來新的趨勢，最近十二個月也不例外。全球新冠病毒大流行和國家封鎖使我們與數(shù)字世界和現(xiàn)實世界之間的互動方式發(fā)生了突然的變化。人們不僅開始在網(wǎng)上花費更多的時間；他們的思考方式和表現(xiàn)方式也發(fā)生了不同。

本文主要闡述2021用戶體驗的趨勢，我們相信這將在新的一年里占據(jù)主導地位。查看一下您可以利用哪些趨勢超越競爭對手并在人群中脫穎而出吧。

語音介面

我們在2020年UX狀態(tài)預(yù)測中討論了語音用戶界面（VUI）。如今年所示，語音指令仍然是UX設(shè)計中最熱門的趨勢之一?？梢钥隙ǖ卣f，明年不應(yīng)忽略它。

毫無疑問，到2021年，語音聊天機器人和虛擬助手將繼續(xù)流行。用戶在數(shù)字體驗方面一直在尋求簡單性和效率。市場需求，高期望值以及人工智能技術(shù)的迅速發(fā)展使品牌別無選擇，只能在其產(chǎn)品中包含基于語音的功能。

已經(jīng)有許多企業(yè)為廣泛的VUI實施奠定了基礎(chǔ)。例如，星巴克推出了一種名為My Starbucks Barista的基于AI的聊天機器人。其目標是通過允許用戶通過語音命令購買自己喜歡的飲料來改善咖啡訂購體驗。

簡約的UI

極簡主義可能是當今視覺設(shè)計中最明顯的趨勢之一。用戶正在體驗越來越多的網(wǎng)站所有者想要傳遞的關(guān)鍵消息。Cookie彈出窗口，打折廣告和各種通知旨在吸引和轉(zhuǎn)化網(wǎng)站訪問者，但它們也吸引了我們的注意力。這就是簡約的以用戶為中心的設(shè)計應(yīng)運而生的地方。

但是，“極簡主義”并不意味著“沉悶”或“原始”。意思是“優(yōu)雅”和“高效”。盡管必須使用數(shù)量有限的顏色，設(shè)計元素和明亮的組合，但UX設(shè)計人員仍然有很大的發(fā)揮空間。此外，元素的功能最為重要，正確突出產(chǎn)品功能并傳達正確信息的能力需要大量的創(chuàng)造力。相反，僅具有裝飾目的的組件正逐漸失去其重要性。

內(nèi)容，消息和導航的清晰度是UX設(shè)計的簡約方法的另一個重要方面。信息過載對于大多數(shù)現(xiàn)代用戶來說是一個痛苦，這意味著網(wǎng)站所有者應(yīng)努力使自己的UX文字簡潔明了。

負空間

負空間是用戶體驗設(shè)計的一種大趨勢，它已經(jīng)脫離了對簡約UI的市場需求。簡而言之，負空間是頁面布局中對象周圍（宏空間）或?qū)ο髢?nèi)部（微空間）的空白區(qū)域。它已經(jīng)成為獨立的設(shè)計元素，在視覺美學和用戶體驗優(yōu)化中起著至關(guān)重要的作用。谷歌的主頁，蘋果的官方商店以及一些用Webflow創(chuàng)建的網(wǎng)站就是很好的例子。

留出一定的空間，在設(shè)計中添加“寂靜的感覺”，必須是始終有意義的。否則，用戶可以將其視為缺少信息。負空間的主要功能是整理網(wǎng)頁，以吸引用戶對關(guān)鍵對象和消息的注意。建立清晰的內(nèi)容層次結(jié)構(gòu)有助于UX設(shè)計人員將用戶的注意力吸引到最重要的內(nèi)容上。

負空間有時也稱為“空白區(qū)域”或“留白區(qū)域”。所有這些術(shù)語都是可以互換的。當區(qū)域中沒有元素時，您還可以在深色模式或任何其他顏色下使用此用戶體驗趨勢。

不完美的元素

在發(fā)生COVID-19大流行之后的在線體驗將與我們習慣的在線體驗不同。UX設(shè)計以相關(guān)方式反映了缺陷。為了使品牌的數(shù)字化形象更具關(guān)聯(lián)性，設(shè)計師有意在版面設(shè)計中實現(xiàn)了一些“缺陷”。 它可以是任何東西，從手繪對象到構(gòu)圖或頁面的不尋常元素。

通常，不完美的設(shè)計可以很好地證明品牌的身份并突出其獨特性。但是，如果要應(yīng)用這種UX趨勢，則必須記住一個關(guān)鍵規(guī)則：必須保持平衡。如果你做得過多，那是行不通的。

同態(tài)

中性風格是UI設(shè)計中其他兩種大規(guī)模方法（擬態(tài)和平面設(shè)計）的組合，它們通常被認為彼此相對。擬態(tài)化是關(guān)于模仿現(xiàn)實世界中的物體以及我們與物體交互的方式。

幾十年前，當需要使用超現(xiàn)實元素來創(chuàng)建直觀且用戶友好的UI時，它很流行。垃圾桶就是例子之一。另一方面，平面設(shè)計是一個更新的，簡化的概念，圍繞二維元素，極簡主義和鮮艷的色彩。

同質(zhì)性兼顧了兩者的優(yōu)點。它使用圖形強度大的元素，陰影和漸變來使按鈕和卡片類似于自然界中的對象，而不是精確地重新創(chuàng)建它們。中性風格不會將現(xiàn)實主義推到極致。取而代之的是，它努力實現(xiàn)淺色和微妙對比度的“柔和”外觀。

在過去大約一年的時間里，同質(zhì)化一直是UI / UX專業(yè)人員中討論最多的主題之一。盡管仍然沒有很多真正的數(shù)字產(chǎn)品的用戶界面遵循這種方法，但許多設(shè)計人員對該概念感到興奮。像Behance和Dribbble這樣的專業(yè)平臺已經(jīng)包含了許多同態(tài)的例子。因此，我們有充分的理由相信，這一趨勢最終將在2021年出現(xiàn)在我們的手機和筆記本電腦中。

3D元素和視差

視差效果和3D元素并不是UX設(shè)計中的全新內(nèi)容。我們已經(jīng)看到了如何在許多Web設(shè)計解決方案中實現(xiàn)它們。但是，我們?nèi)匀挥^察到這些用戶體驗趨勢正在逐步普及。

首先，它的使用量顯著增加。如今，3D元素和視差效果已不再是網(wǎng)絡(luò)上奇特的事物。它們更為常見，特別是在代表著脫穎而出的時尚和電子商務(wù)品牌的網(wǎng)站和應(yīng)用上。

另一種趨勢是嘗試在一個界面中結(jié)合視差效果和3D圖形。使用視差滾動時，網(wǎng)頁背景和前景元素以不同的速度移動。僅憑它就能產(chǎn)生深度感。通過為此添加3D對象，您可以創(chuàng)建一種真正的身臨其境的體驗，并將在用戶的記憶中保留很長時間。

 

  

不對稱

隨著我們設(shè)備屏幕的變寬，UI / UX設(shè)計中出現(xiàn)了不對稱趨勢。通常，不對稱是野獸派的一種屬性，這是藝術(shù)和網(wǎng)頁設(shè)計中與極簡主義相反的一種風格。但是，如果與其他殘酷的設(shè)計元素分開使用，它可以使您的網(wǎng)站看起來有趣，同時使它保持微妙和優(yōu)雅。

不對稱布局的UI / UX趨勢通常與其他創(chuàng)造性的Web設(shè)計技術(shù)一起實現(xiàn)，例如破碎的網(wǎng)格，重疊的元素和分割的屏幕。您也可以將不對稱性應(yīng)用于排版。如果操作正確，它將使您的品牌信息更加引人注目和令人難忘。

但是，請務(wù)必記住，非對稱設(shè)計并不意味著“隨機放置的UI元素”。在布局上定位對象的不尋常方式應(yīng)該引導用戶的眼睛朝正確的方向前進，并幫助品牌強調(diào)重要信息。

動畫制作

今天，當我們在互聯(lián)網(wǎng)上進入隨機網(wǎng)站時，很可能會看到GIF，微型動畫，動畫插圖或其他一些運動設(shè)計元素。動畫在用戶體驗設(shè)計中仍然很流行，并且使用頻率不斷增長。

除了具有視覺吸引力之外，移動物體還可以改善用戶參與度并簡化導航。他們還可以為數(shù)字產(chǎn)品或服務(wù)注入生命，使它們更具個性。

如果要在用戶界面設(shè)計中使用這種軟件開發(fā)趨勢，那么明智地執(zhí)行此操作至關(guān)重要。漂浮在屏幕上沒有特定目的的對象可能會使訪問者感到困惑，從而促使他們甚至比計劃的要早離開網(wǎng)頁。動畫元素也不應(yīng)使用戶界面不必要地復(fù)雜。它們始終必須是相關(guān)的，有價值的和平穩(wěn)的。

信息架構(gòu)

信息體系結(jié)構(gòu)是在頁面上組織和構(gòu)造不同內(nèi)容的方式。它是以用戶為中心的設(shè)計（UCD）的基本要素，旨在使用戶的數(shù)字環(huán)境更加舒適。與用戶研究和可用性測試一起，構(gòu)建有效，有用且一致的信息體系結(jié)構(gòu)是UCD流程的必不可少的階段。

為了創(chuàng)建一個實用的信息體系結(jié)構(gòu)，UX設(shè)計人員需要對產(chǎn)品的目標受眾，其行為以及使用數(shù)字解決方案的原因有深入的了解。用戶應(yīng)該無需花費太多精力就能獲得所需的結(jié)果。因此，在設(shè)計過程的線框階段始終必須考慮用戶的目標，清晰的導航和內(nèi)容表示（包括盲點監(jiān)視）。

最后的想法

我們創(chuàng)建此文章是為了讓您在當今競爭異常激烈的數(shù)字世界中站穩(wěn)腳跟。這里提到的所有UX趨勢絕對可以改善幾乎每個軟件解決方案或網(wǎng)站的用戶體驗。即使用戶期望很高，它們也可以使您的產(chǎn)品在視覺上對目標受眾更具吸引力。

文章來源：站酷   作者：ZZiUP

藍藍設(shè)計( www.yvirxh.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)

用戶體驗設(shè)計是一個動態(tài)領(lǐng)域，每年都會為我們帶來新的趨勢，最近十二個月也不例外。全球新冠病毒大流行和國家封鎖使我們與數(shù)字世界和現(xiàn)實世界之間的互動方式發(fā)生了突然的變化。人們不僅開始在網(wǎng)上花費更多的時間；他們的思考方式和表現(xiàn)方式也發(fā)生了不同。

本文主要闡述2021用戶體驗的趨勢，我們相信這將在新的一年里占據(jù)主導地位。查看一下您可以利用哪些趨勢超越競爭對手并在人群中脫穎而出吧。

語音介面

我們在2020年UX狀態(tài)預(yù)測中討論了語音用戶界面（VUI）。如今年所示，語音指令仍然是UX設(shè)計中最熱門的趨勢之一?？梢钥隙ǖ卣f，明年不應(yīng)忽略它。

毫無疑問，到2021年，語音聊天機器人和虛擬助手將繼續(xù)流行。用戶在數(shù)字體驗方面一直在尋求簡單性和效率。市場需求，高期望值以及人工智能技術(shù)的迅速發(fā)展使品牌別無選擇，只能在其產(chǎn)品中包含基于語音的功能。

已經(jīng)有許多企業(yè)為廣泛的VUI實施奠定了基礎(chǔ)。例如，星巴克推出了一種名為My Starbucks Barista的基于AI的聊天機器人。其目標是通過允許用戶通過語音命令購買自己喜歡的飲料來改善咖啡訂購體驗。

簡約的UI

極簡主義可能是當今視覺設(shè)計中最明顯的趨勢之一。用戶正在體驗越來越多的網(wǎng)站所有者想要傳遞的關(guān)鍵消息。Cookie彈出窗口，打折廣告和各種通知旨在吸引和轉(zhuǎn)化網(wǎng)站訪問者，但它們也吸引了我們的注意力。這就是簡約的以用戶為中心的設(shè)計應(yīng)運而生的地方。

但是，“極簡主義”并不意味著“沉悶”或“原始”。意思是“優(yōu)雅”和“高效”。盡管必須使用數(shù)量有限的顏色，設(shè)計元素和明亮的組合，但UX設(shè)計人員仍然有很大的發(fā)揮空間。此外，元素的功能最為重要，正確突出產(chǎn)品功能并傳達正確信息的能力需要大量的創(chuàng)造力。相反，僅具有裝飾目的的組件正逐漸失去其重要性。

內(nèi)容，消息和導航的清晰度是UX設(shè)計的簡約方法的另一個重要方面。信息過載對于大多數(shù)現(xiàn)代用戶來說是一個痛苦，這意味著網(wǎng)站所有者應(yīng)努力使自己的UX文字簡潔明了。

負空間

負空間是用戶體驗設(shè)計的一種大趨勢，它已經(jīng)脫離了對簡約UI的市場需求。簡而言之，負空間是頁面布局中對象周圍（宏空間）或?qū)ο髢?nèi)部（微空間）的空白區(qū)域。它已經(jīng)成為獨立的設(shè)計元素，在視覺美學和用戶體驗優(yōu)化中起著至關(guān)重要的作用。谷歌的主頁，蘋果的官方商店以及一些用Webflow創(chuàng)建的網(wǎng)站就是很好的例子。

留出一定的空間，在設(shè)計中添加“寂靜的感覺”，必須是始終有意義的。否則，用戶可以將其視為缺少信息。負空間的主要功能是整理網(wǎng)頁，以吸引用戶對關(guān)鍵對象和消息的注意。建立清晰的內(nèi)容層次結(jié)構(gòu)有助于UX設(shè)計人員將用戶的注意力吸引到最重要的內(nèi)容上。

負空間有時也稱為“空白區(qū)域”或“留白區(qū)域”。所有這些術(shù)語都是可以互換的。當區(qū)域中沒有元素時，您還可以在深色模式或任何其他顏色下使用此用戶體驗趨勢。

不完美的元素

在發(fā)生COVID-19大流行之后的在線體驗將與我們習慣的在線體驗不同。UX設(shè)計以相關(guān)方式反映了缺陷。為了使品牌的數(shù)字化形象更具關(guān)聯(lián)性，設(shè)計師有意在版面設(shè)計中實現(xiàn)了一些“缺陷”。 它可以是任何東西，從手繪對象到構(gòu)圖或頁面的不尋常元素。

通常，不完美的設(shè)計可以很好地證明品牌的身份并突出其獨特性。但是，如果要應(yīng)用這種UX趨勢，則必須記住一個關(guān)鍵規(guī)則：必須保持平衡。如果你做得過多，那是行不通的。

同態(tài)

中性風格是UI設(shè)計中其他兩種大規(guī)模方法（擬態(tài)和平面設(shè)計）的組合，它們通常被認為彼此相對。擬態(tài)化是關(guān)于模仿現(xiàn)實世界中的物體以及我們與物體交互的方式。

幾十年前，當需要使用超現(xiàn)實元素來創(chuàng)建直觀且用戶友好的UI時，它很流行。垃圾桶就是例子之一。另一方面，平面設(shè)計是一個更新的，簡化的概念，圍繞二維元素，極簡主義和鮮艷的色彩。

同質(zhì)性兼顧了兩者的優(yōu)點。它使用圖形強度大的元素，陰影和漸變來使按鈕和卡片類似于自然界中的對象，而不是精確地重新創(chuàng)建它們。中性風格不會將現(xiàn)實主義推到極致。取而代之的是，它努力實現(xiàn)淺色和微妙對比度的“柔和”外觀。

在過去大約一年的時間里，同質(zhì)化一直是UI / UX專業(yè)人員中討論最多的主題之一。盡管仍然沒有很多真正的數(shù)字產(chǎn)品的用戶界面遵循這種方法，但許多設(shè)計人員對該概念感到興奮。像Behance和Dribbble這樣的專業(yè)平臺已經(jīng)包含了許多同態(tài)的例子。因此，我們有充分的理由相信，這一趨勢最終將在2021年出現(xiàn)在我們的手機和筆記本電腦中。

3D元素和視差

視差效果和3D元素并不是UX設(shè)計中的全新內(nèi)容。我們已經(jīng)看到了如何在許多Web設(shè)計解決方案中實現(xiàn)它們。但是，我們?nèi)匀挥^察到這些用戶體驗趨勢正在逐步普及。

首先，它的使用量顯著增加。如今，3D元素和視差效果已不再是網(wǎng)絡(luò)上奇特的事物。它們更為常見，特別是在代表著脫穎而出的時尚和電子商務(wù)品牌的網(wǎng)站和應(yīng)用上。

另一種趨勢是嘗試在一個界面中結(jié)合視差效果和3D圖形。使用視差滾動時，網(wǎng)頁背景和前景元素以不同的速度移動。僅憑它就能產(chǎn)生深度感。通過為此添加3D對象，您可以創(chuàng)建一種真正的身臨其境的體驗，并將在用戶的記憶中保留很長時間。

 

  

不對稱

隨著我們設(shè)備屏幕的變寬，UI / UX設(shè)計中出現(xiàn)了不對稱趨勢。通常，不對稱是野獸派的一種屬性，這是藝術(shù)和網(wǎng)頁設(shè)計中與極簡主義相反的一種風格。但是，如果與其他殘酷的設(shè)計元素分開使用，它可以使您的網(wǎng)站看起來有趣，同時使它保持微妙和優(yōu)雅。

不對稱布局的UI / UX趨勢通常與其他創(chuàng)造性的Web設(shè)計技術(shù)一起實現(xiàn)，例如破碎的網(wǎng)格，重疊的元素和分割的屏幕。您也可以將不對稱性應(yīng)用于排版。如果操作正確，它將使您的品牌信息更加引人注目和令人難忘。

但是，請務(wù)必記住，非對稱設(shè)計并不意味著“隨機放置的UI元素”。在布局上定位對象的不尋常方式應(yīng)該引導用戶的眼睛朝正確的方向前進，并幫助品牌強調(diào)重要信息。

動畫制作

今天，當我們在互聯(lián)網(wǎng)上進入隨機網(wǎng)站時，很可能會看到GIF，微型動畫，動畫插圖或其他一些運動設(shè)計元素。動畫在用戶體驗設(shè)計中仍然很流行，并且使用頻率不斷增長。

除了具有視覺吸引力之外，移動物體還可以改善用戶參與度并簡化導航。他們還可以為數(shù)字產(chǎn)品或服務(wù)注入生命，使它們更具個性。

如果要在用戶界面設(shè)計中使用這種軟件開發(fā)趨勢，那么明智地執(zhí)行此操作至關(guān)重要。漂浮在屏幕上沒有特定目的的對象可能會使訪問者感到困惑，從而促使他們甚至比計劃的要早離開網(wǎng)頁。動畫元素也不應(yīng)使用戶界面不必要地復(fù)雜。它們始終必須是相關(guān)的，有價值的和平穩(wěn)的。

信息架構(gòu)

信息體系結(jié)構(gòu)是在頁面上組織和構(gòu)造不同內(nèi)容的方式。它是以用戶為中心的設(shè)計（UCD）的基本要素，旨在使用戶的數(shù)字環(huán)境更加舒適。與用戶研究和可用性測試一起，構(gòu)建有效，有用且一致的信息體系結(jié)構(gòu)是UCD流程的必不可少的階段。

為了創(chuàng)建一個實用的信息體系結(jié)構(gòu)，UX設(shè)計人員需要對產(chǎn)品的目標受眾，其行為以及使用數(shù)字解決方案的原因有深入的了解。用戶應(yīng)該無需花費太多精力就能獲得所需的結(jié)果。因此，在設(shè)計過程的線框階段始終必須考慮用戶的目標，清晰的導航和內(nèi)容表示（包括盲點監(jiān)視）。

最后的想法

我們創(chuàng)建此文章是為了讓您在當今競爭異常激烈的數(shù)字世界中站穩(wěn)腳跟。這里提到的所有UX趨勢絕對可以改善幾乎每個軟件解決方案或網(wǎng)站的用戶體驗。即使用戶期望很高，它們也可以使您的產(chǎn)品在視覺上對目標受眾更具吸引力。

文章來源：站酷   作者：ZZiUP

藍藍設(shè)計( www.yvirxh.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)

深色模式并不萬能 

從移動屏幕到大型電視，深色的UI界面隨處可見。深色模式可以表達力量、奢華、精致和優(yōu)雅，但這種設(shè)計模式也會帶來很多挑戰(zhàn)，應(yīng)用不當難免會被用戶吐槽。所以開始設(shè)計前，大家最好深色熟慮下，是否真的需要做深色。

物理學家說，黑色并不是一種真正的顏色，它沒有光。艾薩克·牛頓爵士在通過棱鏡照耀陽光的實驗中，甚至沒有將黑色包含在顏色光譜中。

在色彩心理學中，大多數(shù)色彩代表不同的人、不同的事物。西方文化里，黑色常與死亡、神秘和邪惡聯(lián)系在一起；綠色與生長、自然相關(guān)；藍色可以使人平靜，因為它讓人聯(lián)想到天空和水，所以，顏色是飽含情感的。其他影響還來自文化，例如紫色仍與奢侈品聯(lián)系在一起，在許多古代文化中，紫色是昂貴稀有的，只有貴族才能負擔得起。

深色界面的數(shù)字產(chǎn)品，是未來發(fā)展的一大趨勢。人們常說，這種模式可以減輕眼睛疲勞，但并沒有相關(guān)證據(jù)表明是真的。在某些情況下，它還代表著節(jié)省電池壽命，也是一種美學意義上的選擇。

深色模式應(yīng)用限制

并非所有界面都適合深色主題。設(shè)計師應(yīng)考慮品牌契合度、文化適應(yīng)性和顏色心理學，在選擇搭配時考慮情感影響，雖然這些因素不容易平衡。針對千禧一代的金融類應(yīng)用程序，可能會用深色模式營造炫酷的效果，但對于以大眾作為目標人群的銀行網(wǎng)站就不太合適了。當用戶想要查看自己的余額與支付賬單時，太黑暗、太時髦都會顯得華麗不實用。

B2B SaaS應(yīng)用程序的深色模式很難設(shè)計，標準的Web UI組件（例如數(shù)據(jù)表、窗口小部件、表單和下拉菜單）在深色界面中看起來可能很奇怪。由于許多配色方案不適用于深色界面，對于某些品牌和產(chǎn)品來說，深色模式并不是最優(yōu)選擇。

從未接觸過深色模式的設(shè)計師，如果想要搭建一個深色界面，不妨參照以下條件，先來判斷下是否需要，什么情況下建議使用深色模式？

-當設(shè)計版面相對稀疏，極簡型的內(nèi)容比較少時；

-適用于連貫呈現(xiàn)的內(nèi)容，例如夜間娛樂應(yīng)用程序；

-想要創(chuàng)造醒目的戲劇性外觀時。

以下這些情況下不建議使用深色模式：

-出現(xiàn)大量文本時（在深色背景上閱讀相對困難）；

-當設(shè)計需要多種顏色時。

深色模式下的桌面應(yīng)用信息中心 by Ramotion 

在深色模式中形成對比

深色模式并不非要設(shè)計成黑色的，你可以將它理解為是一種「低光」模式。設(shè)計的核心點之一，就是表達出足夠的對比度，這樣視覺元素就會被分離開，且文本也會變得清晰易讀。大多數(shù)設(shè)計師認為多用黑色，是獲得強烈對比度的最佳選擇。我的建議是，最好不要將純黑色（#000000）用于背景或者盡量少用，把它留給其他UI元素，比如較小的圖形或邊框性質(zhì)類的圖形。

Google的Material Design深色模式，推薦使用深灰色（#121212）作為界面主色，目的是為了表達出更有深度的空間感。在定義配色方案時，往深灰中添加一些微妙的深藍色，可以讓數(shù)字產(chǎn)品的界面擁有更好的深色調(diào)性。

Brittany Chiang網(wǎng)站將深灰色與藍色融合，形成了令人愉悅的深色模式

使用灰色的優(yōu)點在于，它給了設(shè)計師更多發(fā)揮的空間，去表達更廣泛的顏色?；疑{(diào)同深藍色有同樣功能，幫助畫面更有深度，也更輕松地看到元素陰影。

需要特別注意深色模式中的文本對比，網(wǎng)頁內(nèi)容可訪問性指南（WCAG）要求——「文本的視覺呈現(xiàn)對比度，至少應(yīng)為4.5:1」，大型文本的對比度至少在3:1。設(shè)計師需要確保文字內(nèi)容在黑暗模式下能夠清晰可辨認。

另外，測試其他UI元素（例如卡片、按鈕、字段和各種顯示器上的圖標）之間的對比也是一個好辦法。如果UI元素之間沒有突出的對比，那么設(shè)計就需要調(diào)整下了，枯燥無味的設(shè)計對于用戶來說也是一種折磨。

左側(cè)的深色模式中，文本和背景之間的對比明顯不足

重點注意一：配色

顏色在深色模式中非常突出，最好使用淺色、飽和度低的配色方案，避免過于刺激視覺。顏色與文本一起使用時，需要參照WCAG的AA標準，至少4.5:1。Google建議顏色數(shù)量不必太多，使界面都處于深色中。

Jabra Sound +應(yīng)用程序只給深色模式配色選擇了2-3種顏色

適宜的配色方案能營造出非常好的對比效果。Colorable在線工具，只要輸入色號就能看到文本和背景色組合在一起是否合適；Google的Material Design網(wǎng)站上也有一個調(diào)色板生成器，設(shè)計師可以使用它創(chuàng)建調(diào)色板，應(yīng)用到UI上。

文字和基本元素（例如按鈕和圖標）在深色背景上顯示時應(yīng)符合易讀性標準。如上面的Jabra Sound +應(yīng)用程序所示，文本和圖標可以使用白色以外的顏色進行搭配。

“使用強烈對比色來提高可讀性。人們對于顏色的感知會受到許多因素影響，包括字號、字重、顏色亮度、屏幕分辨率和照明條件。” ——Apple人機界面指南

深色模式并不需要大量顏色來堆砌

重點注意二：利用負空間，少即是多

成功的深色模式設(shè)計，需要巧妙利用負空間。如果設(shè)計不當，會使數(shù)字產(chǎn)品顯得笨拙與沉重。為了平衡這一點，設(shè)計師可以利用極簡主義中的負空間，讓深色界面更輕巧，也能讓用戶更容易識別信息內(nèi)容。

UI元素周圍的大量負空間使界面被重新定義，而且元素也不會出現(xiàn)密集與混亂感。如果沒有呼吸空間，用戶在閱讀界面時，可能很快的略過，因為大腦沒有快速的識別出重要內(nèi)容。

充斥著太多元素和文本的界面，是導致深色模式體驗差的禍根。設(shè)計師需要仔細考慮深色模式中的視覺層次結(jié)構(gòu)，從而提升用戶體驗。

極簡主義的深色模式界面 by Denys Tyrynskyi

重點注意三：版式

深色模式中的每一段文字都需要仔細檢查，更需要關(guān)注2個方面——可讀性和對比性。首先，界面中的文本必須足夠大，以確保清晰易讀（深色背景上的小文字，閱讀起來體驗很差）；其次，文本和背景之間必須有明顯的對比。設(shè)計師可以通過增加對比度，為較小的文本調(diào)整字體大小、字符間距和行高，去優(yōu)化可讀性問題。

W3C AAA建議常規(guī)尺寸的文本（如果不是粗體，則小于18pt）的對比度至少應(yīng)為7:1。這也適用于其他UI元素——圖標、文本圖像和文本標簽（按鈕標簽），設(shè)計師有責任確保所有人都能正確應(yīng)用界面。

深色模式中應(yīng)用優(yōu)秀字體很有必要，像Google字體和字體庫，以及Adobe Typekit都能提供便捷的設(shè)計支持。

AirPods Pro頁面使用超大字體和強烈的對比，以達到最好的效果

重點注意四：空間深度感

深色模式不應(yīng)該是平淡的，在正常明亮模式下，元素的高光或是陰影都會讓界面產(chǎn)生深度感。而深色界面更具挑戰(zhàn)性，建議設(shè)計師可以使用類似3-4多個層面，以及相應(yīng)的配色方案來傳達深度感。

為什么要有深度？深度感是與物理世界的一種呼應(yīng)。我們的視覺有深度感知的能力，因為人們是生活在3D世界中的。表面的照明方式不同，以表示不同的海拔高度。位置越高，越接近隱式光源，表面就越亮。一個非常亮的表面，更容易區(qū)分組件之間的高度，還有助于查看陰影，使每個表面的邊緣線更明顯。

表面越亮，越接近隱藏光源 by Material Design

設(shè)置每個級別的表面顏色需要小心，建議不要超過4或5個級別，最好在設(shè)計系統(tǒng)中將元素的文本顏色指定為純黑色（＃000000），以在淺灰色背景上實現(xiàn)良好的對比度。

深色模式設(shè)計啟發(fā)

基于上述原則，以下是一些優(yōu)秀的深色模式示例：

The Atom Finance website

Atom Finance利用深色模式打造了精致外觀，并將其強調(diào)色限制為3種。復(fù)雜的金融網(wǎng)站采用了極簡設(shè)計，而且很好地使用了陰影來表現(xiàn)不同組件的深度感。

電子商務(wù)網(wǎng)站 by Daniel Klopper

電子商務(wù)網(wǎng)站 by Darion Mitchell

IBM儀表板 by Ruben Fernandez

盡管處理SaaS的深色模式遇到了挑戰(zhàn)，但IBM的數(shù)據(jù)可視化儀表板仍是典范。強調(diào)色的數(shù)量最少，并且該網(wǎng)站使用細微的陰影顯示不同元素的深度。

Wego，Spotify和Apple的深色模式APP（Android和iOS）

使用深色模式固然好，但需要依據(jù)實際產(chǎn)品屬性來判斷，不應(yīng)出于時髦、流行甚至是與眾不同或模仿他人等因素確定。設(shè)計者應(yīng)有充分的選擇依據(jù)，并考慮其內(nèi)容、使用環(huán)境以及顯示設(shè)備是否適合來最終敲定。

深色模式適用于一些數(shù)字產(chǎn)品，而非所有產(chǎn)品，界面簡潔非常關(guān)鍵。對于復(fù)雜且數(shù)據(jù)繁重的B2B平臺，以及文本繁多的頁面，深色模式都是不適合的。對于從情感和美學角度去探索深色模式的設(shè)計師來說，他們開辟了一個新的領(lǐng)域。

文章來源：站酷   作者：UX辭典

藍藍設(shè)計( www.yvirxh.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)

實用的管理方法

抽屜式管理法是一種通俗形象的管理術(shù)語，在現(xiàn)代管理中也叫做職務(wù)分析。抽屜式管理的主要含義是在每個管理人員的辦公桌的抽屜里，都有一個明確的職務(wù)工作規(guī)范。它包括兩個方面的含義：

 

 - 每個人所從事的職、責、權(quán)、利等四個方面進行明確的規(guī)定，做到四者統(tǒng)一；

 - 明確每個人所從事的管理和主要專業(yè)業(yè)務(wù)，分工協(xié)作關(guān)系，橫向縱向聯(lián)合事宜，以及上下左右的對口單位等，達到理順企業(yè)管理關(guān)聯(lián)的目的。

抽屜式管理是近幾年世界上最為流行的管理方法。

他的主要內(nèi)容包括兩個方面：

 

 - 業(yè)務(wù)部門的職務(wù)分析，即職能權(quán)限范圍。業(yè)務(wù)部門的職責權(quán)限范圍分析，應(yīng)根據(jù)企業(yè)的總體目標、生產(chǎn)經(jīng)營指標，以及專業(yè)對口的要求和協(xié)作關(guān)系進行層層的分析、逐級落實、明確規(guī)定；

 - 管理人員的職務(wù)分析，即職務(wù)說明或職務(wù)規(guī)范；

管理人員的能力分析要根據(jù)管理層次的不同劃分來進行，它的關(guān)鍵是處理好集權(quán)與分權(quán)的關(guān)系。例如一家設(shè)計公司，美術(shù)指導要對設(shè)計總監(jiān)負責，資深設(shè)計師要對美術(shù)指導負責，設(shè)計師要對資深設(shè)計師負責，設(shè)計助理要對設(shè)計師負責，實習生要對設(shè)計助理負責。

 

企業(yè)在施行抽屜式管理方法時，首先要組織一個由各個部門結(jié)成的職務(wù)分析小組。并對職務(wù)分析小組進行短期培訓，以掌握抽屜式管理的概念和內(nèi)涵。其次，企業(yè)應(yīng)圍繞企業(yè)的總體目標、生產(chǎn)經(jīng)營指標、根據(jù)業(yè)務(wù)對口，編制業(yè)務(wù)職責權(quán)限范圍。

 

企業(yè)應(yīng)分層進行管理人員分析，按職、責、權(quán)、利四者統(tǒng)一，制定管理人員職務(wù)說明或職務(wù)規(guī)范。最后，企業(yè)需要制定必要的考核、獎懲機制，與職務(wù)分析法配套執(zhí)行。

 

 

流行的管理方法

在一些商業(yè)企業(yè)中，不同程度的存在著職責分不清，分工不明確，權(quán)利與責任相分離等問題，造成辦事效率低，拖拉等狀況，它們一般都表現(xiàn)在：

 

 - 各部門分工不明確，一些工作上的事情誰都不管，有些事情又都想插手，造成互相扯皮，嚴重影響了實際工作效率；

 - 企業(yè)內(nèi)部橫向聯(lián)系比較差，協(xié)調(diào)能力弱，使執(zhí)行人員只能聽四方指示，八方匯報，大大的延長了工作流程，極大的影響了實際工作效率與人員浪費；

 - 企業(yè)用人多少缺乏一個客觀標準，容易受魅力偏見的影響，強壯的和漂亮的應(yīng)聘者更受歡迎；對于設(shè)計行業(yè)而言作品造假，作品集過度包裝引起的能力與職位不匹配的問題，沒有一個較為標準的審查機制，都屬于個人的主觀因素。

 

企業(yè)要進行策略管理，就必須明確企業(yè)內(nèi)部各個崗位的主要職責以及各職務(wù)之間的分工與協(xié)作關(guān)系，它能大大的提高企業(yè)戰(zhàn)略管理的科學性、系統(tǒng)性和有效性。

 

抽屜式管理在人力資源管理中一般用于職務(wù)分析。隨著社會經(jīng)濟的發(fā)展，抽屜式管理的公司也越來越普遍，人們認為抽屜式管理是21世紀初現(xiàn)代化管理發(fā)展的新趨勢。

 

當前一些經(jīng)濟發(fā)達國家的大中型企業(yè)都非常重視抽屜式管理和職位分類，并且都在抽屜式管理的基礎(chǔ)上，不同程度的建立了職位分類制度。絕大部分世界500強企業(yè)都在實施抽屜式管理，這一工具在福特經(jīng)理們的心目中，具有非常重要的地位，幾乎每一個經(jīng)理人都在管理下級之中應(yīng)用了這一工具。

 

 

 

抽屜式管理的步驟

第一步 - 建立一個由各部門組成的職務(wù)分析小組

考評小組的組成人員包括：

 - 企業(yè)領(lǐng)導者：可以保障部門權(quán)責設(shè)定與企業(yè)整體目標一致，保障權(quán)威性與決策的有效性。

 - 人力資源管理領(lǐng)導者：抽屜式管理模式的主管者，有利于人力資源管理精準性的提升。

 - 各部門角領(lǐng)導者和員工代表：促進決策的民主性和科學性。

第二步 - 正確處理企業(yè)內(nèi)部的集權(quán)和分權(quán)關(guān)系

 

要考慮與正確劃分，在哪些領(lǐng)域或事項上集權(quán)，在哪些工作上分權(quán)，部門權(quán)責考評小組要以整體績效為基準。

第三步 - 圍繞企業(yè)的總體目標，層層分解、逐級落實職責權(quán)限范圍

 

層層分解與逐級落實是“抽屜式”管理模式的核心環(huán)節(jié)，或者說是管理落實與職權(quán)細化的關(guān)鍵性步驟。整體目標指的是企業(yè)戰(zhàn)略總目標，實現(xiàn)企業(yè)經(jīng)濟效益、提升管理績效與職權(quán)分解、落實是目標與手段的關(guān)系。

第四步 - 編寫職務(wù)說明書，制定出每個職務(wù)工作的要求準則

 

職務(wù)說明書包括兩部分，即對部門領(lǐng)導者和員工的職務(wù)都進行規(guī)范化說明。其次制定員工職務(wù)說明書，通過書面化的形式將員工工作相關(guān)內(nèi)容進行明確規(guī)定。哪個員工在哪個環(huán)節(jié)上出了問題，只要拿出放在抽屜內(nèi)的職務(wù)說明書即可進行查詢。

第五步 - 制定考核與獎懲制度，與職務(wù)分析法配套執(zhí)行

 

績效考核與獎懲制度是抽屜式管理模式的保障性措施，也是提升管理有效性的配套手段。制定與權(quán)、責相配套的獎懲、晉升制度。以職務(wù)說明書為依據(jù),通過績效考核反饋給予認真履職者獎勵，給予玩忽職守者相應(yīng)的懲罰。

總結(jié)：其實抽屜式管理法就是管理層的一種管理手段，在抽屜里放一些對于員工的職務(wù)職責的約束規(guī)則，在心理上給員工施壓，進而使之完善所做的工作；在規(guī)則上也同樣施壓，一旦員工的工作不飽和，又或沒有完善部分工作，就可以直接拿規(guī)則說事兒，企業(yè)也挺雞賊的。

對于員工而言還是要不斷完善自身能力，自己沒有問題別人也挑不出問題，其次要注意溝通協(xié)作的問題，把自己工作做好的同時，如果有精力和能力也幫助同事提升能力和幫助完善部分工作，對自己負責，對公司負責，同事和公司才會對你負責，更看重你。

文章來源：站酷   作者：羅耀_系列

藍藍設(shè)計( www.yvirxh.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)

人類一切創(chuàng)造性活動和造物活動都可以稱為設(shè)計，這是從廣義角度去理解設(shè)計的定義。從狹義角度理解設(shè)計的定義，設(shè)計就是構(gòu)想和解決問題的過程。應(yīng)以人為本，通過系統(tǒng)化的方法滿足消費者的市場需求，進而產(chǎn)生功能價值與審美價值。

除了廣義與狹義的設(shè)計定義，處在不同時期不同的人站在的角度和立場均不同，產(chǎn)生的觀點是各抒己見，各不相同。在國內(nèi)考研只用采用其中一種定義就可以了，但知識是要去學習和理解的，這里我研讀了近100本書籍，把所有關(guān)于設(shè)計的定義都整理出來供大家學習與參考。

 

設(shè)計的定義

彼得·勞倫斯（美國設(shè)計學會創(chuàng)始人）：設(shè)計是一種手段，通過這種手段可以提高生活質(zhì)量，并能有效的滿足人類的需求

王受之教授：設(shè)計是把計劃、規(guī)劃、設(shè)想、解決問題的方式，通過視覺化的形式傳達出來的過程

《大不列顛百科詞典》（1786年 / 工業(yè)革命前）：設(shè)計指的是立體、色彩、結(jié)構(gòu)、輪廓、線條、形狀、比例、動態(tài)和審美方面的協(xié)調(diào)

 

《大不列顛百科詞典》（1976年 / 工業(yè)革命后）：設(shè)計常指擬定計劃的過程，又特指記在心中或者制作成草圖的具體計劃

6:19 STUDIO - slava balbek / Nata Kurylenko

 

《簡明不列顛百科全書》（1985年 / 中美編譯）：Design包含兩個層面，第一個層面指“心理上的計劃”，即計劃的思考與擬定計劃的過程；第二個層面指“藝術(shù)計劃”，即把計劃中的想法制成草圖的具體計劃。

 

《韋伯斯特大辭典》（名詞方面）：針對某一目的在腦中形成的規(guī)劃；根據(jù)對象預(yù)先所作出的模型；文學、戲劇作品的輪廓；音樂作品的框架；視覺藝術(shù)作品的線條、細節(jié)、外觀等方面的相互關(guān)系

 

《韋伯斯特大辭典》（動詞方面）：頭腦中的想象與計劃；策劃；創(chuàng)造功能；為了達到目的而進行的創(chuàng)造、規(guī)劃和計算；用商標、符號表達；對物象的描繪；零部件的形狀與配置

 

《牛津英文詞典》（1588年）：設(shè)計是由人所設(shè)想一種計劃，或是為了實現(xiàn)某物而做的綱要

6:19 STUDIO - slava balbek / Nata Kurylenko

《授予博士碩士學位和培養(yǎng)研究生的學科專業(yè)簡介》（1999年）：設(shè)計是一門多學科交叉的、實用性的藝術(shù)科學，其內(nèi)涵是按照文化藝術(shù)與科學技術(shù)相結(jié)合的規(guī)律，創(chuàng)造人類生活的物質(zhì)產(chǎn)品和精神產(chǎn)品的一門科學

 

柳冠中教授《工業(yè)設(shè)計學概論》：設(shè)計應(yīng)該被認為是一種方法論，應(yīng)提高‘一切人為事物’的角度來認識

 

李硯祖教授：設(shè)計是人類改變原有事物，使其變化、增益、更新、發(fā)展的創(chuàng)造性活動，設(shè)計是構(gòu)想和解決問題的過程，它涉及人類一切有目的的價值創(chuàng)造活動

 

尹定邦教授：設(shè)計其實就是人類把自己的意志加在自然界之上，用以創(chuàng)造人類文明的一種廣泛的活動，設(shè)計是一種文明

6:19 STUDIO - slava balbek / Nata Kurylenko

  

我國《高級漢語大詞典》：按照任務(wù)的目的和要求，預(yù)先設(shè)定好工作方案和計劃，繪制出為解決這個問題而設(shè)計的圖案

 

我國綜合字典《辭?！?/strong>：設(shè)計指“按照任務(wù)的目的和要求，預(yù)先定出工作方案和計劃，繪出圖樣，為解決這個問題而專門設(shè)計的圖案”

 

赫伯特·西蒙在《人工科學》書中的一段話：凡是以現(xiàn)存情形改變成向往情形，為目標而構(gòu)思行動方案的人都是在搞設(shè)計

6:19 STUDIO - slava balbek / Nata Kurylenko  

阿切爾：設(shè)計是圍繞目標的問題求解的活動

 

路甬祥：設(shè)計是在一定的約束條件下，最合理的滿足社會的需求

佩齊：設(shè)計是從客觀現(xiàn)實向未來可能富有想象力的跨越

6:19 STUDIO - slava balbek / Nata Kurylenko

 

保克：設(shè)計是獲得足夠把握前，對未來產(chǎn)品盡可能多地模仿

 

喬尼斯：設(shè)計是表達一種精粹信念的活動

 

里斯維克：設(shè)計是從無到有的創(chuàng)造，創(chuàng)造新的、有用的事物

 

 

考研知識

國內(nèi)的知識大多數(shù)采用國內(nèi)教育工作者對設(shè)計的定義，例如我們在網(wǎng)上查關(guān)于設(shè)計的定義，一般都會出現(xiàn)相同的搜索結(jié)果，也就是《現(xiàn)代漢語詞典》對設(shè)計的定義，即“在正式做某件工作之前，根據(jù)一定目的的要求，預(yù)先制定方法、圖樣等。

6:19 STUDIO - slava balbek / Nata Kurylenko

 

另外考研的知識點還有設(shè)計的核心內(nèi)容知識，包括以下三個階段；

第一階段 計劃，構(gòu)思的形成

第二階段 將計劃、構(gòu)思、設(shè)想、解決問題的方式利用視覺化的傳達方式表現(xiàn)出來，如圖紙、制作效果圖、模型等

第三階段 將設(shè)計的方案實施完成    

 

 

 

附加知識

以上指的設(shè)計的定義是不包含工程設(shè)計的，工程設(shè)計主要解決人造物（機械、設(shè)備、交通工具、建筑等等）中的物與物之間的關(guān)系，包括產(chǎn)品的內(nèi)部功能、結(jié)構(gòu)、傳動原理、組裝條件等。

工程設(shè)計主要是研究和實施建筑、城市、景觀設(shè)計與工業(yè)產(chǎn)品（建筑屬于工業(yè)）、造型設(shè)計、功能性設(shè)計、結(jié)構(gòu)設(shè)計、可靠性設(shè)計、生產(chǎn)工藝設(shè)計、生產(chǎn)系統(tǒng)集成設(shè)計等的工程技術(shù)領(lǐng)域，工程設(shè)計更注重產(chǎn)品的實施與落地。

6:19 STUDIO - slava balbek / Nata Kurylenko

工業(yè)設(shè)計就是對工業(yè)產(chǎn)品的使用方式、人機關(guān)系、外觀造型等做設(shè)計和定義的過程。他將產(chǎn)品的功能通過有型的方式創(chuàng)造性的體現(xiàn)，使得工業(yè)產(chǎn)品和人的適當?shù)?、高效的，甚至有情感的交流得以實現(xiàn)。是一種產(chǎn)品與人溝通的語言，是工業(yè)產(chǎn)品和人之間的重要紐帶，是用戶體驗的決定性組成部分。

文章中提到的設(shè)計是解決物與物關(guān)系的同時，更側(cè)重于解決物與人的關(guān)系問題，考慮產(chǎn)品對人的生理、心理的作用。因此設(shè)計是包含藝術(shù)審美同時又有科學技術(shù)的人文科學、社會科學相結(jié)合的藝術(shù)。

文章來源：站酷   作者：羅耀_系列

藍藍設(shè)計( www.yvirxh.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)