圖解的藝術(shù)——信息可視化運(yùn)用 信息爆炸的今天人們身邊擠滿著各類數(shù)據(jù)，可視化的方式能在這堆容易被忽視的繁雜數(shù)據(jù)油田里挖掘出故事告訴大家。這就是信息可視化的魅力所在。 信息可視化，最早源于數(shù)據(jù)可視化，也就是我們熟悉的那些餅圖、直方圖、散點(diǎn)圖、柱狀圖等最原始的統(tǒng)計(jì)圖表。這里不細(xì)講歷史理論和糾結(jié)專業(yè)術(shù)語(yǔ)，再此貼一篇來(lái)自UCDchina關(guān)于信息可視化的介紹博文，有興趣理清概念的可瀏覽。
以前信息可視化在大眾們聽起來(lái)異常高深莫測(cè)，涉及著制圖學(xué)，圖形繪制設(shè)計(jì)，數(shù)據(jù)采集，統(tǒng)計(jì)學(xué)，圖解技術(shù)等等等。而近幾年，因?yàn)槭郎系目蓯墼O(shè)計(jì)師們，把這樣一個(gè)原本冷酷而機(jī)械的科學(xué)類圖解變成平易近人而極具吸引力的“藝術(shù)品”，這也是最近信息可視化流行起來(lái)的原因。今天咱們聊的，就是這些運(yùn)用信息可視化思維制作的“藝術(shù)品”。
在此把信息可視化分成兩種常用的設(shè)計(jì)類型，一是呈現(xiàn)數(shù)據(jù)，二是陳述觀點(diǎn)。
1:呈現(xiàn)數(shù)據(jù)
設(shè)計(jì)師用直觀而極具美感的視覺表現(xiàn)方式把數(shù)據(jù)呈現(xiàn)出來(lái)，讀者在觀賞這件“藝術(shù)品”的時(shí)候自然讀到里面蘊(yùn)含著一些有趣的故事。 (就例如看facebook用戶連接數(shù)的可視化，能看到連線再美也連不進(jìn)中國(guó)版圖。)
Facebook全球用戶連接數(shù)：
qq的實(shí)時(shí)在線人數(shù)的可視化：
除了上述的兩個(gè)基于地圖的可視化，各種將傳統(tǒng)統(tǒng)計(jì)圖表經(jīng)過再設(shè)計(jì)，圖形美化，形象化的可視化都屬于這種類型。
各種呈現(xiàn)數(shù)據(jù)類型可視化：
互動(dòng)式數(shù)據(jù)呈現(xiàn)
在數(shù)據(jù)呈現(xiàn)類的可視化項(xiàng)目中，設(shè)計(jì)師工作是要吸引讀者能自發(fā)挖掘數(shù)據(jù)里的故事，所以除了數(shù)據(jù)的視覺美化外，還會(huì)考慮讀圖體驗(yàn)的設(shè)計(jì)，也就是常用可交互方式來(lái)呈現(xiàn)整個(gè)可視化。
這里分享個(gè)案例：《university-autonomy》
university-autonomy網(wǎng)站主要讓讀者清晰快速對(duì)比歐洲各國(guó)大學(xué)的自治狀態(tài)，偏向閱讀功能性。網(wǎng)站分別把四類自制狀態(tài)配以不同顏色：組織自治(橙色)，金融配置(紅色)，教職任免(紫紅色)以及學(xué)術(shù)自制(深紫色)。并且都有各自小圖標(biāo)表示，為降低閱讀成本，每個(gè)代表國(guó)家也在地圖上呈現(xiàn)。瀏覽時(shí)可以點(diǎn)某一國(guó)家瀏覽數(shù)據(jù)，也可以直接點(diǎn)擊四類其中一類來(lái)觀看各國(guó)的對(duì)比。例如點(diǎn)開英國(guó)，圓型的國(guó)旗圖標(biāo)周圍散布著四類顏色的點(diǎn)，某一色條上點(diǎn)的多與少表示某一項(xiàng)自治得分多寡。如此對(duì)比其他國(guó)家，英國(guó)在組織自制度上是第一位的，包括自由決定自治組織，各方面的選拔，決定任期以及設(shè)定院系內(nèi)部結(jié)構(gòu)等等。 這種互動(dòng)式的可視化更重要是優(yōu)化了數(shù)據(jù)的閱讀體驗(yàn)，想知道數(shù)據(jù)里的哪些方面由讀者自行決定，設(shè)計(jì)師提供了一個(gè)舒適的可視化閱讀環(huán)境。
2：陳述觀點(diǎn)
觀點(diǎn)陳述類的可視化，就是設(shè)計(jì)師先對(duì)數(shù)據(jù)分析，把挖掘到的觀點(diǎn)直接告訴讀者。
最常見的就是信息圖表和圖示視頻：
a：信息圖表
例如“人間胸器”的信息圖里所說(shuō)的一些和我們息息相關(guān)卻沒細(xì)細(xì)研究過的數(shù)據(jù)，直接告訴讀者設(shè)計(jì)師挖掘到的觀點(diǎn)。 “女性正常狀態(tài)的乳頭高度只發(fā)揮了3/8的高度。平均擴(kuò)張后高達(dá)五個(gè)25美分幣高度?！?是不是有點(diǎn)要找硬幣試疊的感覺?)
人間胸器：
此類可視化相比數(shù)據(jù)呈現(xiàn)類有個(gè)明顯的優(yōu)勢(shì)，就是對(duì)于讀者來(lái)說(shuō)接受信息更加“簡(jiǎn)單粗暴”，而且設(shè)計(jì)起來(lái)也較為簡(jiǎn)便。
最近很多游戲在宣傳上也嘗試了這種可視化方式
就例如DNF阿拉德秘史項(xiàng)目
結(jié)合DNF玩家分析和項(xiàng)目組想要宣傳的東西和相應(yīng)的玩家數(shù)據(jù)尋求一些觀點(diǎn)，例如玩家喜歡討論天空套，那就挖掘瞎天空套的相關(guān)數(shù)據(jù)，哪些人買了，什么身份，所在城市，這些構(gòu)成了哪些好玩的觀點(diǎn)，并結(jié)合觀點(diǎn)加入情感化畫面表現(xiàn)，以互動(dòng)網(wǎng)站形式展現(xiàn)。
阿拉德秘史第二期——boss的辛酸故事：
b：圖示視頻
對(duì)比起信息圖表來(lái)說(shuō)，圖示視頻主要是表現(xiàn)手法的不同，對(duì)讀者的吸引程度也不一樣，但這需要一個(gè)好的“導(dǎo)演”。
這里展示一個(gè)Pinterest的可視化視頻：Pinterest Statistics Facts
Pinterest Statistics Facts:
視頻設(shè)計(jì)上非常細(xì)膩，包括整體色調(diào)和圖形動(dòng)態(tài)，細(xì)心可以發(fā)現(xiàn)里面展示的信息圖表設(shè)計(jì)非常形象，包括pinterest男女用戶比例的圖表直接拉大女生形象來(lái)對(duì)比，年齡層的圖標(biāo)用生日蛋糕的蠟燭燈火來(lái)做條形圖等等，滿滿有愛的細(xì)節(jié)耐人尋味。
相比信息圖表，圖示視頻會(huì)有個(gè)優(yōu)勢(shì)，就是好的動(dòng)態(tài)演示加上配音，可以彌補(bǔ)視覺設(shè)計(jì)上的不足， 例如這段《5分鐘，讓你了解自己都交了哪些稅》里提取的觀點(diǎn)非常切合民情，觀點(diǎn)異常犀利，即使視覺設(shè)計(jì)一般也能讓大家產(chǎn)生共鳴。
可視化設(shè)計(jì)方法——對(duì)比和比喻
無(wú)論是數(shù)據(jù)呈現(xiàn)還是觀點(diǎn)陳述，對(duì)比和比喻是都是可視化設(shè)計(jì)中最常用的手法。
a：對(duì)比——有對(duì)比就能催生故事。
就像Goldstar啤酒廣告，設(shè)計(jì)師把男女上洗手間的整個(gè)行為用流程圖表可視化出來(lái)，因?yàn)橛辛四信畬?duì)比而讓故事耐人尋味。從而讓目標(biāo)受眾了解一個(gè)觀點(diǎn)“感謝上帝你是個(gè)男的!”
Goldstar啤酒廣告：
還有上面提到的university-autonomy網(wǎng)站也是讓讀者對(duì)比各國(guó)大學(xué)數(shù)據(jù)從而讀出觀點(diǎn)。
b：比喻——把陌生的變熟悉
數(shù)據(jù)給到我們的都是陌生而繁雜的感覺，沒人會(huì)對(duì)一大堆煩躁的數(shù)據(jù)感興趣，設(shè)計(jì)師在數(shù)據(jù)呈現(xiàn)類可視化設(shè)計(jì)的時(shí)候，多會(huì)用比喻的手法，把讀者感覺陌生的數(shù)據(jù)轉(zhuǎn)化為他們熟悉或者有認(rèn)知度的東西呈現(xiàn)給他們以達(dá)到共鳴。
This Exquisite Forest是Chris Milk在英國(guó)的一個(gè)藝術(shù)項(xiàng)目
先請(qǐng)一批藝術(shù)家繪制一個(gè)小短片，然后其他參與者可以在網(wǎng)站上不斷做上一個(gè)短片的接龍。(在此不細(xì)講整個(gè)藝術(shù)項(xiàng)目，有相關(guān)介紹有興趣可以看看項(xiàng)目介紹視頻)
這里主要介紹的是設(shè)計(jì)師利用了比喻手法做的一個(gè)可視化網(wǎng)站，把所有藝術(shù)家的起始視頻比喻為樹的根部，往后每個(gè)參與者接龍就會(huì)生出一支葉子，最終整個(gè)網(wǎng)站的視覺由參與者共同生成的，而且很直觀能看到那些小短片的接龍者特別多(枝繁葉茂)。
This Exquisite Forest:
用類似手法的還有這個(gè)類比宇宙的音樂操作界面，這里有相關(guān)介紹視頻
它把所有的音樂數(shù)據(jù)比喻成一個(gè)宇宙，音樂播放時(shí)長(zhǎng)比喻成星球運(yùn)行軌跡，同樣是比喻手法的信息可視化。
結(jié)語(yǔ)：
其實(shí)信息可視化是個(gè)跨學(xué)科領(lǐng)域需要龐大知識(shí)體系支撐的研究方向，但并不等于就是離我們?nèi)绱诉b不可及，我們無(wú)非是學(xué)習(xí)一種信息可視化的思維方式，創(chuàng)建那些以直觀方式傳達(dá)抽象信息的手段和方法，用我們?cè)O(shè)計(jì)師獨(dú)特的視角，從可信的數(shù)據(jù)油田中挖掘大家喜聞樂見的故事!
聯(lián)系客服
