這16個6up可視化案例,驚豔了全球6up行業_行業資訊_關於我們_山東普邦信息技術有限公司官方網站

這16個6up可視化案例,驚豔了全球6up行業

文章來源:轉自CSDN   日期:2018-08-13 13:12   作者:jiaofeng

0?wx_fmt=jpeg


作者:蘑菇君


6up可視化可以幫你更容易的解釋趨勢和統計6up。


6up是非常強大的。當然,如果你能真正理解它想告訴你的內容,那它的強大之處就更能體現出來了。


通過觀察數字和統計6up的轉換以獲得清晰的結論並不是一件容易的事。必須用一個合乎邏輯的、易於理解的方式來呈現6up。


談談6up可視化。人類的大腦對視覺信息的處理優於對文本的處理——因此使用圖表、圖形和設計元素,6up可視化可以幫你更容易的解釋趨勢和統計6up。

0?wx_fmt=jpeg

但是,並非所有的6up可視化是平等的。(點擊“爲什麼大多數人的圖表和圖形看起來像廢話”瞭解我想表達的意思)


那麼,如何將6up組織起來,使其既有吸引力又易於理解?通過下面的16個有趣的例子獲得啓發,它們是既注重風格和也注重內容的6up可視化案例。


什麼是6up可視化?


6up可視化是指將6up以視覺形式來呈現,如圖表或地圖,以幫助人們瞭解這些6up的意義。


文本形式的6up很混亂(更別提有多空洞了),而可視化的6up可以幫助人們快速、輕鬆地提取6up中的含義。用可視化方式,您可以充分展示6up的模式,趨勢和相關性,而這些可能會在其他呈現方式難以被發現。


6up可視化可以是靜態的或交互的。幾個世紀以來,人們一直在使用靜態6up可視化,如圖表和地圖。交互式的6up可視化則相對更爲先進:人們能夠使用電腦和移動設備深入到這些圖表和圖形的具體細節,然後用交互的方式改變他們看到的6up及6up的處理方式。


感到興奮了嗎?讓我們來看一些不錯的交互和靜態6up可視化的例子。


交互6up可視化的實例


1)爲什麼會有“巴士羣”現象


這裏有一個關於複雜6up集的很好的例子,它看起來感覺像一個遊戲。在這個例子裏,Setosa網站爲我們呈現了“巴士羣”現象是如何發生的,即,當一輛巴士被延遲,就會導致多輛巴士在同一時間到站。


只用數字講述這個故事是非常困難的,所以取而代之的是,他們把它變成一個互動遊戲。當巴士沿着路線旋轉時,我們可以點擊並按住一個按鈕來使巴士延遲。然後,我們所要做的就是觀察一個短暫的延遲如何使巴士在一段時間以後聚集起來。

0?wx_fmt=jpeg


2)世界上的語言


這個由DensityDesign設計的互動是個令人印象深刻的成果,它將世界上衆多(或者說,我們大多數人)的語言用非語言的方法表現出來。一共有2678種。


這件作品可以讓你瀏覽使用共同語言的家庭,看看哪些語言是最常用的,並查看語言在世界各地的使用範圍。這是一種了不起的視覺敘事方法:將一個有深度的主題用一種易於理解的方式解讀。

0?wx_fmt=jpeg


3)按年齡段分佈的美國人口百分比


這是如何以令人信服的方式呈現一種單一的6up的好榜樣。Pew Research創造了這個GIF動畫,顯示隨着時間推移的人口統計數量的變化。這是一個好方法,它將一個內容較多的故事壓縮成了一個小的package。

0?wx_fmt=gif

此外,這種類型的微內容很容易在社交網絡上分享或在博客中嵌入,擴大了內容的傳播範圍。如果你想自己用Photoshop做GIF,這裏有一個詳細的教程。


4)NFL(國家橄欖球聯盟)的完整歷史


體育世界有着豐富的6up,但這些6up並不總是能有效地呈現(或者準確的說,對於這個問題)。然而,FiveThirtyEight網站做的特別好。在下面這個交互式可視化評級中,他們計算所謂“等級分” – 根據比賽結果對球隊實力進行簡單的衡量 – 在國家橄欖球聯盟史上的每一場比賽。總共有超過30,000個評級。觀衆可以通過比較各個隊伍的等級來了解每個隊伍在數十年間的比賽表現。

0?wx_fmt=jpeg


5)Google Flights 上的美國感恩節


下面是將一段時間內在空中移動的物體進行可視化的好方法。這是由Google Trends驅動的項目,它跟蹤感恩節前出發、到達和穿越美國的航班。可視化始於當天很早的時間,隨着時間的推移,像播放電影一樣顯示在全國各地飛行中的航班。不需要顯示時間外的任何數字,觀衆即可以看到當天哪段時間是國際航班、國內航班以及往返於全國各地不同樞紐的航班的熱門時間。

0?wx_fmt=jpeg


6)是什麼真正造成了全球變暖?


聽說過一種建議,“不要只簡單地展示6up,講個故事吧”?這正是彭博商業正在做的可視化 ——用互動講述故事的來龍去脈。

