藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長(zhǎng)學(xué)習(xí)，請(qǐng)掃碼ben_lanlan，報(bào)下信息，會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請(qǐng)與我們聯(lián)系。

文章來(lái)源：站酷    作者：胖kuan 

分享此文一切功德，皆悉回向給文章原作者及眾讀者.

免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

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

我們毫無(wú)疑問(wèn)已經(jīng)處在一個(gè)大數(shù)據(jù)的時(shí)代。各行各業(yè)都在快速產(chǎn)生和積累數(shù)據(jù)。 本文結(jié)合 UED 團(tuán)隊(duì)過(guò)去所參與 B 端數(shù)據(jù)可視化項(xiàng)目分享一些經(jīng)驗(yàn)及思考。

• 背景
• 什么是數(shù)據(jù)可視化
• 數(shù)據(jù)可視化的應(yīng)用價(jià)值
• 如何做好數(shù)據(jù)可視化設(shè)計(jì)
• 數(shù)據(jù)可視化發(fā)展趨勢(shì)
• 結(jié)語(yǔ)

背景

“得益于計(jì)算機(jī)技術(shù)和海量數(shù)據(jù)庫(kù)的發(fā)展，個(gè)人在真實(shí)世界的活動(dòng)得到了前所未有的記錄……社會(huì)科學(xué)將脫下‘準(zhǔn)科學(xué)’的外衣， 在21世紀(jì)全面邁進(jìn)科學(xué)的殿堂?！? 雅虎首席科學(xué)家Duncan J. Watts

“大數(shù)據(jù)的影響，就像四個(gè)世紀(jì)前人類(lèi)發(fā)明的顯微鏡一樣……而大數(shù)據(jù)，將成為我們下一個(gè)觀察人類(lèi)自身社會(huì)行為的‘顯微鏡’。” – 麻省理工教授Erik Brynjolfsson

從數(shù)據(jù)，到海量數(shù)據(jù)，再到大數(shù)據(jù)，對(duì)人類(lèi)的做事和思維方式都有很大的影響。在《大數(shù)據(jù)時(shí)代：生活、工作與思維的大變革》一書(shū)中，作者歸納了大數(shù)據(jù)的三個(gè)特點(diǎn):

• 更多：不是隨機(jī)樣本，而是所有的數(shù)據(jù);
• 更雜：不是精確性，而是混雜性;
• 更好：不是因果關(guān)系，而是相關(guān)關(guān)系。 [1]

當(dāng)前對(duì)大數(shù)據(jù)的研究涉及計(jì)算機(jī)科學(xué)、數(shù)學(xué)、生物學(xué)等多個(gè)領(lǐng)域。大數(shù)據(jù)尤其是對(duì)數(shù)據(jù)存儲(chǔ)、數(shù)據(jù)挖掘等提出了重大挑戰(zhàn)。而數(shù)據(jù)可視化也將在大數(shù)據(jù)時(shí)代扮演一個(gè)重要的角色。數(shù)據(jù)可視化可以將紛繁復(fù)雜的大數(shù)據(jù)集、晦澀難懂的數(shù)據(jù)報(bào)告變得直觀易讀、易于理解，通過(guò)圖表將雜亂的數(shù)據(jù)進(jìn)行科學(xué)有序的呈現(xiàn)，使用戶找到數(shù)據(jù)的變化規(guī)律以及潛在價(jià)值，幫助用戶作出決策。就數(shù)據(jù)可視化的應(yīng)用來(lái)看，應(yīng)用范圍極其廣泛，如政府應(yīng)用、商業(yè)決策、公共服務(wù)等等。

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

顧名思義，數(shù)據(jù)可視化就是將數(shù)據(jù)轉(zhuǎn)換成圖或表等形式，以一種更直觀的方式呈現(xiàn)數(shù)據(jù)。通過(guò)可視化的方式，我們可以將大量復(fù)雜的數(shù)據(jù)通過(guò)圖形化的手段進(jìn)行有效地表達(dá)，幫助用戶發(fā)現(xiàn)規(guī)律和特征，發(fā)掘數(shù)據(jù)背后的價(jià)值。

圖 1 @Marco Zemolin Siresia Bagnoli

數(shù)據(jù)可視化的應(yīng)用價(jià)值

1. 易于理解，有利于發(fā)現(xiàn)信息特征

使用可視化的方式來(lái)表達(dá)復(fù)雜的數(shù)據(jù)，可以確保對(duì)關(guān)系的理解要比那些混亂的報(bào)告或電子表格更快。通過(guò)圖形化的表現(xiàn)方式，我們可以以清晰和連貫的方式解釋大量的數(shù)據(jù)，從而讓我們理解數(shù)據(jù)，得出結(jié)論。

案例：流媒體平臺(tái)節(jié)目數(shù)量的變化

以下圖為例，當(dāng)用戶希望了解 2011 至 2020 下圖四大流媒體平臺(tái)節(jié)目的數(shù)量變化情況時(shí)，以表格方式呈現(xiàn)效果如下圖：

未經(jīng)可視化設(shè)計(jì)的表格數(shù)據(jù)圖

如果通過(guò)可視化設(shè)計(jì)處理后效果如下圖：

經(jīng)可視化設(shè)計(jì)后的數(shù)據(jù)圖

在這個(gè)案例中，我們可以看到，通過(guò)文字信息表達(dá)的方式，所有的數(shù)據(jù)在文字信息的表達(dá)中都只是零散的個(gè)體，我們很難在短時(shí)間內(nèi)對(duì)列舉數(shù)據(jù)有一個(gè)大致的了解，更不用說(shuō)發(fā)現(xiàn)特征得到結(jié)論了；而在可視化表達(dá)中則不同，所有的元數(shù)據(jù)通過(guò)圖表形成一個(gè)整體，數(shù)字信息被轉(zhuǎn)化為視覺(jué)信息，通過(guò)可視化圖表，通過(guò)觀察點(diǎn)的位置和顏色即可感知到數(shù)據(jù)的差異，原本需要通過(guò)計(jì)算數(shù)字大小完成的對(duì)比，變成了肉眼可見(jiàn)的點(diǎn)的顏色與間距對(duì)比，我們可以迅速了解到近十年四大流媒體平臺(tái)每年節(jié)目數(shù)量、每年不同平臺(tái)節(jié)目數(shù)量的對(duì)比以及各個(gè)流媒體平臺(tái)節(jié)目數(shù)量的增長(zhǎng)趨勢(shì)等。

2. 將數(shù)據(jù)轉(zhuǎn)化為更具吸引力的故事

據(jù)研究發(fā)現(xiàn)：人腦處理圖片信息的速度顯著快于處理文字信息，例如一篇 300 字的小故事，看一遍需要數(shù)十秒，而轉(zhuǎn)化成圖片后則只需要一眼即可記在腦海里。

