信息可視化 – 樂思網(wǎng)絡(luò)輿情監(jiān)測,快全準! http://www.galou.cn/wp Thu, 27 Aug 2015 03:49:34 +0000 zh-CN hourly 1 https://wordpress.org/?v=5.5.18 【干貨】7種方式玩轉(zhuǎn)信息可視化中的時間線設(shè)計 http://www.galou.cn/wp/article/10289 Thu, 27 Aug 2015 11:49:34 +0000 http://www.galou.cn/wp/?p=10289  

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

 

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

 

時間線的構(gòu)成

 

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

 

1、描述時間的軌跡或路徑:我們以何種方式呈現(xiàn)時間線,它的發(fā)展軌跡如何體現(xiàn)時間的變化?

 

2、點或段的定義:時間線上排布哪些要素,某一個固定的時間節(jié)點如何展開?

 

3、文本或圖形的定義:文本和圖形所放置的位置,他們是否需要呈現(xiàn)某種變化關(guān)系?

 

4、標簽和調(diào)用的定義:補充說明的標簽如何植入,需要調(diào)用哪些圖文來增強闡釋?

 

三維螺旋時間線

 

三維螺旋時間線

 

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

 

交互時間線

 

交互時間線

 

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

 

棋盤時間線

 

棋盤時間線

 

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

 

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

 

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

 

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

 

關(guān)系時間線

 

關(guān)系時間線

 

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

 

甘特時間線

 

甘特時間線

 

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

 

復雜時間線信息圖

 

復雜時間線信息圖

 

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

 

——來源:Donegood_Studio

]]> 信息可視化的經(jīng)典案例:倫敦地鐵線路圖 http://www.galou.cn/wp/article/9956 Fri, 07 Aug 2015 14:16:05 +0000 http://www.galou.cn/wp/?p=9956  

【導讀】:在大數(shù)據(jù)時代,數(shù)據(jù)攜帶的信息量越來越多,數(shù)據(jù)可視化、信息可視化變得越來越重要,如何將龐大的信息“直觀、簡潔”的展現(xiàn)給讀者?在各種煩雜的信息中,到底什么才是重要的?什么是可以舍棄的?分享信息可視化的經(jīng)典案例——倫敦地鐵線路圖

 

1863?年,倫敦地鐵第一次通車。在之后的幾十年中,數(shù)條鐵路線出現(xiàn),并且縱橫交錯。但由于私營企業(yè)的運營,地鐵線路圖也隨之變得復雜混亂,這與如今的標志性地鐵圖大為不同。

 

信息可視化的經(jīng)典案例:倫敦地鐵線路圖

 

這張標志性的地鐵線路圖1931年由Harry?Beck設(shè)計的,現(xiàn)在世界各地的地鐵圖大多由該地鐵圖衍生而來。而實際上,在這張著名的地鐵線路圖出現(xiàn)之前,人們也曾設(shè)計過許多地鐵線路圖。

 

尺寸問題

 

地鐵線路分布之廣讓線路圖的制作非常困難。即便在倫敦市中心,站與站之間的距離也大相徑庭。比如考文特花園站和萊斯特廣場站僅隔200米,而國王十字站和法林頓站卻相隔1.85公里遠。

 

地鐵線路延伸至距離貝克街50英里的周邊郊區(qū)——白金漢郡的維爾內(nèi)路口站和布里爾站。當時的地鐵線路圖設(shè)計要求地圖和實際的地理位置要準確的定位。

 

但到了1930年,人們清楚地認識到,想在一張地圖上按照真實比例來反應和規(guī)劃整個地鐵網(wǎng)絡(luò),實在是一個可以讓人絕望的工程。所以那時的地鐵線路圖往往只側(cè)重于倫敦市中心的地鐵線路的描繪。而地圖上的那些幸存的地鐵線路逐漸布及城市邊緣地區(qū)。

 

而許多早期的線路圖因為充滿藝術(shù)氣息,如今成為收藏家的的藏品。即使這些地圖沒有什么用處。

 

信息可視化的經(jīng)典案例:倫敦地鐵線路圖

 

地圖還是蒙德里安?

 

