數據信息圖表參數化設計技巧

2021-01-11 網際網路數據資訊網

信息圖表設計(Infographic Design),是信息設計(Information Design)學科的一個分支,它興起於20世紀末信息技術介入到多樣化的平面設計的過程中,是一種新型的視覺設計。

Infographic是一個可讀可視化的複合體系,由圖像、文字和數字結合而成使信息更高效地得以交流。它幫助人們更好地通過特定文本內容的視覺元素系統,顯著、鮮明、簡單、直接、連貫和全面地轉化字裡行間的可視化元素,並建立關聯,使信息得到再一次呈現。關於信息圖表相信大家已有接觸,就不贅述了,在此要闡明兩點:

首先,根據道格·紐瑟姆2004年定義,從表現形式的角度,「信息圖表」作為視覺工具應包括:圖表(charts),圖解(diagrams),圖形(graphs),表格(tables),地圖(maps),名單(list)六類。


圖(1) 列表式的圖表說明馬裡奧遇到不同對象後發生的相應變化,實際上是簡單的線性結構

其次,信息圖表的分類方法有很多,從圖形、文字、數據系統組織模式的角度,信息圖表設計可以分為:

1 時序性圖表

以時間信息為基礎,描述空間或事件在空間中的先後流動變化,以時間軸圖為代表。


圖(2) 《汽車樂土》巧妙地利用大富翁棋盤解釋了汽車的發展史.這個案例還說明時間軸並不一定是直線,有可能只是一條符合人們習慣或視線流的路徑。

2 空間關係性圖表

將空間位置的距離、高度、面積、區域按照一定比例高度抽象化的空間組織模式圖。常見的有地圖,導視圖以及器物結構圖等。


圖(3) 物化圖,德國golden section郵輪結構。將真實物體分層剖析,以抽象形式來解釋空間關係。

3 推導性圖表

描述整體事件的因果關係及邏輯變化情況圖,常見流程圖。


圖(4) 用權威嚴謹的流程圖表明飲水處理系統的安全可靠性

4 系統組織性圖表

組織圖是描述信息參數間整體與部分或上級與下級的從屬關係圖。


圖(5) 圖表廣告設計,為對比出女性穿衣打扮搭配繁瑣而設計的圖表,簡單而有效的表示類屬關係的方法用在這卻別具揶揄的意味。

5 關聯性圖表

描述在某一種特定關係下信息參數之間的聯繫圖。


圖(6) 《殺死比爾人物劇情介紹》敘事性圖表。這類圖表通常比較重視單一事件的平面描述而非時間進程,事件發生的過程往往被拆解成若干部分投影於同一個靜止的畫面分別介紹,著重細節的描繪。

通常的Infographic設計流程如下:

1 確立類型:空間類、時間類、定量類或三者綜合。
2 構成形式:合理運用圖量、圖狀或時間軸等視覺元素表達一個連貫的信息整體。
3 選擇手法:使用與主體相吻合的表現方式,平面靜態、視頻動態、網絡交互。

一個表意清晰明確的圖表往往離不開參數之間的比較,拋開花樣繁多的表現形式和視覺效果,我們進入信息圖表設計的基礎——參數設計。

參數可以被理解為在一定範圍內變化的數,任何現象中的某一種變量數,目前國內對於圖表中的參數設計沒有一個確定的解釋。參照Revit Building的思想,我將它暫時解釋為採用經過設定的單位、視圖和注釋符號,使每一個構件都通過一個變更傳播引擎互相聯繫。每一視圖下所發生的變更都能參數化的、雙向的關聯到其他視圖,便於圖像、數值間的檢索和比較。

參數對於設計者來說是一個切片工具,通過它將複雜事物抽絲剝繭,按照一定秩序分割排列於同一平面,藕斷絲連;對於讀者來說它是一條遊覽路徑,決定著人們的觀察角度和節奏,帶來移步易景,柳暗花明的精神體驗。參數的設定要根據圖表內容和目的來決定,常用的參數有時間、距離,觀察對象的物理特徵(體積、溫度等)和抽象的因素(影響、規模)包括心理因素等等。參數的安排要分主次,一般來說,主參數是符合人們認知和閱讀習慣的元素(比如時間,距離),它們具有較強的連續性和穩定性,貫穿圖表始終;副參數提供一種觀察角度或展現某種規律,它們可以穿插於圖表,但要注意不能過於瑣碎。有的參數本身就是信息核心內容,可以達到提綱挈領之效;有的參數是為了幫助理解晦澀無序的信息或者枯燥的數據調味,起到順藤摸瓜的作用。


圖(7) 日本設計師佐藤雅彥在《F通過》一書中的參數設計示意

