7種方式玩轉(zhuǎn)信息可視化中的時間線設(shè)計
時間常常被認(rèn)為是一種主觀的體驗(yàn),然而在可視化的表達(dá)中,時間卻成為了結(jié)構(gòu)化維度。時間幫助我們構(gòu)建穩(wěn)健而直觀的框架,使我們更好地建立事件間的聯(lián)系。
按照時間線的方式闡述信息已經(jīng)廣泛應(yīng)用于企業(yè)傳播、營銷的各個領(lǐng)域。從小扎、雷總介紹新產(chǎn)品,到日常做年報、里程碑事件的PPT,我們都能發(fā)現(xiàn)時間線的身影?;蛟S你和我一樣抱有疑惑:怎樣才能將時間線用得出彩?那么今天我們不妨看看以下七種有意思的時間線設(shè)計。
時間線的構(gòu)成
要玩轉(zhuǎn)時間線,首先我們需要了解其四方面的構(gòu)成元素:
1、描述時間的軌跡或路徑:我們以何種方式呈現(xiàn)時間線,它的發(fā)展軌跡如果,如何體現(xiàn)時間的變化?
2、點(diǎn)或段的定義:時間線上排布哪些要素,某一個固定的時間節(jié)點(diǎn)如何展開?
3、文本或圖形的定義:文本和圖形所放置的位置,他們是否需要呈現(xiàn)某種變化關(guān)系?
4、標(biāo)簽和調(diào)用的定義:補(bǔ)充說明的標(biāo)簽如何植入,需要調(diào)用哪些圖文來增強(qiáng)闡釋?
三維螺旋時間線
在古時候,東西方的先賢已經(jīng)用首尾相銜的蛇來表示時空的無盡,柏拉圖形容銜尾蛇為一頭處于自我吞食狀態(tài)的宇宙始祖。而同樣的螺旋方式也可以用在時間線的表達(dá)上。我們發(fā)現(xiàn)三維螺旋時間線能夠更理想地刻畫時間周期中其他要素的變化。在這個例子中,插圖增加了地理、生物的演變,讓整個歷史周期的顯得更為奇妙。我們在農(nóng)業(yè)、工業(yè)產(chǎn)品制造中也可以通過三維建模地形式將生物科技、產(chǎn)品流程等不易觀察的內(nèi)容進(jìn)行更好地展示。
交互時間線
這個精致的時間線顯示了大英圖書館中的西方歷史資源。用戶在顯示的頂部選擇一個時間線,然后通過在底部的滾軸控制時間周期,***選擇一個圖像卡,并訪問該卡背面的信息頁面。與大多數(shù)時間線不同的是,使用交互的時間線并沒有描繪一個完整而龐大的時間路徑,而是將他們打包好,卡片化地放置在***層的時間線上布局。這樣的形式可以用在目前的游戲、網(wǎng)頁頁面中。
棋盤時間線
一款當(dāng)年盛行的大富翁游戲,將棋盤類的時間線深深地印刻在我們的記憶里。棋盤時間線淺顯易懂、生動活潑,在設(shè)計上也能植入豐富的元素,因此是許多流程圖、進(jìn)程表、大事件表的理想選擇。
大數(shù)據(jù)時間線
這個時間線描繪了從公元前1184年到公元3978年間的歷史。要將這么龐大的時間脈絡(luò)放進(jìn)一個整潔的圖上幾乎是不可能的。因此設(shè)計師和藝術(shù)家們嘗試用更為抽象的方式來描繪時間旅行。在銀河系搭車手冊、星際穿越、三體等許多著作里,我們都感受到了時間線是一個可以扭曲的維度,而在這張圖里,便是用曲線和混沌的關(guān)系網(wǎng)來描繪時間的軌跡,并用顏色代表了時間旅行的方法。并非所有人都能看懂和接受這樣的時間線圖,但相信這個圖的受眾,大多數(shù)的科幻迷都會理解的。大數(shù)據(jù)時間線可能離我們?nèi)粘K姷男畔D稍遠(yuǎn)一些,但在數(shù)據(jù)分析越來越重要的當(dāng)下社會,必將有更多的應(yīng)用。
關(guān)系時間線
在哲學(xué)和藝術(shù)史的研究里,我們常常通過三種方法來判定一個人屬于什么流派:他的風(fēng)格如何、他推崇會跟隨過誰、他處于什么時代。在這張西方文化史的時間線圖里,背景形態(tài)刻畫了各類流派存在的時間跨度,順著時間線,我們可以點(diǎn)擊查看各流派之間的沖突和融合。具有關(guān)系的時間線目前越來越多地搭配交互使用,在電腦端和移動端數(shù)據(jù)新聞頁面上,均有過出色的實(shí)踐。
甘特時間線
甘特圖又稱為橫道圖、條狀圖,即以圖示的方式通過活動列表和時間刻度形象地表示出任何特定項(xiàng)目的活動順序與持續(xù)時間?;臼且粭l線條圖,橫軸表示時間,縱軸表示項(xiàng)目,線條表示在整個期間上計劃和實(shí)際的活動完成情況。甘特圖不僅常常出現(xiàn)在我們的Excel項(xiàng)目計劃里,也在影音剪輯軟件等界面上頗為常見。這張時間線圖描繪了“美國總統(tǒng)選舉的辯論情況”。設(shè)計師為此創(chuàng)作多重的時間表:左側(cè)代表了選舉年份,上方代表了辯論日程,下方代表了每個階段的議題,并有一個簡單引向圖例的顏色代碼。我們可以將甘特圖運(yùn)用于項(xiàng)目的規(guī)劃上,同時也可以用來反映一個項(xiàng)目進(jìn)行中的多層面事件。
復(fù)雜時間線信息圖
在如圖所示的趨勢圖中,時間線提供了一個框架,用于整合其他類型的抽象圖形?;旌系母袷皆试S設(shè)計師添加新的維度,將相關(guān)信息與時間線相串聯(lián)。與此同時,為了幫助讀者區(qū)分圖形類型,設(shè)計師需要增加更清晰的視覺引導(dǎo),比如:圖標(biāo)、放大區(qū)域。在復(fù)雜的時間線信息圖中,到底是幫助理解還是阻礙溝通,取決于信息是否能夠按照邏輯聚焦。復(fù)雜時間線信息圖常常用在企業(yè)墻、畫冊首頁,用于介紹里程碑事件和企業(yè)的發(fā)展歷程。