這表明，在信息的類(lèi)型中，人腦對(duì)圖片信息的接收和處理效率遠(yuǎn)高于文字信息。而數(shù)據(jù)可視化則可以將數(shù)據(jù)通過(guò)可視化的方式轉(zhuǎn)化一個(gè)以圖片形式展示的故事，幫助用戶快速接收、處理信息，激發(fā)用戶聯(lián)想并產(chǎn)生情感共鳴。

案例一：新冠病毒如何通過(guò)空氣傳播

隨著新冠疫情在全球各個(gè)地區(qū)的蔓延，如何做好疫情防控已經(jīng)成為了每個(gè)民眾的頭等大事 。Mariano 和 Javier 用可視化的方式生動(dòng)形象地傳達(dá)了新冠病毒是如何通過(guò)空氣傳播的以及可以通過(guò)哪些措施來(lái)降低傳染風(fēng)險(xiǎn)。

圖 2 @Mariano & Javier

案例二：在敘利亞，誰(shuí)和誰(shuí)戰(zhàn)斗？

許多不同的團(tuán)體之間的關(guān)系可能很難理解 – 尤其是當(dāng)有11個(gè)這樣的團(tuán)體存在的時(shí)候，這些團(tuán)體之間有的結(jié)盟，有的敵對(duì)，這讓人難以理解。但是，Joshua Keating 和Chris Kirk通過(guò)表格的形式和熟悉的視覺(jué)效果和色彩，將這些數(shù)據(jù)簡(jiǎn)化為一種簡(jiǎn)單的、易于理解和可互動(dòng)的形式，讓人們可以輕松了解這些團(tuán)體之間的關(guān)系和故事

圖 3 @Joshua Keating and Chris Kirk

3. 幫助人們作出決策，加快決策過(guò)程

現(xiàn)實(shí)生活中大部分的人是視覺(jué)學(xué)習(xí)者，他們傾向于在與視覺(jué)元素相關(guān)聯(lián)的情況下進(jìn)行學(xué)習(xí)并與信息互動(dòng)。[2] 人類(lèi)大腦識(shí)別并理解一張圖像最快僅需 13 毫秒。[3] 因此，相比起閱讀和理解文本，大部分人更容易通過(guò)圖表或其他可視化形式來(lái)理解數(shù)據(jù)，合理的數(shù)據(jù)可視化設(shè)計(jì)可以提高他們作出決策的速度。

圖 4 @Bea Vaquero

如何做好 B 端數(shù)據(jù)可視化設(shè)計(jì)

1. 明確客戶需求

設(shè)計(jì)師在設(shè)計(jì)數(shù)據(jù)可視化項(xiàng)目的開(kāi)始階段應(yīng)該盡量與客戶進(jìn)行深入溝通，確定他們的業(yè)務(wù)訴求，也可以理解為確定客戶的初衷與目的，從企業(yè)客戶對(duì)數(shù)據(jù)可視化的需求看來(lái)，通常會(huì)有兩種類(lèi)型：

• 側(cè)重于匯報(bào)展示，主要用途是為了對(duì)外宣傳、對(duì)內(nèi)展示等，對(duì)于這類(lèi)需求，設(shè)計(jì)時(shí)可強(qiáng)化視覺(jué)效果的呈現(xiàn)，對(duì)數(shù)據(jù)進(jìn)行場(chǎng)景化設(shè)計(jì)，嘗試讓數(shù)據(jù)以一種新的載體，有趣的互動(dòng)等形式結(jié)合展現(xiàn)。
• 側(cè)重于數(shù)據(jù)分析和協(xié)助決策，對(duì)于這類(lèi)需求，一定要清晰了解需求方的業(yè)務(wù)內(nèi)容和重點(diǎn)指標(biāo)，重點(diǎn)關(guān)注數(shù)據(jù)的維度、種類(lèi)、數(shù)量等信息，視效設(shè)計(jì)上應(yīng)該優(yōu)先滿足業(yè)務(wù)訴求。

明確客戶訴求，通過(guò)設(shè)計(jì)手段幫助客戶達(dá)成目標(biāo)，這才是 B 端數(shù)據(jù)可視化設(shè)計(jì)的關(guān)鍵所在。只有當(dāng)我們了解客戶的需要，我們才能快速推導(dǎo)產(chǎn)品結(jié)構(gòu)、關(guān)鍵數(shù)據(jù)、視效風(fēng)格等信息。

圖 5 @Daria

2. 確定關(guān)鍵指標(biāo)與優(yōu)先級(jí)

關(guān)鍵指標(biāo)是對(duì)一組或者一系列數(shù)據(jù)的統(tǒng)稱。一般情況下，一個(gè)指標(biāo)在屏幕上獨(dú)占一塊區(qū)域，所以通過(guò)關(guān)鍵指標(biāo)定義，我們就知道數(shù)據(jù)大屏上大概會(huì)顯示哪些內(nèi)容以及數(shù)據(jù)大屏?xí)环譃閹讐K。

那么關(guān)鍵指標(biāo)的選取依據(jù)是什么呢？我個(gè)人認(rèn)為主要還是依據(jù)客戶訴求，數(shù)據(jù)可視化的最終目的就是幫助客戶達(dá)成業(yè)務(wù)目標(biāo)。需要思考的是，哪些數(shù)據(jù)通過(guò)何種呈現(xiàn)方式能夠幫助客戶解決問(wèn)題、達(dá)到目的、滿足他們的期望，選擇出一系列關(guān)鍵指標(biāo)。

對(duì)于這些選取出來(lái)的關(guān)鍵指標(biāo)，我們需要對(duì)其進(jìn)行優(yōu)先級(jí)的排列，一般來(lái)說(shuō)，主要指標(biāo)能夠呈現(xiàn)業(yè)務(wù)的主要邏輯，一般放在顯眼位置，用重點(diǎn)元素標(biāo)識(shí)；次要指標(biāo)圍繞主要信息進(jìn)一步闡述；輔助指標(biāo)是對(duì)主要信息的補(bǔ)充，一般放在非核心區(qū)域，或者二級(jí)結(jié)構(gòu)中。

通過(guò)合理優(yōu)化關(guān)鍵指標(biāo)并進(jìn)行優(yōu)先級(jí)排列，能夠保證數(shù)據(jù)可視化的核心設(shè)計(jì)的重點(diǎn)，避免數(shù)據(jù)空洞散亂。

3. 合理使用數(shù)據(jù)圖表

在選擇圖表展示相關(guān)數(shù)據(jù)指標(biāo)時(shí)我們要思考各個(gè)指標(biāo)的主要呈現(xiàn)，更進(jìn)一步的講，是我們想通過(guò)可視化表達(dá)怎樣的信息。下面這張圖就清晰告知了我們?nèi)绾螐臄?shù)據(jù)的展示目的出發(fā)，選擇合適的可視化方式來(lái)呈現(xiàn)數(shù)據(jù)。

圖 6 翻譯自@Stephen Few

4. 合理進(jìn)行頁(yè)面布局