有人認為信息圖表的參數化設計是一套以邏輯關係與幾何關係為基礎對信息參數進行分析、解構、重組,形成適合於信息參數合理構建與自我增殖的信息組織模式,那麼其中的一個關鍵就是數據組織模式。

數據組織模式是一種描述信息之間數學關係的參數化方法。按照數據組織模式形成的信息圖表通常用於企業年度報表、產業發展報告、政府財政信息總結等涉及描述大容量數據關係的統計學報告,也是其他形式圖表變化的基礎。

數據組織模式一般呈現兩種數學關係,可以通過正負、數值這些可以量化的視覺元素體現:

1 差額關係圖

(1)點狀圖

強調「在某處有某物」,對其數量的大小以及相互間關係並不追究,只是簡單的「是否」關係。


圖(8) 美國各州同性婚姻的法律狀況表,不同數據基本獨立,但又被同一主題所連結。

(2)線形圖

一般通過曲線或折線的變化表現某種變化,強調總體趨勢。


圖(9) 《取名網站》通過某一名字在不同時間的重名率趨勢,體現了不同時期人們的喜好變化,給人們提供參考,同時反映出一種有趣的文化現象。

(3)柵欄圖

通過柵欄的長短變化體現量與量之間的對比關係,在體現變化的同時兼顧相對完整性和秩序性。


圖(10) 該信息圖表反映了美國對於戰後伊拉克、阿富汗的重建投入情況。可以通過柵欄的長短和數量多少來獲得相應信息。

以上三種通常會在一個或明或暗的二維坐標軸的正負方向中應用,比如時間和數量維度。

(4)面積圖

通過面積的大小體現數值的變化。


圖(11) 《花費最高的城市》瑞士銀行的一項調查依據物價、收入、相對購買力等因素,從房租、餐費等多個方面進行考察,得出全球最貴或者最便宜的一些城市。將這些因素以粘土形態視覺化,通過簡單的面積/體積大小對比形象地體現出數值關係。

(5)極坐標圖

與二維坐標類似,關鍵的兩個參數是點到坐標原點的半徑長度和偏移角度。


圖(12) 描述自行車的生產、進出口關係,利用地球的經緯線構成極坐標軸,意義準確而深刻。

2 比率關係圖

根據圖形之間的比例關係表示數值的相對大小。


圖(13) 餅狀圖是最常見的比率圖,也有將餅狀圖加以不同厚度成為柱狀圖分割從而進行更加豐富的表現,而且橫截面不局限於圓形。

參數除了藉助數字和圖形的視覺化表現,還可以從色彩中找到途徑。通過對色彩中色相,明度,冷暖因素的設定,可以進行種類、正負關係以及程度的劃分。這種方法多用於不適宜量化以及帶有感情色彩或心理因素的圖表中。


圖(14) 《犯罪大全》用條紋的色相變化來區別罪名,巧妙地與囚服相結合。


圖(15) 《NBA200-10賽季主客場比賽日程表》用色彩明度變化區分比賽場次,同時不同色相代表主客場。


圖(16) 《男女性身體受接觸反應興奮度圖示》 用冷暖色調來區分對於刺激的興奮度。

以上舉出的都是設計手段較單一的例子,實際設計中更注重的是各個方法間珠聯璧合的巧妙搭配綜合運用。通過對事件核心信息的把握來合理選擇參數,並根據圖表的目的、內容及風格來確定參數的視覺化元素,將這些有機結合就向功能與審美相統一的圖表設計邁出了一步~


圖(17) 《某位女士三個月的手工織物過程圖》,這張看似簡單的圖表以手工物品數量,單個物品的製作時間、總耗時、製作順序和商品銷售流向作為參數,以柵欄條、色彩、線條和地圖的應用將它們視覺化並通過巧妙布局達到時間與空間的相互融合。

另外我最近一直在思考一個問題:信息圖表在國外的應用很普及,在中國讀者中的接受度仍不高,更難以收到經濟效益。究其原因,有的人認為國人的素質不夠,有的認為現在圖表設計的水平沒有跟上。我們換一個角度考慮,是否由於圖表本身不適於東方人的閱讀習慣呢?自古以來我們的先人就創造出象形文字,圖畫和文字被高度整合,直至活字印刷術的出現,由於工藝流程和技藝的不同,使視覺圖形與文字分離。當今重又進入讀圖時代,人們照搬西方,急於將圖片和文字雜交。殊不知中國的象形文字使我們在信息的獲取上已如讀圖識字般便捷,現有的圖表形式是否值得考量呢?

目前靜態圖表設計的網站很多,給大家推薦幾個最近在關注的動態圖表網站,還沒有系統整理,希望能夠跟大家共同學習~

via:騰訊CDC

