想做一個經(jīng)得起推敲的項目，數(shù)據(jù)可視化是個選擇！

2020-7-10    資深UI設(shè)計者

為什么要做數(shù)據(jù)可視化？


在一個設(shè)計項目里，

到底要從哪一個角度切入，才能經(jīng)得推敲？


如何讓觀眾快速了解你的作品有意義，并產(chǎn)生興趣？
一份富有創(chuàng)意和趣味性的數(shù)據(jù)可視化作品，
將會是你的最佳選擇。


找到一個你認(rèn)為值得探討的選題，開啟發(fā)現(xiàn)，挖掘數(shù)據(jù)到數(shù)據(jù)的分析，這一個很有意思的過程。  


而信息設(shè)計基本上無處不在，在現(xiàn)代主義的影響下，圖形設(shè)計學(xué)科迅速發(fā)展，正在改變著世界對信息的理解和組織方式。

 
以往紙媒時代，數(shù)據(jù)可視化的形式是這樣的：

 
  
《航空貨運及其存在的問題和前景》，萊斯特·比爾，《財富》雜志，1947年8月

1941年3月，《財富》雜志，“美國航空業(yè)”理查德·埃德斯·哈里森


那從制造業(yè)經(jīng)濟(jì)到體驗經(jīng)濟(jì)，關(guān)注經(jīng)濟(jì)，共享經(jīng)濟(jì)，到現(xiàn)在的數(shù)據(jù)經(jīng)濟(jì)，數(shù)據(jù)又該如何結(jié)合不同的技術(shù)與介質(zhì)，去進(jìn)行視覺化表達(dá)呢？

每個數(shù)據(jù)可視化，    

無論多么簡單，    
都需要一個入口。    


模擬美國1790-2016 移民的時代樹輪

  ●  


作者從自然中的樹輪提取靈感，把樹的生長遷移到移民變化上，發(fā)現(xiàn)了美國通過類似的移民過程。



讀者也可以探索世界各地移民到美國的高潮和低谷。這個可視化的突出性，外觀性和呈現(xiàn)呈現(xiàn)的非常完美。網(wǎng)站上有視頻可以看到每一年移民的變化。


https://web.northeastern.edu/naturalizing-immigration-dataviz/



在這里你能看到117年氣溫的變化

 ●



這個可視化形式非常經(jīng)典，條紋代表了自19世紀(jì)中期以來每年的全球平均氣溫，通過網(wǎng)頁的相互作用，你還能看到不同國家不同地區(qū)在這段時間的溫度變化。，


深藍(lán)色的年份比1971-2000年的平均年份更冷，紅色年份更熱，一目了然。


興趣的話，可以查看：https：//showyourstripes.info/



為什么要數(shù)據(jù)可視化？

1.我們利用視覺獲取的信息量，其實遠(yuǎn)遠(yuǎn)超過別別的感官要多層次。

2.可視化將會讓觀眾更加直觀全面看待事實故事

3.人類大腦對記憶能力的限制


     
   
2019年5月，知名設(shè)計工作室Pentagram（五角設(shè)計），宣布數(shù)據(jù)可視化設(shè)計師Giorgia Lupi成為其新合伙人，上次增加合伙人還是在7年前。 ，在某處已經(jīng)完全反映了當(dāng)前設(shè)計行業(yè)的發(fā)展方向以及未來戰(zhàn)略，此舉，或許標(biāo)志著：             數(shù)據(jù)可視化已經(jīng)成為品牌戰(zhàn)略的重要組成部分了。      
   
本期特邀澎湃新聞的數(shù)據(jù)可視化設(shè)計師：亞賽大人，與大家聊聊數(shù)據(jù)可視化。

   

   
    
亞賽大人    
設(shè)計神器制造玩家    
數(shù)據(jù)可視化設(shè)計師    
https://wangyasai.github.io/

   

   

現(xiàn)居上海，在澎湃新聞?chuàng)螖?shù)據(jù)可視化設(shè)計師。

