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

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

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


在一個(gè)設(shè)計(jì)項(xiàng)目里，

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


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


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


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

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

 
  
《航空貨運(yùn)及其存在的問題和前景》，萊斯特·比爾，《財(cái)富》雜志，1947年8月

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


那從制造業(yè)經(jīng)濟(jì)到體驗(yàn)經(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á)呢？

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

無(wú)論多么簡(jiǎn)單，    
都需要一個(gè)入口。    


模擬美國(guó)1790-2016 移民的時(shí)代樹輪

  ●  


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



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


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



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

 ●



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


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


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



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

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

2.可視化將會(huì)讓觀眾更加直觀全面看待事實(shí)故事

3.人類大腦對(duì)記憶能力的限制


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

   

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

   

   

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

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



垃圾分類可視化手冊(cè)      

  ●

       

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


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


   


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


點(diǎn)擊每個(gè)揉雜的垃圾可以看到是什么組成了它以及每個(gè)垃圾屬性的比例。




169球回顧俄羅斯世界杯

 ●

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


  



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


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


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

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

   




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

抑郁癥患者的自救與互助

        ●    

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



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


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




02

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

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


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

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


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

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

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


 


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


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

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

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

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

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

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

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



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

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

 ●


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


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


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



03

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

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


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



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


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


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


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


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



模擬場(chǎng)跡生成器

 ●


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


文章來(lái)源：站酷    作者：最畢設(shè)設(shè)計(jì)媒體

藍(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ù)

分享本文至：

日歷

鏈接

個(gè)人資料

存檔