導(dǎo)讀：時(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í)間線的身影。或許你和我一樣抱有疑惑：怎樣才能將時(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ǔ)充說明的標(biāo)簽如何植入，需要調(diào)用哪些圖文來增強(qiáng)闡釋？
三維螺旋時(shí)間線
間線.png "三維螺旋時(shí)間線")
在古時(shí)候，東西方的先賢已經(jīng)用首尾相銜的蛇來表示時(shí)空的無(wú)盡，柏拉圖形容銜尾蛇為一頭處于自我吞食狀態(tài)的宇宙始祖。而同樣的螺旋方式也可以用在時(shí)間線的表達(dá)上。我們發(fā)現(xiàn)三維螺旋時(shí)間線能夠更理想地刻畫時(shí)間周期中其他要素的變化。在這個(gè)例子中，插圖增加了地理、生物的演變，讓整個(gè)歷史周期的顯得更為奇妙。我們?cè)谵r(nóng)業(yè)、工業(yè)產(chǎn)品制造中也可以通過三維建模地形式將生物科技、產(chǎn)品流程等不易觀察的內(nèi)容進(jìn)行更好地展示。
交互時(shí)間線
間線.png "交互時(shí)間線")
這個(gè)精致的時(shí)間線顯示了大英圖書館中的西方歷史資源。用戶在顯示的頂部選擇一個(gè)時(shí)間線，然后通過在底部的滾軸控制時(shí)間周期，最后選擇一個(gè)圖像卡，并訪問該卡背面的信息頁(yè)面。與大多數(shù)時(shí)間線不同的是，使用交互的時(shí)間線并沒有描繪一個(gè)完整而龐大的時(shí)間路徑，而是將他們打包好，卡片化地放置在最底層的時(shí)間線上布局。這樣的形式可以用在目前的游戲、網(wǎng)頁(yè)頁(yè)面中。
棋盤時(shí)間線
間線.png "棋盤時(shí)間線")
一款當(dāng)年盛行的大富翁游戲，將棋盤類的時(shí)間線深深地印刻在我們的記憶里。棋盤時(shí)間線淺顯易懂、生動(dòng)活潑，在設(shè)計(jì)上也能植入豐富的元素，因此是許多流程圖、進(jìn)程表、大事件表的理想選擇。
大數(shù)據(jù)時(shí)間線
據(jù)時(shí)間線.png "大數(shù)據(jù)時(shí)間線")
這個(gè)時(shí)間線描繪了從公元前1184年到公元3978年間的歷史。要將這么龐大的時(shí)間脈絡(luò)放進(jìn)一個(gè)整潔的圖上幾乎是不可能的。因此設(shè)計(jì)師和藝術(shù)家們嘗試用更為抽象的方式來描繪時(shí)間旅行。在銀河系搭車手冊(cè)、星際穿越、三體等許多著作里，我們都感受到了時(shí)間線是一個(gè)可以扭曲的維度，而在這張圖里，便是用曲線和混沌的關(guān)系網(wǎng)來描繪時(shí)間的軌跡，并用顏色代表了時(shí)間旅行的方法。并非所有人都能看懂和接受這樣的時(shí)間線圖，但相信這個(gè)圖的受眾，大多數(shù)的科幻迷都會(huì)理解的。大數(shù)據(jù)時(shí)間線可能離我們?nèi)粘Ｋ姷男畔D稍遠(yuǎn)一些，但在數(shù)據(jù)分析越來越重要的當(dāng)下社會(huì)，必將有更多的應(yīng)用。
關(guān)系時(shí)間線
系時(shí)間線.png "關(guān)系時(shí)間線")
在哲學(xué)和藝術(shù)史的研究里，我們常常通過三種方法來判定一個(gè)人屬于什么流派：他的風(fēng)格如何、他推崇會(huì)跟隨過誰(shuí)、他處于什么時(shí)代。在這張西方文化史的時(shí)間線圖里，背景形態(tài)刻畫了各類流派存在的時(shí)間跨度，順著時(shí)間線，我們可以點(diǎn)擊查看各流派之間的沖突和融合。具有關(guān)系的時(shí)間線目前越來越多地搭配交互使用，在電腦端和移動(dòng)端數(shù)據(jù)新聞頁(yè)面上，均有過出色的實(shí)踐。
甘特時(shí)間線
間線.png "甘特時(shí)間線")
甘特圖又稱為橫道圖、條狀圖，即以圖示的方式通過活動(dòng)列表和時(shí)間刻度形象地表示出任何特定項(xiàng)目的活動(dòng)順序與持續(xù)時(shí)間。基本是一條線條圖，橫軸表示時(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í)也可以用來反映一個(gè)項(xiàng)目進(jìn)行中的多層面事件。
復(fù)雜時(shí)間線信息圖
雜時(shí)間線信息圖.png "復(fù)雜時(shí)間線信息圖")
在如圖所示的趨勢(shì)圖中，時(shí)間線提供了一個(gè)框架，用于整合其他類型的抽象圖形。混合的格式允許設(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ā)展歷程。
——來源：Donegood_Studio
]]>
【導(dǎo)讀】：在大數(shù)據(jù)時(shí)代，數(shù)據(jù)攜帶的信息量越來越多，數(shù)據(jù)可視化、信息可視化變得越來越重要，如何將龐大的信息“直觀、簡(jiǎn)潔”的展現(xiàn)給讀者？在各種煩雜的信息中，到底什么才是重要的？什么是可以舍棄的？分享信息可視化的經(jīng)典案例——倫敦地鐵線路圖
1863?年，倫敦地鐵第一次通車。在之后的幾十年中，數(shù)條鐵路線出現(xiàn)，并且縱橫交錯(cuò)。但由于私營(yíng)企業(yè)的運(yùn)營(yíng)，地鐵線路圖也隨之變得復(fù)雜混亂，這與如今的標(biāo)志性地鐵圖大為不同。
這張標(biāo)志性的地鐵線路圖1931年由Harry?Beck設(shè)計(jì)的，現(xiàn)在世界各地的地鐵圖大多由該地鐵圖衍生而來。而實(shí)際上，在這張著名的地鐵線路圖出現(xiàn)之前，人們也曾設(shè)計(jì)過許多地鐵線路圖。
尺寸問題
地鐵線路分布之廣讓線路圖的制作非常困難。即便在倫敦市中心，站與站之間的距離也大相徑庭。比如考文特花園站和萊斯特廣場(chǎng)站僅隔200米，而國(guó)王十字站和法林頓站卻相隔1.85公里遠(yuǎn)。
地鐵線路延伸至距離貝克街50英里的周邊郊區(qū)——白金漢郡的維爾內(nèi)路口站和布里爾站。當(dāng)時(shí)的地鐵線路圖設(shè)計(jì)要求地圖和實(shí)際的地理位置要準(zhǔn)確的定位。
但到了1930年，人們清楚地認(rèn)識(shí)到，想在一張地圖上按照真實(shí)比例來反應(yīng)和規(guī)劃整個(gè)地鐵網(wǎng)絡(luò)，實(shí)在是一個(gè)可以讓人絕望的工程。所以那時(shí)的地鐵線路圖往往只側(cè)重于倫敦市中心的地鐵線路的描繪。而地圖上的那些幸存的地鐵線路逐漸布及城市邊緣地區(qū)。
而許多早期的線路圖因?yàn)槌錆M藝術(shù)氣息，如今成為收藏家的的藏品。即使這些地圖沒有什么用處。
地圖還是蒙德里安？
1925?年，一位名叫Harry?Beck的工程繪圖師加入倫敦地鐵的繪圖隊(duì)伍，并于1931年發(fā)明了新的線路設(shè)計(jì)圖。這張圖不僅成為倫敦市民和游客的工具，其自身設(shè)計(jì)也頗受人們喜愛。如今倫敦地鐵線路圖仍遵循當(dāng)時(shí)的基本設(shè)計(jì)。
但是，當(dāng)?Beck向地鐵管理部門初次展示他的設(shè)計(jì)時(shí)，地鐵管理部門卻對(duì)此表示懷疑。Beck設(shè)計(jì)的地鐵線路呈水平、垂直或?qū)蔷€延伸。擺脫了真實(shí)地理比例局限，地鐵線路圖如同一個(gè)電路圖，又像是一幅蒙德里安風(fēng)格的繪畫。
Beck認(rèn)為，實(shí)際的距離并不是特別的重要，乘客們只需要知道他們應(yīng)該要在哪里上車和下車就可以了。
1933?年，地鐵、城市公交車、有軌電車、無(wú)軌電車、過河巴士以及綠線公交組合成一個(gè)新的公共交通集團(tuán)：倫敦乘客運(yùn)輸委員會(huì)。1932年，在少數(shù)站點(diǎn)嘗試性地印發(fā)500?份的Back的線路圖后，在1933年又印發(fā)了70萬(wàn)份線路圖。一個(gè)月內(nèi)又重印了再發(fā)了一遍，這表明線路圖十分的成功受人們的喜歡。
可是這份線路圖也并非完美。Back并沒有考慮區(qū)域線的西端區(qū)域，也沒有考慮里克曼沃斯另一邊的大都市區(qū)的郊區(qū)。經(jīng)過他多年的改進(jìn)，這些問題已得到解決。他的最終設(shè)計(jì)版本于1960年印發(fā)。
直至1974年去世之前，他仍在繼續(xù)著私人設(shè)計(jì)，包括數(shù)十年前就開始繪制的巴黎地鐵線路圖。
淚流成河(歌名：Cry?me?a?river)
自1986年起，這項(xiàng)設(shè)計(jì)工作已成為一項(xiàng)公司任務(wù)，而作為創(chuàng)始者的Back卻近乎被人們遺忘。其他國(guó)家紛紛效仿這份線路圖的設(shè)計(jì)。它不僅成為各國(guó)地鐵線路圖的設(shè)計(jì)模板，也激發(fā)了許多設(shè)計(jì)靈感，在襯衫、咖啡杯以及無(wú)數(shù)商品上都可以見到它的身影。
2009年，一直被奉為倫敦地標(biāo)的泰晤士河從地圖上被移去。這項(xiàng)舉措在全國(guó)激起一片嘩然，各國(guó)媒體的負(fù)面報(bào)道更是紛至沓來。最終幾個(gè)月后，泰晤士河又重新出現(xiàn)在地鐵圖上。正如郵票收藏者珍藏愛德華八世的郵票一樣，因其珍稀的設(shè)計(jì)，許多收藏者也將珍藏這份沒有泰晤士河的線路圖。
2006年，BBC發(fā)起“英國(guó)最偉大的設(shè)計(jì)”評(píng)選活動(dòng)，超過20萬(wàn)名觀眾對(duì)一些著名設(shè)計(jì)進(jìn)行投票。Back設(shè)計(jì)的線路圖名列第二，僅次于世界上最美飛機(jī)——協(xié)和客機(jī)。
Back的地圖以及之后的更新版本同樣也給予藝術(shù)家靈感。David?Booth的《The?Tate?Gallery?by?Tube》是倫敦地鐵站的宣傳海報(bào)，用畫作展示了紛繁復(fù)雜的路線。自1992年起，泰特現(xiàn)代美術(shù)館展出Simon?Patterson的《大熊》一作，畫中地鐵站名稱變成諸多藝術(shù)家、探險(xiǎn)家、科學(xué)家、演員以及作家的名字。
受到倫敦地鐵線路圖啟發(fā)的不僅僅是藝術(shù)家。多年來，學(xué)生們?yōu)榱舜虬l(fā)上學(xué)和放學(xué)途中的無(wú)聊時(shí)間，嘗試將站名翻譯成不同的語(yǔ)言，如將站名翻譯成德語(yǔ)。或者使用Johnston字體使地鐵路線一目了然。這樣人們就能輕松記憶線路圖的每一站。
隨著工藝品和紀(jì)念品的融入，漸漸的，人們腦海中刻下了一張?zhí)厥獾膫惗氐貓D。80多年來，Back設(shè)計(jì)的線路圖仍被視為新地鐵路線設(shè)計(jì)的標(biāo)桿。
——來源：煎蛋?[一夕via?BBC]
]]>