跟著這五個步驟,製作您的信息圖[逐步教程]

By Chen Yongchao, Sep 19, 2019

how to make an infographic

如果您想要學習製作一張引人入勝且言簡意賅的信息圖,那麼這份教程十分適合您。

從非職業設計師的普通角度來看,要製作出一張精美而又有效的信息圖可能難於上青天,然而事實上並不是這樣。

how to make an infographic in 5 steps


跟著我們的新手信息圖設計教程學習,您一定能做出屬於自己的作品。

我們會向您展示 Venngage的信息圖模板以便於您快速上手。

還不確定什麼是信息圖,也不知道您為什麼要使用它嗎?那麼請閱讀我們的介紹文章 什麼是信息圖? ,通過範例,來了解它的定義吧。

如何在五步內製作出一張信息圖(點擊內容跳轉至章節):

  1. 概括信息圖的目的。
  2. 收集信息圖需要用到的數據。
  3. 將信息圖數據具象化。
  4. 使用信息圖模板來為您的信息圖佈局  (向下滑動以觀看視頻教程)
  5. 選擇信息圖設計風格。


讓我們開始從基本學習吧。

第一步:概括信息圖的目的

 

在您考慮設計、佈局、圖表或美化之前,您必須考慮好信息圖的目的。您為什麼要製作這張信息圖表?

在這,我的意思不是說“歸納複雜的信息”或者“增加網站流量”這樣的高級目標。

我的意思是要做到明確、切實、可達成的溝通目標

定義最緊要的問題

您要意識到,您製作信息圖的目的是為了讓讀者能夠獲取特定的內容。這件內容可能是您的讀者的生活中最需要解決的問題,而這些問題正是您的信息圖要解決的內容。

使用問題金字塔

從這步開始,使用問題金字塔來將緊要問題轉化成您在在信息圖裡3-5個可以採取行動來解決的問題。
how to make an infographic


 

這些問題會成為您製作信息圖的框架,幫助您構建出一個引人入勝的故事。

支持問題應該給讀者透露足夠的信息,以確保讀者理解主題。而試探性問題則可以用來給讀者提供更廣泛的見解,以解決最終的緊要問題。

讓我們來看一個範例。這張信息圖概述了搭配紅酒的方法:

how to make an infographic

來源

how to make an infographic

來源


他們試圖解決的緊要問題是“如何搭配食物和紅酒”。他們的問題金字塔可能看起來是這樣的:

how to make an infographic

 

定義緊要問題,然後用問題金字塔來將它分解成易於做到的小問題,是製作有效的信息圖的第一步。如果您完成了這個過程之後,還是不知道該講什麼樣的內容,那麼您可以讀讀發掘您的信息圖的故事

回到目錄

第二步:收集信息圖需要用到的數據

您需要一些數據來回答您在第一步中定義的問題。

如果您已經準備好了自己數據-那麼您可以跳到第三步了!如果沒有,那麼第二步正是為您準備的。您可以獲得海量的公共數據(僅在美國,每分鐘就會產生大約270萬GB的數據)。所以,您只需要知道如何查找就好了。

現在就讓我們看看一些在不用自己進行研究的情況下,可以入手有用信息的方法吧。

優化您的谷歌搜索

谷歌在大多數情況下都是個很好的起始點。利用符號和數據搭配的關鍵詞來進行更高效的搜索:

  • 用引號來進行精準短語搜索
    • 例如,“食物和紅酒的搭配”
  • 使用減號來將特定詞語排除
    • 例如,食物和紅酒的搭配 -紅色
  • 將“數據”附加到搜索短語中
    • 例如,食物和紅酒的搭配數據
  • 將數據特定的格式後綴(xls,csv,tsv等)附加到搜索短語中
    • 例如,食物和紅酒的搭配 xls

搜索現成的數據庫