數(shù)據(jù)可視化頁(yè)面布局的設(shè)計(jì)是相對(duì)靈活的，為了保證數(shù)據(jù)呈現(xiàn)最佳效果需要結(jié)合實(shí)際需求來(lái)合理規(guī)劃。關(guān)注核心數(shù)據(jù)的比例和位置，橫向布局最為常見(jiàn)（人眼的水平運(yùn)動(dòng)比垂直運(yùn)動(dòng)快，會(huì)先注意水平方向的事物），核心數(shù)據(jù)場(chǎng)景劃分在中心位置，占較大面積；其余的指標(biāo)按優(yōu)先級(jí)遵循人們的瀏覽習(xí)慣在核心指標(biāo)周?chē)来握归_(kāi)。將類(lèi)型相近的指標(biāo)放一起，這樣能減少觀者認(rèn)知上的負(fù)擔(dān)并提高信息傳遞的效率。

@布局設(shè)計(jì)案例

5. 制定設(shè)計(jì)方向

在定義設(shè)計(jì)風(fēng)格的階段，從項(xiàng)目背景出發(fā)，綜合行業(yè)類(lèi)型、產(chǎn)品定位、品牌傳播等因素，提取關(guān)鍵信息，構(gòu)建設(shè)計(jì)框架。

數(shù)據(jù)可視化的設(shè)計(jì)風(fēng)格主要根據(jù)客戶要求、行業(yè)特性、數(shù)據(jù)指標(biāo)等因素決定。通常我們很容易看到的可視化設(shè)計(jì)以深色為主，是因?yàn)橄啾扔跍\色基調(diào)，深色背景設(shè)計(jì)能夠有效緩解視覺(jué)疲勞，其次深色設(shè)計(jì)能夠更好地營(yíng)造對(duì)比差異以及數(shù)據(jù)層級(jí)，再者深色設(shè)計(jì)更容易呈現(xiàn)豐富的動(dòng)態(tài)效果，營(yíng)造出強(qiáng)烈的空間感等。配色的設(shè)計(jì)使用應(yīng)該充分考慮項(xiàng)目背景以及項(xiàng)目屬性，例如黨政機(jī)關(guān)類(lèi)項(xiàng)目會(huì)慎重考慮用色，應(yīng)當(dāng)確保設(shè)計(jì)嚴(yán)肅，莊重。

數(shù)據(jù)可視化的設(shè)計(jì)除了對(duì)數(shù)據(jù)進(jìn)行合理設(shè)計(jì)，還需要注重場(chǎng)景感的塑造，例如，我們通過(guò)場(chǎng)景化設(shè)計(jì)可以讓某大數(shù)據(jù)平臺(tái)成為大型“圖書(shū)館”，查看數(shù)據(jù)的過(guò)程就跟圖書(shū)館看書(shū)一致，場(chǎng)景化設(shè)計(jì)的優(yōu)勢(shì)是能夠讓用戶能夠以一種具象的互動(dòng)方式來(lái)理解十分抽象的業(yè)務(wù)數(shù)據(jù)，當(dāng)然合理的構(gòu)建動(dòng)態(tài)數(shù)據(jù)效果能夠讓數(shù)據(jù)具備“生命力”。

圖 7 @Gan Gryc

6. 設(shè)計(jì)對(duì)比

除了尺寸和位置，我們還可以通過(guò)配色來(lái)突出數(shù)據(jù)。

無(wú)論是通過(guò)顏色或形狀對(duì)比設(shè)計(jì)，容易產(chǎn)生強(qiáng)烈的視覺(jué)沖擊力。

圖 8 @Bureau Oberhaeuser

利用明度的對(duì)比，我們可以用深色烘托鮮明的色彩，或者用鮮明的色彩襯托某一塊暗沉的色彩，亮色靠附近的暗色襯托顯得更加鮮明，其色彩特征表現(xiàn)得更加充分；

圖 9 @Zoey Shen

正確的對(duì)數(shù)據(jù)進(jìn)行配色，讓數(shù)據(jù)傳遞出的信息更清楚、更明白，例如國(guó)內(nèi) A 股，紅色代表漲，綠色代表跌（美股綠漲紅跌）如果給國(guó)內(nèi)的股票、金融等相關(guān)客戶做數(shù)據(jù)可視化設(shè)計(jì)時(shí)，需要避免不同地區(qū)文化所產(chǎn)生的差異。

圖 10 @Dima Groshev

7. 選擇 2D or 3D?

隨著數(shù)字孿生概念的火熱，越來(lái)越多的企業(yè)熱衷于打造自己的 3D 數(shù)據(jù)可視化產(chǎn)品，那么 3D 可視化就一定比 2D 強(qiáng)嗎？

數(shù)據(jù)可視化設(shè)計(jì)本身就是為了高效傳達(dá)數(shù)據(jù)信息而服務(wù)的，相比平面呈現(xiàn)，3D 最大的優(yōu)勢(shì)在于多了空間維度，適合那些需要跟空間結(jié)合的數(shù)據(jù)呈現(xiàn)，例如地理信息、建筑樓宇、工業(yè)生產(chǎn)等場(chǎng)景。那么 3D 數(shù)據(jù)可視化相比 2D 就一定能夠展示更多的信息嗎，顯然不是絕對(duì)的；需要根據(jù)實(shí)際業(yè)務(wù)需求出發(fā)。

通常我們所說(shuō)的數(shù)據(jù) 3D 可視化，就是把大量復(fù)雜抽象的數(shù)據(jù)信息，通過(guò) 3D 模型以視覺(jué)方式呈現(xiàn)出來(lái)，幫助人們理解和分析數(shù)據(jù)。相比于數(shù)據(jù) 2d 可視化，數(shù)據(jù) 3d 可視化具有以下的優(yōu)勢(shì)：

• 展示空間相關(guān)的數(shù)據(jù)，因?yàn)榭臻g數(shù)據(jù)具有三個(gè)維度，如果想要將其以視覺(jué)方式直觀呈現(xiàn)出來(lái)，就必須要借助 3d 模型。例如顯示一棟大樓不同樓層的人員分布情況，此時(shí)只有 3D 數(shù)據(jù)可視化能夠幫助我們達(dá)到目標(biāo)；
• 視覺(jué)沖擊力更強(qiáng)，相比于 3D 可視化從視覺(jué)上表現(xiàn)力更強(qiáng)；
• 場(chǎng)景/對(duì)象仿真，在一些需要高度仿真的項(xiàng)目，例如與軍事、地理勘測(cè)相關(guān)的項(xiàng)目中，數(shù)據(jù) 3D 可視化就不可或缺了，無(wú)論宏觀態(tài)勢(shì)還是細(xì)微結(jié)構(gòu)的精密運(yùn)行，數(shù)據(jù) 3d 可視化都可以將相關(guān)信息清晰呈現(xiàn)給使用者，將真實(shí)的環(huán)境、對(duì)象搬到屏幕上，降低使用者的認(rèn)知成本。

在一個(gè)實(shí)際的數(shù)據(jù)可視化產(chǎn)品項(xiàng)目中，有必要應(yīng)用 3D 數(shù)據(jù)可視化的情形；

