03

199IT資料中心微信賬戶:i199IT

翻譯:當歸視覺工作室

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

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

時間線的構成

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

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

三維螺旋時間線

118118011

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

互動時間線

116116011

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

棋盤時間線

114114011

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

大資料時間線

113113011

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

關係時間線

115115011

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

甘特時間線

119119011

複雜時間線資訊圖

120120012

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

摘自:understandinggraphics

http://understandinggraphics.com/visualizations/visual-language-of-timelines/