雖然谷歌搜索既快捷又簡單,但是您常常會搜索到混亂數據,需要花大量時間來整理這些數據。為了節省這些時間,您可以在這些現成的數據庫中尋找隨時可用的數據:

  • 美國政府公開數據(The U.S. Government’s Open Data:有關農業、氣候、生態系統、教育、健康和公共安全等的大量數據。
  • 美國社會、經濟、健康研究的人口調查數據(US Census Data for Social, Economic, and Health Research:1790年至今的美國人口調查數據。
  • Statista:市場研究
  • Kaggle:由用戶上傳數據組成的數據庫,從巧克力棒到創業公司的有關數據都有包含。
  • Pew Research:人口統計研究、輿論、媒體內容等
  • 美國時間利用調查(American Time Use Survey:關於美國人時間利用的調查數據,例如花在睡覺、吃飯、運動上的時間。
  • 谷歌趨勢數據庫(Google Trends Datastore:來自谷歌新聞實驗室的,已整理好的數據組。
  • 谷歌學術(Google Scholar:一款使用方便的學術出版物搜索引擎
  • 複數數據(Data is Plural:一款經整理的,由有趣、熱門的數據組組成的列表。每週更新。
  • AggData:區域性商業數據
  • Cool Datasets:自稱為“可以找到很酷的數據組的地方”。

如果這些方法都不管用,那麼您可能得去收集您自己的數據。如需了解更多這方面的知識,可以閱讀我們的關於進行自己的研究的建議以及我們全面的數據收集指南

回到目錄

第三步:將信息圖上的數據具象化

現在您已經整理好了問題,並且弄到了解決他們所需的數據。下一步,您應該決定如何將這些數據視覺化。

 

我們整理出了一種叫做ICCORE的方法,來幫您選擇最符合數據的圖表。首先,對於每一組您將要視覺化的數據,您應該先確定他們的主要目標是:

  • Inform,信息傳遞
  • Compare,對比
  • Change,變化
  • Organize,整理
  • Reveal,揭曉關係
  • Explore.探索

 

然後採用最適合目標的方法,呈現出您的數據。

讓我們深入了解下每一種目標:

Inform信息傳遞

您不想用過多的篇章來傳達一份易於理解的信息或者數據重點,

使用大的彩色粗體字來寫出一組數據:

how to make an infographic

配上一個圖標來加強吸引力:

how to make an infographic

使用餅狀圖或象形圖來突出百分比或頻率:

how to make an infographic

Compare 對比

可以體現出不同個體或是不同數值之間的相似處或差別。

使用條狀圖、柱狀圖、氣泡圖或者氣泡雲來對比獨立數值。

how to make an infographic

使用餅狀圖、圓環圖、象形圖或者樹狀圖來對比一組數據中的不同個體。

how to make an infographic

使用堆積柱狀圖或是堆積條形圖來對比一組數據中的不同種類和部分。

how to make an infographic

使用堆積面積圖來對比一段時間中的趨勢。

how to make an infographic

Change變化

可以表現出空間軸或時間軸上的變化

使用折線圖或者面積圖來呈現隨時間變化的數據。

how to make an infographic

使用時間線來呈現分佈在時間軸上的事件。

how to make an infographic

使用地區分佈圖來展現空間性數據。

how to make an infographic

使用地圖來展現空間和時間上的變化。

how to make an infographic

Organize 整理

呈現群體、規律、等級或順序。

當您想為每個元素提供一些額外信息時,使用一個列表來呈現等級或者順序。

how to make an infographic

當您想讓讀者能夠查看特定數值時,使用一個表格來呈現等級或順序。

how to make an infographic

使用一個流程圖來呈現流程中的順序。

how to make an infographic

使用簡單的方框或邊界來呈現經整理組別(正如下圖的思維導圖和維恩圖所示)

how to make an infographic

除此之外,您還可以使用條狀圖、柱狀圖、氣泡圖或金字塔圖來呈現等級或順序。

how to make an infographic

Relationship 關係

揭曉事物間複雜的關係。

當您想呈現一組數據中兩個以上變量時,使用散點圖。

how to make an infographic

當您想對比多組相關數據時,使用多數據系列點圖。

how to make an infographic

Explore

You want the reader to explore the data and discover insights for themselves.

There’s no magic bullet for exploration–the visualization style will really depend on the specifics of your data. Interactive charts like this one that allow for filtering, sorting, and drilling down are the often best choice, but these can be costly and time-consuming to develop. If you’re a visualization beginner, try to stick to the other choices.

That’s a quick rundown of our ICCORE method. Now, you should have everything you need to pick appropriate charts for each set of data you want to visualize. Just think about what you want to emphasize, and pick your chart accordingly.

For more examples and chart best practices, take a look at our full guide on how to choose the best charts for your data.

Explore探索

您想要讀者自行探索數據,並發掘新的知識。

探索沒什麼萬能訣竅-可視化風格完全取決於您的數據規格。像這款,允許用戶過濾、排序並查看細節互動表格是通常是最好的,但是這種表格製作起來非常費時間。如果您是具象化工作的新手,還是選擇其他方法比較好。

這就是我們ICCORE方法的快速總結。現在,您應該已經掌握了選擇適合數據的圖表的基本技能。想一想您想要強調的東西,然後按需選擇圖表。

要是您還想學習更多關於圖表的訣竅和範例,看一看我們有關如何選擇適合數據的最佳圖表的完全指南。


 

回到目錄

第四步:使用信息圖模板來為您的信息圖佈局

現在還剩佈局和設計了。

要將第一個元素放置到頁面上可能非常不易,但是您可以使用些技巧排除一些不確定因素。

構建自然的信息流

使用您在第一步中構建出來的問題金字塔來指導佈局和信息流。

先在一開始告訴讀者,他們在讀完您的信息圖之後會得到什麼(比如將緊要問題囊括在標題中),然後使用圖表來強調“支持問題”,再強調“試探問題”,最終完成整個信息流。

使用網格來平衡梳理您的信息圖

使用左右對稱的網格來為您的元素做鋪墊,是一種非常簡單的信息圖改進方法。

這種網格會自動梳理您的元素,藉助我們從左往右,從上往下的閱讀習慣,讓您的信息圖清晰明了地展現在讀者眼前,將讀者的眼光吸引在特定的元素上。

how to make an infographic

為線性流程的內容使用中心對齊的單列佈局:

how to make an infographic

來源: Everlane.com, Ziploc.com

使用雙列佈局來進行對比。如下面這張對照信息圖表所示:

how to make an infographic

來源: RemoteRelief, The Guardian, FoodBeast

在閱讀順序無關緊要時,使用多區劃佈局:how to make an infographic

來源: Lauren Conrad, Lemonly

 

無論您使用什麼樣的佈局,都要在元素間留出足夠的空位和統一的間距,這樣才能讓結構井井有條。

使用預製的信息圖模板來製作一張信息圖

如果您覺得從頭開始設計佈局還是太難,我們會為您提供預製的自定義信息圖模板,讓您可以更加輕鬆地為數據設計信息圖。這裡的訣竅就是選擇一款適合您的內容的模板了。

要做到這一點,先暫時忽視顏色、風格、表格類型。優先選擇結構合適的模板,其次考慮風格。

這段視頻教程會教會您選擇合適數據的信息圖:

 

要為名單或者流程選擇一張模板?找一個中心對稱的單列信息圖模板來陳列條目。下面是一張流程信息圖的範例。

how to make an infographic


想要對照兩張圖表?找一張雙列信息圖模板:

how to make an infographic


有三組重要的數據?找一張三列信息圖模板:

how to make an infographic


有一大堆數據?找一張有4-5個區劃的極簡風信息圖模板:

how to make an infographic


我們在之前章節中提到過的知識都適用於這一節。想一想您有多少元素要放進去,然後想一想您該如何展開您的故事,然後再去選擇正確的信息圖模板。

選擇好一張信息圖模板之後,把您的內容替換進去就好了。我們有一篇關於如何自定義您的信息圖模板的文章,它能給您介紹更多相關的知識。

回到目錄

第五步:選擇信息圖設計風格

現在我們到了本教程最有趣的一章-通過改變您的設計元素,來為您的信息圖添加亮點,讓讀者能夠更加愉悅地把信息圖讀下去。

如何為您的信息圖選擇合適的字體

從文字著手。

保持文字的簡潔。把您的信息圖當做一種視覺上的總結-上面的文字應該是對理解主要概念必要的元素,並為視覺圖形作出補充。把您最長的的文字段落精簡到小段,讓六年級的小學生也能讀懂。

當您修改好之後,為文字主體選擇一個可讀性強的字體,然後強化主標題、段落標題和突出數據文字的粗細和風格,讓信息圖的主旨首先映入讀者的眼簾:

how to make an infographic


 

想要掌握文字設計的訣竅嗎?讀一讀我們為“如何為信息圖選擇字體”撰寫的完整指南吧。

 

如何在信息圖形中使用重複、一致和對齊的內容

下一步,加入一些額外的圖形元素,來給您的設計增添一些節奏感和視覺趣味。

還記得我們之前提到過的網格嗎?重複相同的基本形狀可以加強底層的網格結構,讓您可以非常容易地將設計元素糅合在一起:

how to make an infographic


或者使用基本形狀來強調標題和列表中的元素:

how to make an infographic


或者加入標誌來強調文字中的重要概念。使用風格、顏色、大小一致的標誌,然後使用額外的背景圖形將所有元素融合在一起:

how to make an infographic


無論您要添加什麼,都一定要確保重複的元素對齊在一條線上!一點差池都會破壞整張信息圖的平衡:

how to make an infographic


這只是寥寥幾種我們精選出來的優化方法。最重要的一點是,重複的,對齊的元素會構建出視覺上的節奏,他們會讓整個信息圖感覺更加完整。

如何在您的信息圖設計中使用空白

負空間(空白)指的是頁面中不含任何文字或圖片的區域。任何職業設計師都知道,空白和設計中的其他任何元素都一樣重要。

這點和照相很像,拍照對象的兩邊都應該留出空間,同理,在信息圖的主要元素周圍也應該留出空間。

您得確保信息圖的邊界留出了足夠的間距:

how to make an infographic


以及在無關元素間的空格,這些空格可以體現出哪些元素是屬於同一組的內容:

how to make an infographic


<

空白頁也會影響我們對顏色的辨識方式-在顏色間留出空間會讓顏色更合拍:

how to make an infographic

設計成熟的標誌就是對負空間的熟練運用。作為初學者,您的設計會隨著您對空白的運用熟練度的提高,變得越來越專業。

如何為您的信息圖選擇合適的顏色

終於到了講顏色的時候了。我把這一點留到最後是有原因的:色是一種極為強大的溝通媒介,一套好的設計就算只是黑白的也會很奏效。您應該把顏色當做額外的加分項目-一種可以幫助您的讀者理解內容的方法。

使用顏色來凸顯出重要信息:

how to make an infographic


或者將相關元素分組:

how to make an infographic


不要忽視中性色。這種色彩模式很容易使用,它們的作用在於抵消明亮的顏色,然後組合成一幅完整的構圖:how to make an infographic


如果您在想顏色組合的問題,我們也為您準備好了辦法。我們列出了一些在大多數信息圖上都能使用的配色組合:

how to make an infographic


That’s it! If you remember to think about fonts, repetition and alignment, negative space, and color, your infographic is sure to turn out well. Check out the biggest graphic design trends of 2019 for even more ideas.

Return to Table of Contents

Let’s review the main steps you should follow to create an infographic:

  1. Outline the goals of your infographic
  2. Collect data for your infographic
  3. Visualize the data in your infographic
  4. Layout the elements of your infographic design
  5. Add style to your infographic

If you’ve made it this far, your design skills are miles ahead of most non-designers. You should have a good grasp on how to make an infographic in 5 steps, and have all the tools you need to make your first infographic.

這就是全部內容了!如果您能記住字體、重複性、對齊、空白、顏色的使用方法,您的信息圖一定能夠大放異彩。讀一讀2019年最流行的設計趨勢,來獲取更多的創意吧!

回到目錄

讓我們複習一下製作信息圖的主要流程吧:

  1. 概括信息圖的目的。
  2. 收集信息圖需要用到的數據。
  3. 將信息圖數據具象化。
  4. 使用信息圖模板來為您的信息圖佈局 (向下滑動以觀看視頻教程)
  5. 選擇信息圖設計風格。

如果您讀完了這篇教程,您的設計技術已經超越大多數普通人了。您現在應該已經學到了在五步之內製作出信息圖的知識,並擁有製作您的第一張信息圖所需的所有工具了。




跟著這五個步驟,製作您的信息圖[逐步教程]
Rate this post