• 需要展示多維空間數(shù)據(jù)
• 需要通過(guò)對(duì)場(chǎng)景/對(duì)象進(jìn)行仿真，減少使用者的認(rèn)知成本和學(xué)習(xí)成本
• 需要依靠 3D 效果來(lái)提升視覺(jué)沖擊力

相比 2D，3D 的設(shè)計(jì)與開(kāi)發(fā)成本相對(duì)較高；其次 3D 場(chǎng)景會(huì)容易產(chǎn)生視角遮擋以及操作成本等問(wèn)題，那么從實(shí)際項(xiàng)目出發(fā)合理選擇才是最重要的。

亞信數(shù)字樓宇@PRD MO UED

8. 設(shè)計(jì)還原

設(shè)計(jì)稿完成了并不代表設(shè)計(jì)師在這個(gè)項(xiàng)目中的工作就結(jié)束了，在后續(xù)的開(kāi)發(fā)工作中，設(shè)計(jì)師還要與開(kāi)發(fā)人員合作，減少上線產(chǎn)品與設(shè)計(jì)稿的差異。

這個(gè)階段的工作也并非聽(tīng)上去那么容易，尤其是 3D 可視化設(shè)計(jì)，我們會(huì)使用相關(guān) 3D 工具制作設(shè)計(jì)效果，但 3D 設(shè)計(jì)工具與最終開(kāi)發(fā)引擎存在著色、渲染等差異；在這個(gè)時(shí)候我們需要靈活運(yùn)用開(kāi)發(fā)引擎特性，提供對(duì)應(yīng)的美術(shù)資源。作為設(shè)計(jì)師同樣需要了解相關(guān)引擎著色器知識(shí)，幫助設(shè)計(jì)效果實(shí)現(xiàn)同時(shí)也提升對(duì)接效率。

亞信數(shù)字樓宇@PRD MO UED

9. 調(diào)優(yōu)與測(cè)試

測(cè)試客戶終端上線是否正常，有無(wú)適配所造成的兼容性問(wèn)題；排查有無(wú)視效及體驗(yàn)問(wèn)題，同時(shí)也要考慮極端場(chǎng)景下所產(chǎn)生的問(wèn)題及應(yīng)對(duì)方案。

對(duì)于大型 3D 可視化場(chǎng)景會(huì)存在性能卡頓，加載緩慢等問(wèn)題，在保證視效基礎(chǔ)上盡可能壓縮相關(guān)美術(shù)資源，減少不必要的效果計(jì)算和內(nèi)存占用量，根據(jù)實(shí)時(shí)效果需要不斷優(yōu)化性能提升產(chǎn)品體驗(yàn)度。

數(shù)據(jù)可視化發(fā)展趨勢(shì)

趨勢(shì)一：數(shù)據(jù)可視化 ╳ AI人工智能

隨著企業(yè)發(fā)展數(shù)據(jù)量日益龐大，通過(guò)人腦分析復(fù)雜數(shù)據(jù)變得越來(lái)越困難，我們需要借助 AI 人工智能的幫助。AI 人工智能可以通過(guò)強(qiáng)大的算法快速識(shí)別分析數(shù)據(jù)，為企業(yè)節(jié)省了寶貴的時(shí)間和資源，目前人工智能已經(jīng)被廣泛應(yīng)用于醫(yī)療保健服務(wù)、銷(xiāo)售、供應(yīng)鏈、客戶分析和欺詐預(yù)防的數(shù)據(jù)可視化項(xiàng)目中。

IBM 數(shù)據(jù)可視化專家 Mauro Martino 創(chuàng)建的儀表板，允許用戶可視化新聞中出現(xiàn)的主題

趨勢(shì)二：數(shù)據(jù)可視化 ╳ XR

AR 和 VR 技術(shù)的應(yīng)用可以增強(qiáng)數(shù)據(jù)在空間上的感知，從而幫助人們更好地使用數(shù)據(jù)。通過(guò)結(jié)合 VR、AR 技術(shù)，用戶能夠更好，更快地理解、分析數(shù)據(jù)。最近進(jìn)行的許多研究表明，VR 和 AR 具有較強(qiáng)的感官體驗(yàn)，可以促進(jìn)更快的學(xué)習(xí)和理解。幫助用戶對(duì)業(yè)務(wù)問(wèn)題進(jìn)行多維度的分析，并更快速地找到解決方案。

圖 11 LM9000@5puj47980xk

趨勢(shì)三：數(shù)據(jù)可視化 ╳ 實(shí)時(shí)數(shù)據(jù)

在數(shù)字時(shí)代，事物變化很快，企業(yè)需要對(duì)數(shù)據(jù)告訴他們的信息做出快速反應(yīng)——正因?yàn)槿绱?，?shí)時(shí)可視化數(shù)據(jù)比以往任何時(shí)候都更重要。

在 COVID-19 大流行期間，企業(yè)能夠迅速作出反應(yīng)更加重要。各國(guó)政府和衛(wèi)生當(dāng)局已經(jīng)使用實(shí)時(shí)數(shù)據(jù)可視化來(lái)跟蹤感染情況并據(jù)此進(jìn)行調(diào)整。越來(lái)越多的公司正在將實(shí)時(shí)數(shù)據(jù)集成到他們的產(chǎn)品中。

實(shí)時(shí)數(shù)據(jù)可視化可以采取一些簡(jiǎn)單的形式，如實(shí)時(shí)更新的折線圖或使用新信息(如銷(xiāo)售)快速更新的交互式地圖。

圖 13 @Esri & The Science of Where Podcast

趨勢(shì)四：數(shù)據(jù)可視化 ╳ 全面體驗(yàn)設(shè)計(jì)

以用戶體驗(yàn)為核心的數(shù)據(jù)可視化設(shè)計(jì)是一種重要趨勢(shì)，將用戶放在第一位，然后是數(shù)據(jù)。無(wú)論處在哪個(gè)行業(yè)，設(shè)計(jì)師都應(yīng)該遵循類(lèi)似的思考過(guò)程，從思考用戶需求及其痛點(diǎn)開(kāi)始, 用戶正在嘗試解決哪些問(wèn)題，以及他們面臨哪些可能的困難？他們需要什么信息和功能來(lái)解決這些問(wèn)題？我們?nèi)绾我宰罴逊绞綖樗麄兇蛟鞌?shù)據(jù)可視化？

最新的趨勢(shì)之一是將用戶的工作流與可行的見(jiàn)解、建議、預(yù)測(cè)以及針對(duì)當(dāng)前任務(wù)或決策的最佳后續(xù)操作合并，幫助用戶進(jìn)一步鉆研數(shù)據(jù)并發(fā)現(xiàn)模式、趨勢(shì)和相關(guān)性。

結(jié)語(yǔ)

數(shù)據(jù)可視化是一門(mén)同時(shí)結(jié)合了科學(xué)和藝術(shù)的復(fù)雜學(xué)科，其核心意義在于清晰的敘述和藝術(shù)化的呈現(xiàn)，這些需要依靠數(shù)據(jù)工程師和設(shè)計(jì)師的精心策劃而不是僅僅考慮如何實(shí)現(xiàn)炫酷的效果 ，只有最終達(dá)到幫助用戶理解數(shù)據(jù)和做出決策的目標(biāo)，才能發(fā)揮它巨大的價(jià)值和無(wú)限的潛力。

