一.  什么是信息圖形

信息圖形設(shè)計(jì)就是針對(duì)內(nèi)容復(fù)雜、難以描述的信息進(jìn)行充分的理解、提煉、整理、分類，并通過(guò)設(shè)計(jì)將其視覺化，通過(guò)圖形簡(jiǎn)單清晰地向用戶以更為直觀的形式展示，這種圖就叫做信息圖形。

信息圖形由信息和圖形兩個(gè)詞語(yǔ)組成，它被稱之為“信息圖形”（Infographics或Information Graphics）。信息圖形最初是用在報(bào)紙、雜志、新聞等媒體刊登的一般圖解。圖解這個(gè)詞在國(guó)內(nèi)外使用了多年，它只是為了充分利用信息，而將這些信息進(jìn)行功能性的整理。有時(shí)候，信息圖形也會(huì)運(yùn)用符合各種文化習(xí)慣的比喻等手法，以不同的形式來(lái)表達(dá)。這種信息圖形能使用戶有驚喜感，也更容易理解、印象深刻。信息圖形設(shè)計(jì)不僅從功能上滿足人們對(duì)于信息的直觀了解，同時(shí)從感官上帶給人們更多的視覺享受。

二.  為什么要進(jìn)行信息圖形設(shè)計(jì)

1. 簡(jiǎn)化復(fù)雜的概念

面對(duì)復(fù)雜的事物，如何快速了解它到底是什么，有什么用？利用圖形能使你快速理解信息，專注于信息結(jié)論，獲得更輕松、更聚焦的閱讀體驗(yàn)。

2. 讓用戶記得更多更牢

相比于文字，人們能夠在同等時(shí)間內(nèi)記住更多信息圖的內(nèi)容。如下圖中，禁止游泳的圖形和兩行文字，很明顯，圖形獲取信息的速度快于文字。而且，圖形的顏色很直觀的傳達(dá)了危險(xiǎn)的信號(hào)。

3. 易傳播

一張信息圖相當(dāng)于一張創(chuàng)意海報(bào)，收藏、轉(zhuǎn)發(fā)都是分分鐘的事情，在手機(jī)、電腦、易拉寶什么地方都能清晰展示。

4. 對(duì)比更清晰

這個(gè)事物和那個(gè)事物有多大區(qū)別？一條條的文字說(shuō)明看起來(lái)太麻煩，來(lái)張圖吧，簡(jiǎn)單明了的多。

三.  信息圖形的分類

根據(jù)木村博之的定義，從視覺表現(xiàn)形式的角度，將“信息圖形”的呈現(xiàn)方式分為六大類：圖解（Diagram）、圖表（Chart）、表格（Table）、統(tǒng)計(jì)圖（Graph)、地圖（Map)、圖形符號(hào)（Pictogram）。

1. 圖解（Diagrams）— 主要運(yùn)用插圖會(huì)事物進(jìn)行說(shuō)明

有些東西僅靠語(yǔ)言是無(wú)法有效傳遞的，但是通過(guò)圖解就能很好的傳達(dá)你所想要表達(dá)的信息。下圖是一張健身動(dòng)作圖解，48 種健身動(dòng)作，圖解是每個(gè)健身動(dòng)作。少去繁雜的文字解釋，直接用圖解表示，直觀明了。

2. 圖表（Charts）— 運(yùn)用圖形、線條、及插圖等，闡述事物的相互關(guān)系

圖表是將復(fù)雜的信息進(jìn)行整理，使之一目了然的表現(xiàn)形式。它運(yùn)用線條連接或區(qū)分事物，利用箭頭指示方向，將事物之間的關(guān)系表達(dá)得足夠清楚明晰。流程圖就是典型的圖表。

下圖是一張?zhí)撼尚蔚陌l(fā)育圖，巧妙的運(yùn)用了圖形變化和線條的順時(shí)針轉(zhuǎn)動(dòng)向我們展示了整個(gè)過(guò)程。

3. 表格（Table）— 根據(jù)特定信息標(biāo)準(zhǔn)進(jìn)行區(qū)分，設(shè)置縱軸和橫軸

表格是指按照一定的標(biāo)準(zhǔn)、規(guī)則設(shè)置縱軸與橫軸，將數(shù)據(jù)進(jìn)行羅的表現(xiàn)形式。

