7種方式玩轉信息可視化中的時間線設計

3 評論 28190 瀏覽 25 收藏 8 分鐘

時間常常被認為是一種主觀的體驗,然而在可視化的表達中,時間卻成為了結構化維度。時間幫助我們構建穩健而直觀的框架,使我們更好地建立事件間的聯系。

按照時間線的方式闡述信息已經廣泛應用于企業傳播、營銷的各個領域。從小扎、雷總介紹新產品,到日常做年報、里程碑事件的PPT,我們都能發現時間線的身影?;蛟S你和我一樣抱有疑惑:怎樣才能將時間線用得出彩?那么今天我們不妨看看以下七種有意思的時間線設計。

時間線的構成

要玩轉時間線,首先我們需要了解其四方面的構成元素:

  1. 描述時間的軌跡或路徑:我們以何種方式呈現時間線,它的發展軌跡如果,如何體現時間的變化?
  2. 點或段的定義:時間線上排布哪些要素,某一個固定的時間節點如何展開?
  3. 文本或圖形的定義:文本和圖形所放置的位置,他們是否需要呈現某種變化關系?
  4. 標簽和調用的定義:補充說明的標簽如何植入,需要調用哪些圖文來增強闡釋?

三維螺旋時間線

數據可視化

在古時候,東西方的先賢已經用首尾相銜的蛇來表示時空的無盡,柏拉圖形容銜尾蛇為一頭處于自我吞食狀態的宇宙始祖。而同樣的螺旋方式也可以用在時間線的表達上。我們發現三維螺旋時間線能夠更理想地刻畫時間周期中其他要素的變化。在這個例子中,插圖增加了地理、生物的演變,讓整個歷史周期的顯得更為奇妙。我們在農業、工業產品制造中也可以通過三維建模地形式將生物科技、產品流程等不易觀察的內容進行更好地展示。

交互時間線

數據可視化

這個精致的時間線顯示了大英圖書館中的西方歷史資源。用戶在顯示的頂部選擇一個時間線,然后通過在底部的滾軸控制時間周期,最后選擇一個圖像卡,并訪問該卡背面的信息頁面。與大多數時間線不同的是,使用交互的時間線并沒有描繪一個完整而龐大的時間路徑,而是將他們打包好,卡片化地放置在最底層的時間線上布局。這樣的形式可以用在目前的游戲、網頁頁面中。

棋盤時間線

數據可視化

一款當年盛行的大富翁游戲,將棋盤類的時間線深深地印刻在我們的記憶里。棋盤時間線淺顯易懂、生動活潑,在設計上也能植入豐富的元素,因此是許多流程圖、進程表、大事件表的理想選擇。

大數據時間線

數據可視化

這個時間線描繪了從公元前1184年到公元3978年間的歷史。要將這么龐大的時間脈絡放進一個整潔的圖上幾乎是不可能的。因此設計師和藝術家們嘗試用更為抽象的方式來描繪時間旅行。在銀河系搭車手冊、星際穿越、三體等許多著作里,我們都感受到了時間線是一個可以扭曲的維度,而在這張圖里,便是用曲線和混沌的關系網來描繪時間的軌跡,并用顏色代表了時間旅行的方法。并非所有人都能看懂和接受這樣的時間線圖,但相信這個圖的受眾,大多數的科幻迷都會理解的。大數據時間線可能離我們日常所見的信息圖稍遠一些,但在數據分析越來越重要的當下社會,必將有更多的應用。

關系時間線

數據可視化

在哲學和藝術史的研究里,我們常常通過三種方法來判定一個人屬于什么流派:他的風格如何、他推崇會跟隨過誰、他處于什么時代。在這張西方文化史的時間線圖里,背景形態刻畫了各類流派存在的時間跨度,順著時間線,我們可以點擊查看各流派之間的沖突和融合。具有關系的時間線目前越來越多地搭配交互使用,在電腦端和移動端數據新聞頁面上,均有過出色的實踐。

甘特時間線

數據可視化

甘特圖又稱為橫道圖、條狀圖,即以圖示的方式通過活動列表和時間刻度形象地表示出任何特定項目的活動順序與持續時間。基本是一條線條圖,橫軸表示時間,縱軸表示項目,線條表示在整個期間上計劃和實際的活動完成情況。甘特圖不僅常常出現在我們的Excel項目計劃里,也在影音剪輯軟件等界面上頗為常見。這張時間線圖描繪了“美國總統選舉的辯論情況”。設計師為此創作多重的時間表:左側代表了選舉年份,上方代表了辯論日程,下方代表了每個階段的議題,并有一個簡單引向圖例的顏色代碼。我們可以將甘特圖運用于項目的規劃上,同時也可以用來反映一個項目進行中的多層面事件。

復雜時間線信息圖

數據可視化

在如圖所示的趨勢圖中,時間線提供了一個框架,用于整合其他類型的抽象圖形。混合的格式允許設計師添加新的維度,將相關信息與時間線相串聯。與此同時,為了幫助讀者區分圖形類型,設計師需要增加更清晰的視覺引導,比如:圖標、放大區域。在復雜的時間線信息圖中,到底是幫助理解還是阻礙溝通,取決于信息是否能夠按照邏輯聚焦。復雜時間線信息圖常常用在企業墻、畫冊首頁,用于介紹里程碑事件和企業的發展歷程。

 

作者@當歸視覺工作室Donegood_Studio

來源:http://www.36dsj.com/archives/32041

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 大英博物館那個很好

    來自北京 回復
  2. 大英博物館那個很好

    來自四川 回復
  3. 所以呢….?

    來自天津 回復