本次活動中，嘉賓通過眾多豐富、有趣的案例介紹了數(shù)據(jù)可視化的概念、作用和設(shè)計方法，信息量滿滿。

分享框架：

嘉賓首先分享了2個數(shù)據(jù)可視化案例：

1. 設(shè)計師把閱讀困難癥患者普遍能看到的東西進(jìn)行實體化、視覺化，讓別人能進(jìn)入他們的世界。
   
2. Aaron Koblin的作品《Flight Patterns》，讓人眼突破視域的界限，以“鳥瞰視角”來看北美居民的遷徙過程。
   

 

活動筆記：

1. 什么是數(shù)據(jù)視覺化？

其實它就是把不可見的數(shù)據(jù)轉(zhuǎn)化為可間接被觀察數(shù)據(jù)的過程。它不提供回答，只是提供一種觀察的新方式。

舉例一個來自小數(shù)據(jù)觀察的自我探索項目：太極。

將太極拳的動作進(jìn)行數(shù)據(jù)采集完成了第一張數(shù)字國畫，有人質(zhì)疑說好看但無用，嘉賓解釋由于好看吸引了人群，從人群的行為進(jìn)行觀察可能會有意想不到的發(fā)現(xiàn)。

數(shù)據(jù)視覺化的初衷并不是為了解決問題，而是為了探索。

前田約翰（John Maeda）曾經(jīng)說過：“好藝術(shù)的使命是喚起思考，好設(shè)計則是讓事物變得清晰，并能解決實際的問題！”

 

2. 數(shù)據(jù)視覺化有什么用？

介紹兩張數(shù)據(jù)視覺化歷史上教科書級別的神圖：

1. 《拿破侖東征》誕生于1861年，由法國工程師查理·米蘭德繪制，描述了1812年拿破侖東征俄羅斯的失敗戰(zhàn)役。圖中透過2個維度呈現(xiàn)了6類資料：拿破侖軍的人數(shù)、距離、溫度、經(jīng)緯度、移動方向，讓人在一個靜態(tài)的平面上同時觀察多種數(shù)據(jù)變成可能。
   
2. 另一位南丁格爾女士，是一名護(hù)士。作為軍醫(yī)，她清楚地知道大部分士兵都不是戰(zhàn)死沙場，而是死在醫(yī)療環(huán)境極差的軍營里，她自己懂，可是怎樣才能影響國會呢？她發(fā)明了玫瑰圖，用以表達(dá)軍醫(yī)院季節(jié)性的死亡率，對象是那些不太能理解傳統(tǒng)統(tǒng)計報表的公務(wù)人員。她的方法打動了當(dāng)時的軍官統(tǒng)領(lǐng)和維多利亞女王本人，于是醫(yī)事改良的提案才得到大力支持。為了紀(jì)念她的貢獻(xiàn)，后來她的頭像被印在了英鎊上。
   

數(shù)據(jù)可視化研究的不僅僅是“數(shù)據(jù)如何能被看清”，還有“數(shù)據(jù)如何能被看懂”。

 

2.1 數(shù)據(jù)如何被看清？

可以通過顏色，大小，方向去提高數(shù)據(jù)的差異性。最簡單的例子就是報表中的標(biāo)紅。

1. 有效標(biāo)紅的第一步：去顏色干擾，第二步：去分隔線干擾；
2. 去掉沒有用的東西，例如框框、加粗；
3. 對齊很重要：數(shù)據(jù)右對齊、信息左對齊，注意表頭對齊；
4. 間隔和行距也很重要；
5. 單位很重要，盡量減少數(shù)字本身的長度，不超過4位；
6. 去重非常重要（盡可能減少畫面里的重復(fù)信息，可以讓重要的信息更突出）；
7. 字體修正（看個人喜好）。

 

2.2 數(shù)據(jù)如何被看懂？

嘉賓介紹了4個項目：

項目1：國內(nèi)外藝術(shù)院校的數(shù)據(jù)可視化展示。

由于經(jīng)常會有同學(xué)問各大美院或藝術(shù)類院校之間的區(qū)別。嘉賓抓取了17所國內(nèi)國外院校的數(shù)據(jù)來做展示，藍(lán)色是代表“設(shè)計類”，白色代表“純藝術(shù)類”。從中也可以看到院校的結(jié)構(gòu)是否扁平。

 

項目2：嘉賓基于wikidata數(shù)據(jù)庫編寫的小工具。