4. 統(tǒng)計(jì)圖（Graph) — 通過(guò)數(shù)值來(lái)表現(xiàn)變化趨勢(shì)或者進(jìn)行比較

常用的統(tǒng)計(jì)圖有三種，根據(jù)主要功能，可以將其分為兩大類。第一類是為了體現(xiàn)變化或比較關(guān)系的柱狀圖及折線圖；第二類是用于體現(xiàn)某種要素在整體中所占比例的餅圖。

上圖，是某活動(dòng)頁(yè)面的信息圖形展示，通過(guò)這些柱狀圖和折線圖，我們能很清晰地看到通過(guò)這個(gè)活動(dòng)頁(yè)，用戶從參與、領(lǐng)取優(yōu)惠券、下單到成功支付的比例是怎樣的，以及訂單的金額和新用戶的參與情況。

5. 地圖（Map) — 描述在特定區(qū)域和空間里的位置關(guān)系

將真實(shí)的世界轉(zhuǎn)換為平面，在此過(guò)程中必然要將一些東西略去。實(shí)際上，要說(shuō)“省略”是地圖上最關(guān)鍵的詞也不為過(guò)。無(wú)論是哪種信息地圖，最重要的是讓用戶找到想要看到的信息。信息地圖也可分為兩大類：第一類，將整個(gè)區(qū)域的布局或結(jié)構(gòu)完整呈現(xiàn)的地圖；第二類，將特定對(duì)象突出顯示的地圖。看看以下美國(guó)大選中的美國(guó)地圖吧！

6. 圖形符號(hào)（Pictogram）— 不使用文字，直接運(yùn)用圖畫傳達(dá)信息

所謂圖形符號(hào)，基本就是利用圖形，通過(guò)易于理解、與人直覺相符的形式傳達(dá)信息的一種形式。我們?cè)诮稚稀⑸虉?chǎng)里、機(jī)場(chǎng)、醫(yī)院，經(jīng)常會(huì)看到圖形符號(hào)，有些是指示方向的標(biāo)記，有些是安全出口之類的標(biāo)記。圖形符號(hào)的設(shè)計(jì)原則是盡可能不使用文字，避免語(yǔ)言不通造成困擾，圖形要易懂。

小結(jié)：信息圖形的設(shè)計(jì)，基本是運(yùn)用這些元素設(shè)計(jì)的，有的可能用了其中一個(gè)元素，有的可能用了幾個(gè)元素，有的信息圖形可能涵蓋了這六大元素。一個(gè)好的信息圖，不是為了做一個(gè)好看的圖表，而是講好了一個(gè)故事。歸根究底，還是那句話：形式跟隨內(nèi)容。

四.  什么才算好的信息圖形設(shè)計(jì)？

2009年2月，由國(guó)際新聞媒體視覺設(shè)計(jì)協(xié)會(huì)（SND）主辦的新聞視覺設(shè)計(jì)大賽在美國(guó)紐約州Syracuse舉行， 評(píng)審結(jié)束后，圖文設(shè)計(jì)組的專家們總結(jié)了他們認(rèn)為的在制作理想的信息圖時(shí)應(yīng)該考慮的五大要素：

1. 吸引眼球，令人心動(dòng)

龐大的信息量充斥我們的生活，一張信息圖的設(shè)計(jì)如果沒有特色很快就會(huì)被淹沒。因此，不論是從結(jié)構(gòu)出發(fā)，還是趣味性，抑或是色彩沖擊力，一定要有足夠吸引人的地方，首先讓用戶產(chǎn)生興趣。不管是展示什么樣的信息內(nèi)容，都要加入一些讓人耳目一新的元素。

注：但需要注意的是，刻意的追求不同也是不可取的。

這是一張facebook社交圖，美國(guó)的facebook friendships（臉譜好友）度是最高的，而非洲是最低的。南極洲和俄羅斯基本上看不到，其他地區(qū)相對(duì)比較明顯。

2. 準(zhǔn)確傳達(dá)，清晰明了

想要傳達(dá)給用戶的內(nèi)容，還沒有在大腦里面好好思考就急于去設(shè)計(jì)，其結(jié)果就像一個(gè)人說(shuō)話文不對(duì)題一樣。用戶遇到這種設(shè)計(jì)的時(shí)候，很難從你的設(shè)計(jì)中提取到有效信息。設(shè)計(jì)重心不明確，設(shè)計(jì)就會(huì)顯得搖擺不定，注定做不出好的圖形。所以在信息圖形設(shè)計(jì)中，要學(xué)會(huì)取舍，要給用戶傳達(dá)一個(gè)最想要傳達(dá)的主題，然后將這個(gè)主題巧妙的表現(xiàn)出來(lái)。