自學(xué)編程兩年多，最初是為了做更酷的數(shù)據(jù)可視化作品，誤打誤撞放置了十款設(shè)計小工具，變成了模仿的設(shè)計玩具制造玩家，希望用編程去解鎖設(shè)計/數(shù)據(jù)可視化的更多可能性。



垃圾分類可視化手冊      

  ●

       

為理清垃圾分類規(guī)則，亞賽及團(tuán)隊從上海市垃圾分類查詢平臺上篩選了2055件物品的垃圾分類信息，看可視化教你如何分類垃圾。


數(shù)據(jù)來自：上海綠化和市容管理局，上海垃圾分類查詢平臺。


   


項目封面，垃圾從屏幕上方掉落，通過鼠標(biāo)可以進(jìn)行交互。


點擊每個揉雜的垃圾可以看到是什么組成了它以及每個垃圾屬性的比例。




169球回顧俄羅斯世界杯

 ●

世界杯落幕，一個月來32支球隊打入了169粒進(jìn)球。如果俯瞰足球場，將所有進(jìn)球在一張圖上繪出，有某種絕妙的，驚險的，烏龍的瞬間？


  



01    
數(shù)據(jù)可視化    
雙重圖表，    
而是講故事的方式，
   
發(fā)現(xiàn)世界的渠道。    


亞賽大學(xué)專業(yè)是廣告學(xué)，畢業(yè)后卻成為數(shù)據(jù)可視化設(shè)計師，在她看來，數(shù)據(jù)可視化并同時是“圖表”，而是用設(shè)計和編程描述數(shù)據(jù)背后的故事，發(fā)現(xiàn)世界的渠道。如何展示數(shù)據(jù)，如何跟觀眾講這個既定事實故事，都是設(shè)計師需要考慮的。


   
如果說設(shè)計為了改善社會問題，那數(shù)據(jù)可視化則是讓觀眾覺醒的一種表達(dá)方式。

   
Pentagram合伙人Giorgia Lupi接受采訪時說到：“如今人們接觸到的內(nèi)容越來越多，來源也越來越多，因此他們的關(guān)注是有限的?！泵髁梁鸵俗⒛康膱D像，單一作品內(nèi)多層次的閱讀，像尋寶一樣越讀越有滋味。       很重要的一點，作品非常容易傳播和分享。       “    

   




數(shù)據(jù)分析53027條留言背后

抑郁癥患者的自救與互助

        ●    

   
這是亞賽在今年9月，參與制作的一個項目，關(guān)于自殺干預(yù)，關(guān)注抑郁癥人群。
制作團(tuán)隊對一個因抑郁癥而自殺的女孩的微博內(nèi)容進(jìn)行了文本情感分析，生成了她的“情感樂章”可視化視頻。



紅色向上為相對積極，藍(lán)色行下為相對消極，每根柱子的長度代表情緒的大小，通過3000多條微博看到她在微博內(nèi)容背后自己的情緒斗爭。


結(jié)合她發(fā)微博的時間制作了微博發(fā)布時間情況，用花瓣作為視覺呈現(xiàn)，真切意識到患者脆弱的無力感。




02

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

創(chuàng)作的7個步驟


亞賽認(rèn)為環(huán)境天氣類/體育項目類，數(shù)據(jù)多可視化發(fā)揮空間相對比較大，但實際上只要能找到數(shù)據(jù)，什么選題都可以用數(shù)據(jù)可視化呈現(xiàn)。這里為大家提供幾找數(shù)據(jù)的途徑：統(tǒng)計年鑒，社交網(wǎng)站，各國政府統(tǒng)計部門，學(xué)術(shù)論文，專題報告，大概涵蓋80％的數(shù)據(jù)來源。

