資訊視覺化中的時間線設計,不懂的過來

2022-09-16 07:57:11 字數 2147 閱讀 5018

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

時間線的構成

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

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

三維螺旋時間線

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

互動時間線

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

棋盤時間線

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

大資料時間線

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

關係時間線

甘特時間線

甘特圖又稱為橫道圖、條狀圖,即以圖標的方式通過活動列表和時間刻度形象地表示出任何特定專案的活動順序與持續時間。基本是一條線條圖,橫軸表示時間,縱軸表示專案,線條表示在整個期間上計畫和實際的活動完成情況。甘特圖不僅常常出現在我們的excel專案計畫裡,也在影音剪輯軟體等介面上頗為常見。這張時間線圖描繪了「美國**選舉的辯論情況」。設計師為此創作多重的時間表:左側代表了選舉年份,上方代表了辯論日程,下方代表了每個階段的議題,並有乙個簡單引向圖例的顏色**。我們可以將甘特圖運用於專案的規劃上,同時也可以用來反映乙個專案進行中的多層面事件。

複雜時間線資訊圖

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

視覺化中的互動 一

資料視覺化中的互動研究屬於視覺化與人機互動 hci 的交叉領域。互動是使用者與系統之間的資訊交流。從資訊流量來說,視覺化中互動兩端的資訊流量通常是不對稱的互動的目的是讓使用者來操作檢視和資料,從系統輸出到使用者的資訊量比使用者到系統的要多而人機互動領域中許多情況是相反的,許多互動裝置的目的是大量採集...

中國國內航線資訊的視覺化

找到中國的機場 portinchina v4 china chinaport 去除少數幾個沒有編號的機場 chinaport c v3 v5 v7 v8 v9 names chinaport city code lan lon att 找出國內航班 lineinchina v3 in chinapo...

linux中gdb的視覺化除錯

今天get到乙個在linux下gdb除錯程式的技巧和大家分享一下!平時我們利用gcc進行程式設計,進行程式除錯時,觀察程式的跳轉等不是這麼直觀。都是入下的介面!但是如果我們在編譯連線時上加了 g命令生成的可執行檔案,用gdb tui q p2psrv 要debug的命令 就可以進入乙個類似的視覺化的...