文章來(lái)源：優(yōu)設(shè) 作者：AsiaInfo Design

分享此文一切功德，皆悉回向給文章原作者及眾讀者.

免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

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

語(yǔ)言交流是人類(lèi)的本能，近幾年語(yǔ)音交互的迅速崛起讓產(chǎn)品更加人性化了。然而即使不考慮技術(shù)限制，人與機(jī)器的互動(dòng)也不是只有聽(tīng)或說(shuō)單一模態(tài)的，因?yàn)檫@不符合我們的自然交流。目前，在居家場(chǎng)景中，用戶與電視的交互依然是對(duì)眾多信息-圖像、語(yǔ)音、觸感-的同時(shí)處理，它們分別對(duì)應(yīng)著觀看、聽(tīng)說(shuō)和必要的遙控器操作。對(duì)UX設(shè)計(jì)師而言，如何讓電視端同時(shí)承載這樣多的感知設(shè)計(jì)是值得思考的。

語(yǔ)音體驗(yàn)設(shè)計(jì)是一個(gè)很大的系統(tǒng)，從用研、功能、內(nèi)容到交互、技術(shù)實(shí)現(xiàn)等等，而GUI的展示只是一種輔助模態(tài)。今天我想探討的是如何結(jié)合GUI與VUI展開(kāi)界面設(shè)計(jì)。

文章分兩個(gè)部分：電視端VUI的搭建和一次改版迭代。

目錄

1. VUI的構(gòu)成

2. 改版需求

3. 界面改版

4. 設(shè)計(jì)驗(yàn)證

1. VUI的構(gòu)成

“Voice User Interface (or VUI) is an interaction model where a human interacts with a machine and performs a set of tasks at least in part by using voice.”

 <Voice User Interface Design>

1.1 定義

VUI：是一種交互模態(tài)，讓人能夠或多或少通過(guò)語(yǔ)音交互與機(jī)器共同完成一系列任務(wù)；

領(lǐng)域：是將用戶想要完成的任務(wù)分為一些大的類(lèi)型，比如視頻領(lǐng)域、音樂(lè)領(lǐng)域、百科領(lǐng)域等；

意圖：指某領(lǐng)域下的具體任務(wù)，比如視頻領(lǐng)域下的“我想看某部電影”，即為影視搜索意圖。

1.2 場(chǎng)景示例

小明：“給我推薦點(diǎn)美劇”；

電視：“看看這些有沒(méi)有你喜歡的”，并推送一些熱門(mén)美??；

小明：考慮了一會(huì)兒....說(shuō)“風(fēng)騷律師吧”；

電視：起播《風(fēng)騷律師》。

在這個(gè)故事中，除了眾所周知的VUI應(yīng)具備的基礎(chǔ)功能-聽(tīng)和說(shuō)-以外，我們還需要定義更完整的體驗(yàn)流程：

1. 小明如何開(kāi)啟與電視的對(duì)話？因?yàn)殡娨暀C(jī)不能一直處于聆聽(tīng)狀態(tài)，那樣很可能會(huì)識(shí)別用戶無(wú)意圖的語(yǔ)言，從而誤響應(yīng)。
2. 電視端應(yīng)該以什么方式推薦美??？如果只一個(gè)個(gè)播報(bào)片名，小明會(huì)記不住。

3. 推薦幾部合適？隔空喊話的情況下（遠(yuǎn)場(chǎng)語(yǔ)音，下圖解釋），最好不需要再用遙控器翻頁(yè)。

4. 如果小明問(wèn)的是其他領(lǐng)域問(wèn)題，比如天氣、歌曲、球賽等，對(duì)應(yīng)的媒體資源會(huì)涉及到多樣化的信息類(lèi)型，如圖形、音頻等。不僅要統(tǒng)一設(shè)計(jì)風(fēng)格，還要為未來(lái)可能支持的新領(lǐng)域/新意圖預(yù)留承載框架。

5. 如果小明的詢問(wèn)得到了錯(cuò)誤答復(fù)，或者一直未被答復(fù)，除了技術(shù)上提高識(shí)別率和語(yǔ)義理解程度，該怎么緩解用戶的茫然和憤怒情緒？

6. 當(dāng)小明問(wèn)了一個(gè)問(wèn)題，不被理解，但換個(gè)問(wèn)法卻成功理解。如何教會(huì)小明盡可能一次就做出能被識(shí)別的表達(dá)？

7. 我們能支持幾十個(gè)領(lǐng)域、幾百種意圖，怎樣能讓小明知道一共有哪些？ 

8. 如何結(jié)束對(duì)話，以免電視一直聆聽(tīng)造成誤識(shí)別？

9. ......

為了回答以上問(wèn)題，我們經(jīng)過(guò)大量的模擬對(duì)話、競(jìng)品分析和demo體驗(yàn)，從而定義了電視端VUI的交互流程和組成模塊：

1.3 交互流程

喚起、聆聽(tīng)、思考、反饋、退出：

電視端的語(yǔ)音有三種對(duì)話狀態(tài)：

1. 單輪對(duì)話：每說(shuō)一句話都需要喚起一次語(yǔ)音；

2. 多輪對(duì)話：一次喚起，多輪對(duì)話，但輪數(shù)受限于領(lǐng)域范圍；

3. 全雙工模式：一次喚起，多輪對(duì)話，輪數(shù)不限。

圖源網(wǎng)絡(luò)

1.4 GUI模塊

這是本文重點(diǎn)描述的部分，電視端的GUI包括：

1. 狀態(tài)指示動(dòng)畫(huà)：告知用戶當(dāng)前狀態(tài)；

2. 提示詞條：提示用戶有哪些說(shuō)法；

3. 用戶指令：用戶說(shuō)法的文字識(shí)別結(jié)果，它讓人知道自己說(shuō)的話是否被正確識(shí)別，若出了錯(cuò)，用戶就知道原來(lái)是錯(cuò)在這一環(huán)節(jié)；

4. 電視答復(fù)：文字+音頻；

5. 內(nèi)容展示：所有媒資內(nèi)容的呈現(xiàn)，如果沒(méi)有，則不展示。比如，天氣需要展示圖像，而交通限行用一句話回答即可。

舊版設(shè)計(jì)方案概覽：

語(yǔ)音GUI分為兩塊：語(yǔ)音基礎(chǔ)界面（必須）和內(nèi)容展示區(qū)（可選），基礎(chǔ)界面包括上圖中的1234內(nèi)容。

2. 改版需求

上圖效果是從17年逐漸搭建起來(lái)的框架，隨著需求增多、不同設(shè)計(jì)師的參與，設(shè)計(jì)越來(lái)越碎片。從易用性、視覺(jué)、開(kāi)發(fā)維護(hù)難度和新功能兼容上，都存在很多問(wèn)題：

