時(shí)間常常被認(rèn)為是一種主觀的體驗(yàn)，然而在可視化的表達(dá)中，時(shí)間卻成為了結(jié)構(gòu)化維度。時(shí)間幫助我們構(gòu)建穩(wěn)健而直觀的框架，使我們更好地建立事件間的聯(lián)系。

按照時(shí)間線的方式闡述信息已經(jīng)廣泛應(yīng)用于企業(yè)傳播、營(yíng)銷的各個(gè)領(lǐng)域。從小扎、雷總介紹新產(chǎn)品，到日常做年報(bào)、里程碑事件的PPT，我們都能發(fā)現(xiàn)時(shí)間線的身影?；蛟S你和我一樣抱有疑惑：怎樣才能將時(shí)間線用得出彩？那么今天我們不妨看看以下七種有意思的時(shí)間線設(shè)計(jì)。

時(shí)間線的構(gòu)成

要玩轉(zhuǎn)時(shí)間線，首先我們需要了解其四方面的構(gòu)成元素：

1. 描述時(shí)間的軌跡或路徑：我們以何種方式呈現(xiàn)時(shí)間線，它的發(fā)展軌跡如果，如何體現(xiàn)時(shí)間的變化？
2. 點(diǎn)或段的定義：時(shí)間線上排布哪些要素，某一個(gè)固定的時(shí)間節(jié)點(diǎn)如何展開？
3. 文本或圖形的定義：文本和圖形所放置的位置，他們是否需要呈現(xiàn)某種變化關(guān)系？
4. 標(biāo)簽和調(diào)用的定義：補(bǔ)充說(shuō)明的標(biāo)簽如何植入，需要調(diào)用哪些圖文來(lái)增強(qiáng)闡釋？

三維螺旋時(shí)間線

在古時(shí)候，東西方的先賢已經(jīng)用首尾相銜的蛇來(lái)表示時(shí)空的無(wú)盡，柏拉圖形容銜尾蛇為一頭處于自我吞食狀態(tài)的宇宙始祖。而同樣的螺旋方式也可以用在時(shí)間線的表達(dá)上。我們發(fā)現(xiàn)三維螺旋時(shí)間線能夠更理想地刻畫時(shí)間周期中其他要素的變化。在這個(gè)例子中，插圖增加了地理、生物的演變，讓整個(gè)歷史周期的顯得更為奇妙。我們?cè)谵r(nóng)業(yè)、工業(yè)產(chǎn)品制造中也可以通過(guò)三維建模地形式將生物科技、產(chǎn)品流程等不易觀察的內(nèi)容進(jìn)行更好地展示。

交互時(shí)間線

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

棋盤時(shí)間線

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

大數(shù)據(jù)時(shí)間線

這個(gè)時(shí)間線描繪了從公元前1184年到公元3978年間的歷史。要將這么龐大的時(shí)間脈絡(luò)放進(jìn)一個(gè)整潔的圖上幾乎是不可能的。因此設(shè)計(jì)師和藝術(shù)家們嘗試用更為抽象的方式來(lái)描繪時(shí)間旅行。在銀河系搭車手冊(cè)、星際穿越、三體等許多著作里，我們都感受到了時(shí)間線是一個(gè)可以扭曲的維度，而在這張圖里，便是用曲線和混沌的關(guān)系網(wǎng)來(lái)描繪時(shí)間的軌跡，并用顏色代表了時(shí)間旅行的方法。并非所有人都能看懂和接受這樣的時(shí)間線圖，但相信這個(gè)圖的受眾，大多數(shù)的科幻迷都會(huì)理解的。大數(shù)據(jù)時(shí)間線可能離我們?nèi)粘Ｋ姷男畔D稍遠(yuǎn)一些，但在數(shù)據(jù)分析越來(lái)越重要的當(dāng)下社會(huì)，必將有更多的應(yīng)用。

關(guān)系時(shí)間線

在哲學(xué)和藝術(shù)史的研究里，我們常常通過(guò)三種方法來(lái)判定一個(gè)人屬于什么流派：他的風(fēng)格如何、他推崇會(huì)跟隨過(guò)誰(shuí)、他處于什么時(shí)代。在這張西方文化史的時(shí)間線圖里，背景形態(tài)刻畫了各類流派存在的時(shí)間跨度，順著時(shí)間線，我們可以點(diǎn)擊查看各流派之間的沖突和融合。具有關(guān)系的時(shí)間線目前越來(lái)越多地搭配交互使用，在電腦端和移動(dòng)端數(shù)據(jù)新聞頁(yè)面上，均有過(guò)出色的實(shí)踐。

甘特時(shí)間線

甘特圖又稱為橫道圖、條狀圖，即以圖示的方式通過(guò)活動(dòng)列表和時(shí)間刻度形象地表示出任何特定項(xiàng)目的活動(dòng)順序與持續(xù)時(shí)間?；臼且粭l線條圖，橫軸表示時(shí)間，縱軸表示項(xiàng)目，線條表示在整個(gè)期間上計(jì)劃和實(shí)際的活動(dòng)完成情況。甘特圖不僅常常出現(xiàn)在我們的Excel項(xiàng)目計(jì)劃里，也在影音剪輯軟件等界面上頗為常見。這張時(shí)間線圖描繪了“美國(guó)總統(tǒng)選舉的辯論情況”。設(shè)計(jì)師為此創(chuàng)作多重的時(shí)間表：左側(cè)代表了選舉年份，上方代表了辯論日程，下方代表了每個(gè)階段的議題，并有一個(gè)簡(jiǎn)單引向圖例的顏色代碼。我們可以將甘特圖運(yùn)用于項(xiàng)目的規(guī)劃上，同時(shí)也可以用來(lái)反映一個(gè)項(xiàng)目進(jìn)行中的多層面事件。

復(fù)雜時(shí)間線信息圖

在如圖所示的趨勢(shì)圖中，時(shí)間線提供了一個(gè)框架，用于整合其他類型的抽象圖形?；旌系母袷皆试S設(shè)計(jì)師添加新的維度，將相關(guān)信息與時(shí)間線相串聯(lián)。與此同時(shí)，為了幫助讀者區(qū)分圖形類型，設(shè)計(jì)師需要增加更清晰的視覺引導(dǎo)，比如：圖標(biāo)、放大區(qū)域。在復(fù)雜的時(shí)間線信息圖中，到底是幫助理解還是阻礙溝通，取決于信息是否能夠按照邏輯聚焦。復(fù)雜時(shí)間線信息圖常常用在企業(yè)墻、畫冊(cè)首頁(yè)，用于介紹里程碑事件和企業(yè)的發(fā)展歷程。

作者@當(dāng)歸視覺工作室Donegood_Studio

來(lái)源：http://www.36dsj.com/archives/32041