Kantar Media CIC，在上海發(fā)布了「60 秒看中國(guó)社會(huì)化媒體表現(xiàn)」信息圖（上圖）。該信息圖提供直觀全面的中國(guó)社會(huì)化媒體表現(xiàn)，幫助客戶更好地了解中國(guó)社會(huì)化媒體平臺(tái)每天產(chǎn)生的數(shù)以億萬(wàn)計(jì)的數(shù)據(jù) 。

3. 去粗取精，簡(jiǎn)單易懂

根據(jù)概念去推敲創(chuàng)意時(shí)，其要點(diǎn)在于要從龐大的信息量中將真正必要的信息甄選出來(lái)。所謂“真正必要的信息”指的是那些能使用最少的信息使效果最大化的內(nèi)容。好的設(shè)計(jì)，讀者只需掃一眼就能知道其主旨是什么。因此，我們要有快速?gòu)男畔⒅凶?取最有價(jià)值的元素。

簡(jiǎn)化也不單單只是對(duì)信息內(nèi)容進(jìn)行簡(jiǎn)化，表現(xiàn)手法也可簡(jiǎn)化。如下圖，關(guān)于咖啡種類的說(shuō)明，通過(guò)一杯咖啡的圖形樣式，不但直觀的表現(xiàn)出不同種類咖啡的成分組成，而且各成分之間的比例關(guān)系也一目了然。

4. 依據(jù)視線，眼動(dòng)規(guī)律

這一點(diǎn)要求我們注意視線的移動(dòng)規(guī)律。比如橫向排版的信息，人們一般會(huì)首先注意左上角。因此，標(biāo)題一般出現(xiàn)在這個(gè)位置。看過(guò)左上角之后，用戶的視線會(huì)往右下方移動(dòng)。我們?cè)谂虐娌季值臅r(shí)候，應(yīng)該遵循視線的移動(dòng)規(guī)律，人眼在觀察物體的時(shí)候，目光不會(huì)只聚焦在一點(diǎn)上，而是會(huì)覆蓋焦點(diǎn)周邊的一片區(qū)域。把時(shí)間的流逝感和視線的移動(dòng)相結(jié)合，就能產(chǎn)生更好的效果。

5. 少用文字，用圖釋義

一幅信息圖很少或沒有沒有文字信息，其內(nèi)涵也能被用戶充分理解，這才不失為最理想的信息圖，這張圖在全世界范圍內(nèi)使用，也不會(huì)有什么問題。因此，我們?cè)谛畔D形的設(shè)計(jì)過(guò)程中，不采用大篇幅的文字，而是盡量使用圖形。在信息設(shè)計(jì)中，確保在語(yǔ)言不通的情況下也能讓讀者無(wú)誤的理解信息內(nèi)容，這是信息圖形設(shè)計(jì)所要追求的目標(biāo)。

圖中通過(guò)箭頭的方向表示非洲出口的目標(biāo)國(guó)，并且通過(guò)箭頭的大小對(duì)比來(lái)表現(xiàn)不同的出口增長(zhǎng)率。文字信息很少，卻能很清楚的傳達(dá)信息。

總結(jié)：

在信息圖的制作過(guò)程中，設(shè)計(jì)只是其中的一個(gè)環(huán)節(jié)而已，清晰明了地傳達(dá)主題才是我們?cè)O(shè)計(jì)的核心內(nèi)容，掌握這些技巧是為了實(shí)現(xiàn)這個(gè)最終目的。信息圖形的設(shè)計(jì)也并不是隨意而為，它是一個(gè)循序漸進(jìn)的過(guò)程，主導(dǎo)設(shè)計(jì)全程的并非只是美感和創(chuàng)意，而恰恰應(yīng)該是理性思維。因?yàn)閷?duì)設(shè)計(jì)而言，是要為信息服務(wù)，確保信息更為明確、有效地為人們所接受，在這個(gè)基礎(chǔ)上，再去追求美感和創(chuàng)意。

本文轉(zhuǎn)載自：36大數(shù)據(jù)