2.1 設(shè)計(jì)目標(biāo)

1. 布局調(diào)整

由于電視用戶使用最多、最重要的功能是觀看影視，所以優(yōu)先考慮視頻領(lǐng)域。因此布局調(diào)整的優(yōu)先順序是：基礎(chǔ)界面>視頻領(lǐng)域>其他領(lǐng)域。

2. 建立視覺(jué)規(guī)范

建立原子化設(shè)計(jì)規(guī)范：配色方案、文字、間距、圓角、圖標(biāo)，以及可復(fù)用和拓展的組件、模版。

3. 統(tǒng)一狀態(tài)動(dòng)效

將上文的5種基礎(chǔ)狀態(tài)結(jié)合全雙工狀態(tài)統(tǒng)一設(shè)計(jì)，并為未來(lái)可能開(kāi)發(fā)的主動(dòng)提示等狀態(tài)，預(yù)留一席之地。

3. 界面改版

3.1 語(yǔ)音基礎(chǔ)界面

經(jīng)過(guò)競(jìng)品分析，窮舉了7種可能的布局方式：

這么多的優(yōu)缺點(diǎn)該如何取舍？我們將痛點(diǎn)歸類(lèi)，并根據(jù)通用的交互原則排列了優(yōu)先級(jí)：

最后決定用B1-底部長(zhǎng)矩形，但設(shè)計(jì)UI時(shí)需要借鑒B2那樣增加一點(diǎn)漸變過(guò)渡。而針對(duì)B1的痛點(diǎn)，需要重新設(shè)計(jì)小面積狀態(tài)指示動(dòng)畫(huà)，并定義好低欄左側(cè)的識(shí)別文字與右側(cè)的提示詞條之間間距，從技術(shù)上，我們能做到跟進(jìn)用戶說(shuō)話和播報(bào)內(nèi)容，說(shuō)一句、展示一句。

3.2 內(nèi)容展示區(qū)－視頻領(lǐng)域

電視端就像是一塊自由發(fā)揮的大畫(huà)布。視頻海報(bào)的擺放，得從幾個(gè)方面考慮：

1. 背景占比：半屏、全屏、半屏至全屏；

2. 導(dǎo)航方式：宮格（我們的海報(bào)尺寸是可以統(tǒng)一的，所以不考慮瀑布流，此階段也沒(méi)有專題分類(lèi)，無(wú)需考慮tab欄和泳道欄）；

3. 海報(bào)方向：橫幅、豎幅；

4. 展示數(shù)量：是否超過(guò)一頁(yè)、海報(bào)尺寸。

市面上的競(jìng)品就有這幾種方案：

行為數(shù)據(jù)顯示，我們用戶的視頻意圖分兩種：明確自己想看什么－“播放陳情令”，和不明確目標(biāo)、向電視尋求推薦－“推薦點(diǎn)古裝劇”。我們分別稱為普通推薦和個(gè)性化推薦。由于前者在大多數(shù)情況下內(nèi)容較少，所以用半屏，后者則用全屏。由于視頻會(huì)單獨(dú)設(shè)計(jì)一個(gè)APP，故最后定的普推和個(gè)推的坑位都是十張：

3.3 內(nèi)容展示區(qū)－其他領(lǐng)域

上面確定了視頻領(lǐng)域，而其他幾十個(gè)領(lǐng)域的信息，同所有平面設(shè)計(jì)的信息一樣，都是文字、圖片、圖標(biāo)的排列組合，可以把它們按照原子化設(shè)計(jì)系統(tǒng)，從分子到模版逐步搭建：

這樣的結(jié)構(gòu)，能確保20多個(gè)帶內(nèi)容的領(lǐng)域都能從中找到對(duì)應(yīng)的排列方式，模版如下表。這里看起來(lái)可能比較抽象，可以先看后面的UI效果圖再回來(lái)看這里。

3.4 內(nèi)容展示區(qū)－背景

實(shí)際界面中，內(nèi)容可能會(huì)以前面的任何一種排列形式出現(xiàn)，給較少的內(nèi)容使用大背景是浪費(fèi)，反過(guò)來(lái)則擁擠雜亂，故不同內(nèi)容需要不同的背景。依然還是窮舉了5種背景待選擇：

1. 卡片 

2. 懸空半透明容器

3. 半屏羽化背景

4. 半屏實(shí)心背景

5. 全屏背景

按照痛點(diǎn)的優(yōu)先級(jí)打分：

可見(jiàn)方案d-半屏實(shí)心背景最佳，但它最適合內(nèi)容量級(jí)為中等的情況。所以我們考慮了是否也采用卡片和全屏來(lái)適應(yīng)內(nèi)容過(guò)少和過(guò)多的情況。最后結(jié)論是：只采用方案d和e，舍棄a，因?yàn)閐的背景高度可以隨內(nèi)容的多寡而變化。這樣以來(lái)，設(shè)計(jì)就不會(huì)很碎片化了。

3.5 設(shè)計(jì)規(guī)范與效果圖

到這里，已經(jīng)確定了語(yǔ)音基礎(chǔ)界面（低欄）、各領(lǐng)域信息排列方式和背景。接下來(lái)就像搭積木把它們組合起來(lái)，這一步重點(diǎn)考慮的是內(nèi)容是否上焦點(diǎn)和翻頁(yè)，這需要根據(jù)具體領(lǐng)域的資源參數(shù)和使用場(chǎng)景甄別。

正好在做這個(gè)項(xiàng)目時(shí)，我們電視端的視覺(jué)規(guī)范也在完善中，所以焦點(diǎn)色、文字、柵格等規(guī)范是直接從規(guī)范庫(kù)搬過(guò)來(lái)的。

實(shí)際效果：（抱歉GIF原圖太大了，只好展示一小截。手機(jī)拍攝有一點(diǎn)色差，實(shí)際的色彩還原度是很高的。）

4. 設(shè)計(jì)驗(yàn)證

我們找來(lái)40名用戶體驗(yàn)新舊版本語(yǔ)音，進(jìn)行了偏好測(cè)試和用戶反饋收集，部分反饋如下：

40名用戶中，有80%認(rèn)為新版更好，分別有12.5%和7.5%的人認(rèn)為兩者差不多和舊版更好。這次的改版中，UI&交互、動(dòng)效、顏色&背景三者，體驗(yàn)感分別提升了12%、2%和7%。

當(dāng)時(shí)大家對(duì)新版評(píng)價(jià)最高的是：簡(jiǎn)潔易看、空間利用率高、布局更好。

吐槽最多的問(wèn)題是：背景色太深、配色單一，動(dòng)畫(huà)不夠好看、不夠明顯。我們隨即對(duì)背景色做了優(yōu)化，上圖看到的是優(yōu)化后的效果。

后續(xù)兼容性驗(yàn)證：新版結(jié)構(gòu)能較好適應(yīng)節(jié)假日換膚、半屏小程序、第三方App適配等多種需求。

小結(jié)