最初只是用來快速查找藝術(shù)家的基礎(chǔ)信息，后來加入視覺化功能，把所有查詢到的人排列到一根時間軸上，橫向觀察她所關(guān)注的藝術(shù)家的生活年代及壽命。

通過可視化的展示，她發(fā)現(xiàn)自己關(guān)注的都是集中在某一個時期的藝術(shù)家，除了看到自己的喜好之余還很有效地發(fā)現(xiàn)自己的知識盲區(qū)（只有看到了自己知道什么，才能知道自己還不知道些什么）

我們可以發(fā)現(xiàn)在人類歷史上，很多人物在時間即便在空間上沒有交集，卻在時間上相遇了。

比如Jackson Pollock，藝術(shù)史上動態(tài)藝術(shù)里面用身體的律動去做油畫的一個非常重要的藝術(shù)家，他和計算機之父圖靈原來都是同一年出生的，酒鬼Jackson Pollock居然比圖靈還多活了兩年。

我們還能八卦一些愛情故事，原來搖滾界的神話列儂跟小野洋子是姐弟戀，而且列儂只陪伴了洋子生命的一小段時間。

我們可以清楚地看到“看得見”的魅力。

很多信息的缺失并不是不存在，而是無法被看見，被觀察。

因為看不見，很多信息甚至是完全錯誤的。在測試代碼的過程中作者更意外地發(fā)現(xiàn)愛迪生的生日被錯寫為2016。

 

項目3：紐約大都會藝術(shù)博物館做的Unfinished項目。

Unfinished是大都會藝術(shù)博物館別館在首次開幕時的處女展，Unfinished討論的是“藝術(shù)很重要”的話題：在藝術(shù)的世界里，什么是未完成，展期為半年。嘉賓認(rèn)為這個線下展展期太短非常可惜，希望可以通過技術(shù)的手段延長展期，更希望能降低門檻，讓更多世界各地?zé)o法前來觀展的人可以有機會參與討論。

于是嘉賓將Unfinished展做成了Google的插件，安裝插件之后，當(dāng)新打開空白頁的時候，空白頁會自動被Unfinished的作品填滿，把一個簡單的空白窗口變成藝術(shù)之窗，同時讓人不需要任何搜索便進(jìn)入展覽。

此外嘉賓賦予了這次改造更多的交互空間，讓人可以實現(xiàn)在傳統(tǒng)線下博物館沒有的體驗，讓他們自由地在“未完成”的作品上進(jìn)行創(chuàng)作并分享，延長了作品的壽命，讓藝術(shù)品重回人們的生活中，賦予其新的價值和靈魂。

 

項目4：通過整理全國美展的數(shù)據(jù)總結(jié)的一些獲獎規(guī)律

得到的3個有趣的結(jié)論是：

1. 高亮的紅色、黃色很受歡迎
2. 1999年，30多、40多的藝術(shù)家容易獲獎
3. 畫一張少數(shù)民族在沙發(fā)上抱著一頭牛的作品在數(shù)據(jù)上是很可能獲獎的

 

3. 數(shù)據(jù)如何被視覺化？

在實際工作里，大部分人會接觸到的數(shù)據(jù)視覺化實際上是信息圖表，關(guān)于信息圖表的一些規(guī)范和小技巧嘉賓也有提及到：

在做圖表時，動機往往比較重要。

下圖是為了說明布什總統(tǒng)下臺的話，居民稅收會增長多少，其實只有不足5%的區(qū)別，但對圖表做了去零線處理，使得看起來差異很大。

作圖的時候要先說明結(jié)論。

比如下面的表格是員工為了向老板說明自從少了兩位員工之后，單子處理不過來了，意思就是說老板你得給我加人。

千萬不要出現(xiàn)彩虹柱狀圖，折線圖在多周數(shù)據(jù)對比的時候會非常實用。

 

最后是一些推薦的網(wǎng)站和資源：

• https://informationisbeautiful.net/
• http://giorgialupi.com/
• 作者常用工具：Processing、D3.js等
  

最后釋疑：

• 問：是不是只有學(xué)會了寫代碼才能做數(shù)據(jù)視覺化的作品？
• 答：Dear Data就是一個很好的反例，它說明了手繪也可以是一種很靈活的創(chuàng)作方式。
  
  
  

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

  

  
  文章來源：UXRen   作者：寶珠
  

  分享此文一切功德，皆悉回向給文章原作者及眾讀者.
  免責(zé)聲明：藍(lán)藍(lán)設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
  

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