相關焦點

  • excel圖表製作技巧:多系列數據,如何製作組合圖表?
    本篇教程是做懂領導心思圖表的第三篇,分享多系列數據圖表的製作經驗。多系列數據圖表的製作,在工作中,一直是個難題。由於數據系列較多,做出來的圖表看著總顯得混亂,各數據之間的對比性也不強,基本違背了我們作圖的初衷。那有沒有什麼好的思路或者方法來製作多系列的圖表呢?下面我們就來看看excel高手是如何進行製作的。學習更多技巧,請收藏關注部落窩教育excel圖文教程。
  • excel圖表應用技巧:不同類型圖表對數據表現的意義和作用
    Excel圖表類型非常多,並且各類型有相似之處。譬如折線圖和面積圖,都可以用來表達趨勢。那什麼時候更適合用面積圖,什麼時候更適合用折線圖呢?我來看看下面這篇文章吧!學習更多技巧,請收藏關注部落窩教育excel圖文教程。 今天不講技巧,講講每位Excel使用者都無法迴避的問題。
  • B端互動設計——數據可視化圖表
    在B端設計中,數據可視化是必不可少而且非常重要,越來越多的設計師需要和數據打交道,但是很多設計師不懂可視化當中不同用途的圖表規範,只是單純設計出好看的數據圖表,卻不能給用戶帶來更多的信息和價值。  因此掌握數據可視化能力是設計師必不可少的一個技能,然而目前國內網際網路對於數據的教學不夠全面,這讓很多B端的設計師很苦惱;所以今天我結合自己的工作經驗和大家分享一下——「數據可視化之圖表設計」,為大家梳理一套完整的數據可視化的框架,以及關於可視化設計的基本準則和規範。  幫助大家理解什麼樣的數據對應什麼樣的圖標,了解顏色的意義,知道數據排版的要點。
  • APP數據圖表設計的類型和製作方法全方位總結
    以下列舉的Spendee在圖表設計上算是行業翹楚。如果你的APP也需要呈現數據圖表,那yoyo接下來的分享希望對你有所幫助。1. 配色A)深色底深色底上的圖表通常為了營造一種氛圍,展示數據信息一般較少,此時可以選用鮮亮的色彩,這樣圖表信息容易從深色中跳出來。
  • 參數化設計在工程領域的應用
    引言    參數化技術是當前CAD技術重要的研究領域之一。所謂參數化設計是指參數化模型的尺寸用對應的關係表示,而不需用確定的數值,變化一個參數值,將自動改變所有與它相關的尺寸,也就是採用參數化模型,通過調整參數來修改和控制幾何形狀,自動實現產品的精確造型。
  • 高中信息技術說課稿:《Excel數據的圖表呈現》
    我說課的題目是「讓數據生動起來」--《Excel數據的圖表呈現》,主要從說教材、說教法、說學法、說教學過程四個方面進行。一、說教材1、 本節課地位和作用本節課是《信息技術基礎》必修模塊中《表格信息的加工與表達》的內容,屬於信息素養中信息加工的範疇。信息加工的內容有文本信息加工、表格加工和多媒體信息加工,是信息素養中極為重要的部分。
  • excel圖表製作技巧:如何將多個銷售項目,做成九宮格
    L1單元格,系列值選擇M3:AB3單元格區域,操作步驟如下圖所示: Step09.更改圖表類型滑鼠選中圖表,單擊【格式】選項卡,在當前所選內容下拉列表裡面選擇系列「輔助數據」,然後在【設計】選項卡裡面將其圖表類型更改為簇狀條形圖,操作步驟如下圖所示。
  • Excel小技巧-以柱形圖表為例詳細解析圖表構成
    Excel工作表中具有強大的圖表編輯功能,一般的圖表創建大家也都是很熟悉,比如說柱形圖表。但是創建出來的圖表又是由什麼構成呢?每一部分都代表的是什麼,大部分人可能就有些懵了,那如何去編輯圖表呢?今天小編就以柱形圖為例詳細解析圖表的編輯技巧。
  • 數據可視化,職場數據分析都需要哪些常用的圖表?
    使用圖表數據可視化的作用  使用圖表來展示數據主要有三個作用:  表達形象化:使用圖表可以化冗長為簡潔,化抽象為具體,化深奧為形象,使讀者或聽眾更容易理解主題和觀點。  突出重點:通過對圖表中數據的顏色和字體等信息的特別設置,可以把問題的重點有效地傳遞給讀者或聽眾。
  • 數據可視化圖表工具有哪些圖表類型?
    但很多人往往只注重讓圖表看上去「高大上」,而忽視了「這些的數據究竟適合哪些圖表來表達」。結果很多人花了大力氣做可視化圖表,卻沒達到想要的效果。 那麼,如何讓數據「說人話」,讓受眾更快速地懂你呢?
  • DDON笛東 參數化景觀構築物的運用和思考-紅蓮湖大數據產業園
    ▎前言近年來參數化設計的建築愈發奪目的出現在大眾的視野當中,縱觀世界各地建築地標、景觀構築、裝置等都應用參數化設計。參數化設計更趨向與自然和人性化,具有智能化的延展性、可塑性,是發展的趨勢及時代特徵,可見參數化設計的運用在當前地標性建築與景觀構築物中的重要地位。
  • 數據可視化當中的圖表組合:比例面積圖
    編輯導讀:優秀的數據可視化依賴優異的設計,並非僅僅選擇正確的圖表模板那麼簡單,數據可視化可以幫助用戶更好地理解數據、運用數據。本文作者從自身經驗出發,結合具體案例分享了比例面積圖的不同組合形式,供大家一同參考學習。
  • 數據可視化最有價值的50個圖表 | 網際網路數據資訊網-199IT | 中文...
    有效圖表的重要特徵:在不歪曲事實的情況下傳達正確和必要的信息。設計簡單,您不必太費力就能理解它。從審美角度支持信息而不是掩蓋信息。信息沒有超負荷。下圖顯示了數據中各組之間最佳擬合線的差異。 要禁用分組並僅為整個數據集繪製一條最佳擬合線,請從下面的 sns.lmplot()調用中刪除 hue =』cyl』參數。
  • 數據分析,用對圖表很重要
    在這種行業背景下,數據分析成為了一手利器,可以推動產品設計與運營環節,列舉幾個典型的場景:產品經理在規劃新版本時,如何制定相關的數據指標來驗證? 功能上線後,如何就採集到的數據,進行數據復盤,判斷新功能是否達到團隊預期? 如何通過數據了解產品目前的問題以及分析背後的原因? 運營人員在完成一個活動後,如何通過數據來評估本次活動的效果?
  • 寶沃黃超俊:智能座艙人機互動參數化設計研究
    我是來自寶沃汽車的黃超俊,一直致力於人機工程、人機互動設計和前瞻技術落地的研究,今天我跟大家分享的主題是智能座艙人機互動參數化設計的研究。主要分為3個方面,分別是智能座艙人機互動的設計框架,人機互動設計的參數化設計,智能座艙人機互動未來的挑戰。
  • excel的形狀與圖表——讓數據展示更加有趣
    雖然excel的主要功能是數據的統計與分析,但是也具有word、PPT中的某些圖表形狀功能。使用這些功能,可以使數據與圖形結合,從而更形象化、多樣化地呈現內容。比如形狀圖片的格式變換、smartart圖形、組合圖表以及動態圖表等。現在就一起來看看這些形狀與圖表功能的常用操作吧。
  • Pandas可視化綜合指南:手把手從零教你繪製數據圖表
    曉查 編譯整理量子位 出品 | 公眾號 QbitAI數據可視化本來是一個非常複雜的過程,但隨著Pandas數據幀plot()函數的出現,使得創建可視化圖形變得很容易。在數據幀上進行操作的plot()函數只是matplotlib中plt.plot()函數的一個簡單包裝 ,可以幫助你在繪圖過程中省去那些長長的matplotlib代碼。
  • 高質量論文圖表製作及美化專題研討會
    沒有按照科研應遵循的「三表理念」來整理實驗數據導致數據凌亂、圖表沒有用論文應該使用的軟體製作、製作的圖表美觀性不佳、不符合學術規範、沒有使用正確的圖表類型,且不知道如何美化圖表。課程目標:1、通過針對性學習掌握國外論文中常見圖表種類的使用場景及製作技巧。2、熟練掌握當今最常用的幾款科研圖表軟體的核心技巧,並做到取長補短配合使用。
  • jmeter(八)-參數化(一)
    什麼是參數化   參數化:是測試腳本的一種常用技巧,可將腳本中的某些輸入項使用參數來代替,在腳本中指定參數的取值範圍和規則等。  1.2.JMeter參數化方式之使用場景對比   (1) 用戶參數:適用於參數取值範圍很小的時候使用,一般用戶數小於10個時使用  (2) 用戶定義的變量:一般用於測試中不需要隨迭代變化的參數設置,如:IP、Port  (3) 計數器:適用於參數取值類型為序列值,類似資料庫中sequence  (4) CSV 數據文件設置 適用於參數化值比較多時使用
  • 不知道用什麼圖表展示數據?看這份圖表選擇指南就夠了
    我們做數據分析的有句話叫「一圖勝千言」,圖表是展現數據的一種重要展現形式,選對了圖表就能幫助我們更加快速、直觀的傳達數據信息。但是圖表的種類繁多,應用場景不一,所以很多新手在進行數據可視化時,經常不知道什麼樣的圖表來展示自己的數據才是最合適的,今天就給大家分享圖表選擇的正確流程和方法,幫助大家選擇正確圖表圖表設計痛點什麼才是好的圖表?