文章復(fù)盤(pán)了電視端語(yǔ)音的基礎(chǔ)界面、視頻領(lǐng)域、其他領(lǐng)域和背景的重構(gòu)過(guò)程。主要用到的方法有原子化設(shè)計(jì)理論、競(jìng)品分析、痛點(diǎn)云圖（表格形式）和用戶偏好測(cè)試。對(duì)界面布局有較好的優(yōu)化效果。最大的收獲是掌握了從最底層元素展開(kāi)剖析的方法，這種細(xì)致的方法用來(lái)搭建界面設(shè)計(jì)會(huì)很穩(wěn)固、全面，并且拓展性強(qiáng)。

經(jīng)驗(yàn)和不足：

1. 大屏經(jīng)常強(qiáng)調(diào)沉浸式體驗(yàn)，因而電視端疊加功能很多，但必須要注意分個(gè)主次。一是疊加內(nèi)容不能太多，要么就不疊加、全屏展示。二是一定要考慮背景播的不確定因素，避免花亂；

2. 上面只是分析了二維平面，還有次級(jí)頁(yè)面、時(shí)序等三、四維的規(guī)則還未深入學(xué)習(xí)研究。這樣的研究會(huì)對(duì)所有App設(shè)計(jì)都有更好的指引。

3. 我們雖然已有了簡(jiǎn)單的導(dǎo)航、柵格等布局規(guī)范，但內(nèi)容展示區(qū)依然是毫無(wú)章法的自定義排列，智能電視產(chǎn)品還沒(méi)有像手機(jī)、PC一樣較成熟的設(shè)計(jì)框架，我覺(jué)得蘋(píng)果的tvOS模版規(guī)范做的比較穩(wěn)定，我們也應(yīng)該借鑒，形成自己的風(fēng)格。

文章來(lái)源：優(yōu)設(shè)  作者：lady珠珠

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

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

Jorge Rey的化石燃料Dataviz 

它是如何工作的？

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

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

• 追蹤銷(xiāo)售

• 識(shí)別趨勢(shì)

• 識(shí)別變化

• 監(jiān)控目標(biāo)

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

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

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

什么時(shí)候使用？

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

話雖如此，Data Viz適用于：

• 年度報(bào)告

• 簡(jiǎn)報(bào)

• 社交媒體微敘事

• 信息手冊(cè)

• 研究

• 趨勢(shì)販運(yùn)

• SciViz

• 燭臺(tái)圖，用于財(cái)務(wù)分析

• 確定路線

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

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

為什么要使用它？

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

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

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

• 確定價(jià)值與風(fēng)險(xiǎn)指標(biāo)。

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

• 通過(guò)頻率檢查速率和潛力。

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

太空垃圾-BBC科學(xué)焦點(diǎn)，作者：Federica Fragapane

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

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

地圖

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

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

但是，最常見(jiàn)的是：

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

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

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

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

圖表

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

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

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

條狀圖

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

餅狀圖

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

線形圖

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

散點(diǎn)圖

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

表格

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

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

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

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

5個(gè)主要差異

它們并沒(méi)有什么不同，因?yàn)樗鼈冊(cè)谝曈X(jué)上都代表數(shù)據(jù)。通常，您搜索信息圖表并找到標(biāo)題為“數(shù)據(jù)可視化”的圖像，反之亦然。但是，在許多情況下，這些標(biāo)題都不會(huì)引起誤解。這是為什么？

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

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

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

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

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

Skype通過(guò)可視化.com進(jìn)行可視化

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

5有用的技巧

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

1.做功課

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

不可否認(rèn)的是，了解您的數(shù)據(jù)查看對(duì)象是另一個(gè)重要部分，因?yàn)椴煌娜藢?duì)信息的處理方式不同。您要為數(shù)據(jù)可視化的對(duì)象是誰(shuí)？他們?nèi)绾翁幚硪曈X(jué)數(shù)據(jù)？只需給他們一張餅圖就足夠了，否則您將需要更深入的可視化報(bào)告？

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

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

圖片來(lái)自Brodie Vissers

2.選擇正確的圖表類(lèi)型

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

• 圖表中將有多少個(gè)變量？

• 您將為每個(gè)變量放置幾項(xiàng)？

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

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

另一個(gè)示例是如何在圖表中使用時(shí)間。使用水平軸會(huì)更準(zhǔn)確，因?yàn)闀r(shí)間應(yīng)該從左到右。它在視覺(jué)上更直觀。

Oberhaeuser的MagnaGlobal廣告市場(chǎng)海報(bào) 

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

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

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

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

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

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

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

選擇顏色時(shí)要考慮的事項(xiàng)：

• 不同類(lèi)別的顏色不同。

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

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

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

5.獲取靈感

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

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

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

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

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

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

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

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

2.有史以來(lái)最偉大的電影

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

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

3.最暴力的城市

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

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

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

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

5.太陽(yáng)系的軌道圖

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

埃莉諾·盧茲（Eleanor Lutz）的太陽(yáng)系軌道圖 

6.標(biāo)題的語(yǔ)義

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

標(biāo)題語(yǔ)義學(xué)KatjaFlükiger 

7.月球和地震

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

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

8. Nanosats的黎明

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

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

最后的話

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

文章來(lái)源：站酷  作者：ZZiUP

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

大屏可視化界面設(shè)計(jì)可謂是當(dāng)今行業(yè)、企業(yè)發(fā)展的見(jiàn)證，生動(dòng)直觀地再現(xiàn)了行業(yè)、企業(yè)的全貌。不僅作為展示，方便了解、監(jiān)督；同時(shí)可以作為一個(gè)有效的管理平臺(tái)，帶來(lái)效益。大屏界面面向范圍廣，協(xié)同性好，易于被采用。下面幾個(gè)大屏的界面設(shè)計(jì)，沉穩(wěn)的背景上，加上亮色作為點(diǎn)綴和強(qiáng)調(diào)。既不失其風(fēng)格，又富有靈動(dòng)性。

接下來(lái)為大家分享精美的大屏 UI設(shè)計(jì)案例：