此圖的關鍵點是要反駁用自然原因解釋全球變暖的理論。首先你會看到從1880年至今觀測到的溫度上升。當你向下滾動,這個可視化圖會讓你清楚的瞭解相較於已被觀測到的因素,造成全球變暖的不同因素到底有多少,使故事內容更加豐富。作者希望觀衆能夠得到非常清晰的結論。

0?wx_fmt=jpeg


7)在敘利亞,誰和誰在戰鬥


許多不同的團體之間的關係可能很難理解 – 尤其是當有11個這樣的團體存在的時候,這些團體之間有的結盟,有的敵對,反之亦然。這讓人難以理解。但是,Slate網站通過表格的形式和熟悉的視覺效果和色彩,將這些6up簡化爲一種簡單的、易於理解和互動的形式。

0?wx_fmt=jpeg


觀衆可以點擊任一張臉來查看雙方關係的簡要描述。


0?wx_fmt=jpeg


8)最有價值的運動隊


這是通過疊加6up來講述深層故事的一個例子。這個交互由Column Five設計,受福布斯“2014年最具價值的運動隊50強”名單得到的啓發。但是它不僅將列表可視化,用戶還可以通過它看到每支隊伍參賽的時間以及奪得總冠軍的數量。這爲各隊的歷史和成功提供了更全面的看法。

0?wx_fmt=jpeg


9)美國風圖


下面是是個類似感恩節航班的可視化圖,除了圖中顯示的時刻,它還能實時顯示美國本土的風速和風向。它是直觀設計的一個很好的案例:風速用線條移動的快慢來表示,方向通過線條移動的路徑來表示。它會即時顯示美國風向的總體趨勢,無需任何數字,除非你在地圖上點擊鼠標。另外,使用時設定最多兩個變量會使它更容易操作。

0?wx_fmt=jpeg


10)政治新聞受衆渠道分佈圖


據Pew研究中心稱,通常,當設計師在信息內容很多又不能刪節的時候,他們通常會把信息放到6up表中,以使其更緊湊。但是,他們使用分佈圖來代替。爲什麼呢?因爲分佈圖可以讓觀衆在頻譜上看到每個媒體的渠道。在分佈圖上,每個媒體的渠道之間的距離尤爲顯著。如果這些點僅僅是在表中列出,觀衆無法看到每個渠道之間的比較。

0?wx_fmt=jpeg


11)著名創意人士的日常慣例


這個6up的可視化圖是用奇特的想法描繪一個簡單的概念。這個表格利用Mason Currey的《日常慣例》一書中的信息展示了那些著名的創意人士的日程安排,解讀其時間和活動安排。這不僅是一個操作6up的例子(因爲你可以通過單獨的活動來瀏覽日程安排),也是一個品牌宣傳的佳作。

0?wx_fmt=jpeg


12)今年發生了哪些新聞?


最好的6up可視化方式,就是用直觀和美麗的方式傳達信息。Echelon Insights致力於這一方式,即將2014年Twitter上最受關注的新聞進行可視化。1億8450萬條推文是什麼樣子?如圖所示的藝術品。

0?wx_fmt=jpeg


13)問題的深度


當你想強調規模的時候,靜態6up可視化是表達你的觀點的極佳方式。下面這張來自《華盛頓郵報》的信息圖長得令人難以置信…這是故意的。他們在圖中展示了一架飛機可以探測到的深海信號是多麼的深,通過比較飛機的探測深度與高層建築、已知哺乳動物的最大深度、泰坦尼克號沉船的深度等。這是簡單的視覺效果和顏色梯度的極佳使用方式。最後,將6up添加到新聞報道(文中爲失蹤的馬航)是提供背景的好方式。

0?wx_fmt=jpeg


14)Funding the Final Frontier


上述圖表相對簡單,以下是創造設計精緻的、傳遞大量6up的圖標方法。祕訣何在?用簡單的和乾淨的格式,便於讀者理解6up。這個由GOOD Magazine 和 Column Five製作的圖表,解讀了NASA的五年預算,顯示資金將怎麼花、花在哪裏。此外,它有主題設計-一個全方位的勝利。

0?wx_fmt=jpeg


15)Kontakladen慈善年度報告


不是所有的6up可視化都需要用動畫的形式來表達。當現實世界的6up通過現實生活中的例子進行可視化,結果會令人驚歎。設計師Marion Luttenberger把包含在Kontakladen慈善年報中的6up以一種獨特的方法表現出來。該組織爲奧地利的吸毒者提供支持,所以Luttenberger的使命就是通過真實的視覺來宣傳。例如,這輛購物車形象的表現了受助者每一天可以負擔得起多少生活必需品。

0?wx_fmt=jpeg


16)Austria Solar 年度報告


雖然有許多方法使6up視覺化,但是使用信息主題去真實創建6up可視化(注意了)意義重大。這份來自Austria Solar 的年度報告通過頁面上的太陽光感墨水用真正的太陽能賦予公司6up以生命。一句話:他們是天才。



 End 


分享到: