想做一個經得起推敲的項目,數據可視化是個選擇!

2020-7-10    資深UI設計者

為什么要做數據可視化?


在一個設計項目里,

到底要從哪一個角度切入,才能經得推敲?


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


找到一個你認為值得探討的選題,開啟發(fā)現,挖掘數據到數據的分析,這一個很有意思的過程。  


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

 
以往紙媒時代,數據可視化的形式是這樣的:

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

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


那從制造業(yè)經濟到體驗經濟,關注經濟,共享經濟,到現在的數據經濟,數據又該如何結合不同的技術與介質,去進行視覺化表達呢?



每個數據可視化,    

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




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

    




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



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


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



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

 



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


深藍色的年份比1971-2000年的平均年份更冷,紅色年份更熱,一目了然。


興趣的話,可以查看:https://showyourstripes.info/



為什么要數據可視化?

1.我們利用視覺獲取的信息量,其實遠遠超過別別的感官要多層次。

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

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


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

   

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

   

   

現居上海,在澎湃新聞?chuàng)螖祿梢暬O計師。

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



垃圾分類可視化手冊      

  

       

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


數據來自:上海綠化和市容管理局,上海垃圾分類查詢平臺。


   


項目封面,垃圾從屏幕上方掉落,通過鼠標可以進行交互。


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




169球回顧俄羅斯世界杯

 

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


  



01    
數據可視化    
雙重圖表,    
而是講故事的方式,
   
發(fā)現世界的渠道。    


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


   
如果說設計為了改善社會問題,那數據可視化則是讓觀眾覺醒的一種表達方式。

   
Pentagram合伙人Giorgia Lupi接受采訪時說到:“如今人們接觸到的內容越來越多,來源也越來越多,因此他們的關注是有限的。”明亮和引人注目的圖像,單一作品內多層次的閱讀,像尋寶一樣越讀越有滋味。       很重要的一點,作品非常容易傳播和分享。           

   




數據分析53027條留言背后

抑郁癥患者的自救與互助

            

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



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


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




02

數據可視化

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


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

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


  • 景點事件:某種前幾天的女排十一連勝,就可以提前找數據做一個梳理類的題。

  • 熱門話題:有的話題是社會持續(xù)關注的起點,可以從深度報道,學術研究等不同管道持續(xù)關注。

  • 關注來源:習慣性地關注一些信息來源,某些智庫,政府網站,外國網站等等。


 


“可視化數據”的七個步驟:


1.獲取數據,無所謂是來自文件,磁盤亦或者網絡等;

2.分析數據結構,分類排序;

3.過濾,去掉所有不感興趣的數據;

4.綜合使用數學,統(tǒng)計,模式識別等方法來挖掘出一些特征數據;

5.選擇某種樹狀圖,列表,樹等的可視化模型來替換數據;

6.精煉基本表示法,使數據插入的更清楚,預期視覺效果;

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



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

城市空氣質量如何?

 


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


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


詳細案例:https : //wangyasai.github.io/Work/firework.html



03

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

“如果你想要接觸這個領域,就開始學編程吧!”這是亞賽給大家的建議。


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



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


因此亞賽建議大家在學習的過程中, 多看案例+找數據+用編程還原案例,這個對學習編程的思路和技巧很有幫助。


同時她也回答了很多同學的疑問:
有時候看到的很多案例都不是自己所學的編程語言工作的, 那是否要學習對應案例的編程語言呢?


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


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



模擬場跡生成器

 


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


文章來源:站酷    作者:最畢設設計媒體

藍藍設計m.sillybuy.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

分享本文至:

日歷

鏈接

個人資料

藍藍設計的小編 http://m.sillybuy.com

存檔