國內(nèi)先鋒新聞平臺，澎湃新聞創(chuàng)立了一個“美數(shù)課”板塊，利用數(shù)據(jù)可視化的方式，解讀新聞話題。結(jié)合澎湃新聞的工作經(jīng)歷， 她認(rèn)為大家可以從以下三個方面找選題：


  • 景點事件：某種前幾天的女排十一連勝，就可以提前找數(shù)據(jù)做一個梳理類的題。

  • 熱門話題：有的話題是社會持續(xù)關(guān)注的起點，可以從深度報道，學(xué)術(shù)研究等不同管道持續(xù)關(guān)注。

  • 關(guān)注來源：習(xí)慣性地關(guān)注一些信息來源，某些智庫，政府網(wǎng)站，外國網(wǎng)站等等。


 


“可視化數(shù)據(jù)”的七個步驟：


1.獲取數(shù)據(jù)，無所謂是來自文件，磁盤亦或者網(wǎng)絡(luò)等；

2.分析數(shù)據(jù)結(jié)構(gòu)，分類排序；

3.過濾，去掉所有不感興趣的數(shù)據(jù)；

4.綜合使用數(shù)學(xué)，統(tǒng)計，模式識別等方法來挖掘出一些特征數(shù)據(jù)；

5.選擇某種樹狀圖，列表，樹等的可視化模型來替換數(shù)據(jù)；

6.精煉基本表示法，使數(shù)據(jù)插入的更清楚，預(yù)期視覺效果；

7.添加一些用于控制或操作數(shù)據(jù)的交互方法。



春節(jié)禁放煙花后，

城市空氣質(zhì)量如何？

 ●


這是亞賽做過一個關(guān)于春節(jié)禁放煙花的選題，把某些城市的除夕中午12點到春節(jié)中午12點變成一朵24片花瓣（代表24小時）的煙花，對比2017年和2018年兩年的數(shù)據(jù)。


通過環(huán)境質(zhì)量數(shù)據(jù)來看煙花禁放政策下的效果，看到不同地區(qū)不同政策帶來的影響。


詳細(xì)案例：https : //wangyasai.github.io/Work/firework.html



03

如果你想要接觸這個領(lǐng)域
創(chuàng)意編程這是你的第一個挑戰(zhàn)

“如果你想要接觸這個領(lǐng)域，就開始學(xué)編程吧！”這是亞賽給大家的建議。


她說到，剛開始學(xué)習(xí)可視化的時候，都用Adobe Illustration（Ai），實際上也能做出還不錯的可視化效果。時相對長，很多設(shè)置也不太方便。     



為了更地做出酷炫的可視化效果，她開始接觸編程，學(xué)習(xí)了處理，它對于沒有編程基礎(chǔ)的小白來說上手比較容易，也比較容易出效果，有學(xué)下去的動力。


因此亞賽建議大家在學(xué)習(xí)的過程中， 多看案例+找數(shù)據(jù)+用編程還原案例，這個對學(xué)習(xí)編程的思路和技巧很有幫助。


同時她也回答了很多同學(xué)的疑問：
有時候看到的很多案例都不是自己所學(xué)的編程語言工作的， 那是否要學(xué)習(xí)對應(yīng)案例的編程語言呢？


她認(rèn)為并不需要，編程的創(chuàng)造很強(qiáng)，很多時候不同的編程語言都可以完成一個同樣的效果，所以在學(xué)的過程中，不要擔(dān)心，先嘗試用所學(xué)的編程去挑戰(zhàn)一下。


編程的創(chuàng)新有多高，看看亞賽設(shè)計的這幾款設(shè)計神器。



模擬場跡生成器

 ●


在這個神器中，你可以通過調(diào)整參數(shù)：顏色，線長，噪聲波比例，線的彎曲比例，從而改變線的運動軌跡和藝術(shù)效果。
試玩鏈接：https ://wangyasai.github.io/Perlin-Noise/


文章來源：站酷    作者：最畢設(shè)設(shè)計媒體

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

分享本文至：

日歷

鏈接

個人資料

存檔