藍(lán)藍(lán)設(shè)計(jì)(北京蘭亭妙微科技有限公司）是一家專注而深入的UI設(shè)計(jì)公司，公司對(duì)UI設(shè)計(jì)的追求一向很高，致力于為卓越的國(guó)內(nèi)外企業(yè)提供卓越的手機(jī) ui設(shè)計(jì)、軟件界面設(shè)計(jì)、網(wǎng)站設(shè)計(jì)，用戶研究、交互設(shè)計(jì)等服務(wù)。

圖片均來(lái)源于網(wǎng)絡(luò)）

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

更多精彩文章：

   大數(shù)據(jù)可視化界面設(shè)計(jì)賞析（一）

   大數(shù)據(jù)可視化界面設(shè)計(jì)賞析（二）

   大數(shù)據(jù)可視化界面設(shè)計(jì)賞析（三）

  大數(shù)據(jù)可視化界面設(shè)計(jì)賞析（四）

  大數(shù)據(jù)可視化界面設(shè)計(jì)賞析（五）

  大數(shù)據(jù)可視化界面設(shè)計(jì)賞析（六）

  大數(shù)據(jù)可視化界面設(shè)計(jì)賞析（七）

  大數(shù)據(jù)可視化界面設(shè)計(jì)賞析（八）

大數(shù)據(jù)可視化界面設(shè)計(jì)賞析（九）

大數(shù)據(jù)可視化界面設(shè)計(jì)賞析（十）

大數(shù)據(jù)可視化界面設(shè)計(jì)賞析（十一）

大屏可視化界面設(shè)計(jì)可謂是當(dāng)今行業(yè)、企業(yè)發(fā)展的見(jiàn)證，生動(dòng)直觀地再現(xiàn)了行業(yè)、企業(yè)的全貌。不僅作為展示，方便了解、監(jiān)督；同時(shí)可以作為一個(gè)有效的管理平臺(tái)，帶來(lái)效益。大屏界面面向范圍廣，協(xié)同性好，易于被采用。下面幾個(gè)大屏的界面設(shè)計(jì)，沉穩(wěn)的背景上，加上亮色作為點(diǎn)綴和強(qiáng)調(diào)。既不失其風(fēng)格，又富有靈動(dòng)性。

接下來(lái)為大家分享精美的大屏 UI設(shè)計(jì)案例：

藍(lán)藍(lán)設(shè)計(jì)(北京蘭亭妙微科技有限公司）是一家專注而深入的UI設(shè)計(jì)公司，公司對(duì)UI設(shè)計(jì)的追求一向很高，致力于為卓越的國(guó)內(nèi)外企業(yè)提供卓越的手機(jī) ui設(shè)計(jì)、軟件界面設(shè)計(jì)、網(wǎng)站設(shè)計(jì)，用戶研究、交互設(shè)計(jì)等服務(wù)。

圖片均來(lái)源于網(wǎng)絡(luò)）

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

更多精彩文章：

   大數(shù)據(jù)可視化界面設(shè)計(jì)賞析（一）

   大數(shù)據(jù)可視化界面設(shè)計(jì)賞析（二）

   大數(shù)據(jù)可視化界面設(shè)計(jì)賞析（三）

  大數(shù)據(jù)可視化界面設(shè)計(jì)賞析（四）

  大數(shù)據(jù)可視化界面設(shè)計(jì)賞析（五）

  大數(shù)據(jù)可視化界面設(shè)計(jì)賞析（六）

  大數(shù)據(jù)可視化界面設(shè)計(jì)賞析（七）

  大數(shù)據(jù)可視化界面設(shè)計(jì)賞析（八）

大數(shù)據(jù)可視化界面設(shè)計(jì)賞析（九）

大數(shù)據(jù)可視化界面設(shè)計(jì)賞析（十）

大屏可視化界面設(shè)計(jì)可謂是當(dāng)今行業(yè)、企業(yè)發(fā)展的見(jiàn)證，生動(dòng)直觀地再現(xiàn)了行業(yè)、企業(yè)的全貌。不僅作為展示，方便了解、監(jiān)督；同時(shí)可以作為一個(gè)有效的管理平臺(tái)，帶來(lái)效益。大屏界面面向范圍廣，協(xié)同性好，易于被采用。下面幾個(gè)大屏的界面設(shè)計(jì)，沉穩(wěn)的背景上，加上亮色作為點(diǎn)綴和強(qiáng)調(diào)。既不失其風(fēng)格，又富有靈動(dòng)性。

接下來(lái)為大家分享精美的大屏 UI設(shè)計(jì)案例：

藍(lán)藍(lán)設(shè)計(jì)(北京蘭亭妙微科技有限公司）是一家專注而深入的UI設(shè)計(jì)公司，公司對(duì)UI設(shè)計(jì)的追求一向很高，致力于為卓越的國(guó)內(nèi)外企業(yè)提供卓越的手機(jī) ui設(shè)計(jì)、軟件界面設(shè)計(jì)、網(wǎng)站設(shè)計(jì)，用戶研究、交互設(shè)計(jì)等服務(wù)。

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

更多精彩文章：

   大數(shù)據(jù)可視化界面設(shè)計(jì)賞析（一）

   大數(shù)據(jù)可視化界面設(shè)計(jì)賞析（二）

   大數(shù)據(jù)可視化界面設(shè)計(jì)賞析（三）

  大數(shù)據(jù)可視化界面設(shè)計(jì)賞析（四）

  大數(shù)據(jù)可視化界面設(shè)計(jì)賞析（五）

  大數(shù)據(jù)可視化界面設(shè)計(jì)賞析（六）

  大數(shù)據(jù)可視化界面設(shè)計(jì)賞析（七）

  大數(shù)據(jù)可視化界面設(shè)計(jì)賞析（八）

大數(shù)據(jù)可視化界面設(shè)計(jì)賞析（九）

大數(shù)據(jù)可視化界面設(shè)計(jì)賞析（十）

大屏可視化界面設(shè)計(jì)可謂是當(dāng)今行業(yè)、企業(yè)發(fā)展的見(jiàn)證，生動(dòng)直觀地再現(xiàn)了行業(yè)、企業(yè)的全貌。不僅作為展示，方便了解、監(jiān)督；同時(shí)可以作為一個(gè)有效的管理平臺(tái)，帶來(lái)效益。大屏界面面向范圍廣，協(xié)同性好，易于被采用。下面幾個(gè)大屏的界面設(shè)計(jì)，沉穩(wěn)的背景上，加上亮色作為點(diǎn)綴和強(qiáng)調(diào)。既不失其風(fēng)格，又富有靈動(dòng)性。

接下來(lái)為大家分享精美的大屏 UI設(shè)計(jì)案例：

藍(lán)藍(lán)設(shè)計(jì)(北京蘭亭妙微科技有限公司）是一家專注而深入的UI設(shè)計(jì)公司，公司對(duì)UI設(shè)計(jì)的追求一向很高，致力于為卓越的國(guó)內(nèi)外企業(yè)提供卓越的手機(jī) ui設(shè)計(jì)、軟件界面設(shè)計(jì)、網(wǎng)站設(shè)計(jì)，用戶研究、交互設(shè)計(jì)等服務(wù)。

（圖片均來(lái)源于網(wǎng)絡(luò)）

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

更多精彩文章：

   大數(shù)據(jù)可視化界面設(shè)計(jì)賞析（一）

   大數(shù)據(jù)可視化界面設(shè)計(jì)賞析（二）

   大數(shù)據(jù)可視化界面設(shè)計(jì)賞析（三）

  大數(shù)據(jù)可視化界面設(shè)計(jì)賞析（四）

  大數(shù)據(jù)可視化界面設(shè)計(jì)賞析（五）

  大數(shù)據(jù)可視化界面設(shè)計(jì)賞析（六）

  大數(shù)據(jù)可視化界面設(shè)計(jì)賞析（七）

  大數(shù)據(jù)可視化界面設(shè)計(jì)賞析（八）

大數(shù)據(jù)可視化界面設(shè)計(jì)賞析（九）