1925?年,一位名叫Harry?Beck的工程繪圖師加入倫敦地鐵的繪圖隊伍,并于1931年發(fā)明了新的線路設(shè)計圖。這張圖不僅成為倫敦市民和游客的工具,其自身設(shè)計也頗受人們喜愛。如今倫敦地鐵線路圖仍遵循當時的基本設(shè)計。

 

但是,當?Beck向地鐵管理部門初次展示他的設(shè)計時,地鐵管理部門卻對此表示懷疑。Beck設(shè)計的地鐵線路呈水平、垂直或?qū)蔷€延伸。擺脫了真實地理比例局限,地鐵線路圖如同一個電路圖,又像是一幅蒙德里安風格的繪畫。

 

Beck認為,實際的距離并不是特別的重要,乘客們只需要知道他們應該要在哪里上車和下車就可以了。

 

信息可視化的經(jīng)典案例:倫敦地鐵線路圖

 

1933?年,地鐵、城市公交車、有軌電車、無軌電車、過河巴士以及綠線公交組合成一個新的公共交通集團:倫敦乘客運輸委員會。1932年,在少數(shù)站點嘗試性地印發(fā)500?份的Back的線路圖后,在1933年又印發(fā)了70萬份線路圖。一個月內(nèi)又重印了再發(fā)了一遍,這表明線路圖十分的成功受人們的喜歡。

 

可是這份線路圖也并非完美。Back并沒有考慮區(qū)域線的西端區(qū)域,也沒有考慮里克曼沃斯另一邊的大都市區(qū)的郊區(qū)。經(jīng)過他多年的改進,這些問題已得到解決。他的最終設(shè)計版本于1960年印發(fā)。

 

直至1974年去世之前,他仍在繼續(xù)著私人設(shè)計,包括數(shù)十年前就開始繪制的巴黎地鐵線路圖。

 

信息可視化的經(jīng)典案例:倫敦地鐵線路圖

 

淚流成河(歌名:Cry?me?a?river)

 

自1986年起,這項設(shè)計工作已成為一項公司任務,而作為創(chuàng)始者的Back卻近乎被人們遺忘。其他國家紛紛效仿這份線路圖的設(shè)計。它不僅成為各國地鐵線路圖的設(shè)計模板,也激發(fā)了許多設(shè)計靈感,在襯衫、咖啡杯以及無數(shù)商品上都可以見到它的身影。

 

2009年,一直被奉為倫敦地標的泰晤士河從地圖上被移去。這項舉措在全國激起一片嘩然,各國媒體的負面報道更是紛至沓來。最終幾個月后,泰晤士河又重新出現(xiàn)在地鐵圖上。正如郵票收藏者珍藏愛德華八世的郵票一樣,因其珍稀的設(shè)計,許多收藏者也將珍藏這份沒有泰晤士河的線路圖。

 

2006年,BBC發(fā)起“英國最偉大的設(shè)計”評選活動,超過20萬名觀眾對一些著名設(shè)計進行投票。Back設(shè)計的線路圖名列第二,僅次于世界上最美飛機——協(xié)和客機。

 

信息可視化的經(jīng)典案例:倫敦地鐵線路圖

 

Back的地圖以及之后的更新版本同樣也給予藝術(shù)家靈感。David?Booth的《The?Tate?Gallery?by?Tube》是倫敦地鐵站的宣傳海報,用畫作展示了紛繁復雜的路線。自1992年起,泰特現(xiàn)代美術(shù)館展出Simon?Patterson的《大熊》一作,畫中地鐵站名稱變成諸多藝術(shù)家、探險家、科學家、演員以及作家的名字。

 

受到倫敦地鐵線路圖啟發(fā)的不僅僅是藝術(shù)家。多年來,學生們?yōu)榱舜虬l(fā)上學和放學途中的無聊時間,嘗試將站名翻譯成不同的語言,如將站名翻譯成德語。或者使用Johnston字體使地鐵路線一目了然。這樣人們就能輕松記憶線路圖的每一站。

 

隨著工藝品和紀念品的融入,漸漸的,人們腦海中刻下了一張?zhí)厥獾膫惗氐貓D。80多年來,Back設(shè)計的線路圖仍被視為新地鐵路線設(shè)計的標桿。

 

信息可視化的經(jīng)典案例:倫敦地鐵線路圖

 

——來源:煎蛋?[一夕via?BBC]

]]>