人在喝完可樂一小時內(nèi)會有什么反應(yīng)？
高速發(fā)展的中國互聯(lián)網(wǎng)在一分鐘內(nèi)會發(fā)生些什么事情？
美國大選，川普和希拉里的支持率到底有多大差距茧球？
信息圖帶你一分鐘搞懂這些事！隨著經(jīng)濟技術(shù)的發(fā)展星持，信息化科技化速度越來越快抢埋，信息量的不斷增加，使我們對于信息的整理與識別要求也越來越高督暂。繁忙的工作生活下揪垄，如何使信息更為直觀的提供給用戶，信息圖形設(shè)計在這種環(huán)境下應(yīng)運而生逻翁。
一. 什么是信息圖形
信息圖形設(shè)計就是針對內(nèi)容復(fù)雜饥努、難以描述的信息進行充分的理解、提煉八回、整理酷愧、分類驾诈，并通過設(shè)計將其視覺化，通過圖形簡單清晰地向用戶以更為直觀的形式展示溶浴，這種圖就叫做信息圖形乍迄。
信息圖形由信息和圖形兩個詞語組成，它被稱之為“信息圖形”（Infographics或Information Graphics）士败。信息圖形最初是用在報紙闯两、雜志、新聞等媒體刊登的一般圖解谅将。圖解這個詞在國內(nèi)外使用了多年漾狼，它只是為了充分利用信息，而將這些信息進行功能性的整理饥臂。有時候邦投，信息圖形也會運用符合各種文化習慣的比喻等手法，以不同的形式來表達擅笔。這種信息圖形能使用戶有驚喜感，也更容易理解屯援、印象深刻猛们。信息圖形設(shè)計不僅從功能上滿足人們對于信息的直觀了解，同時從感官上帶給人們更多的視覺享受狞洋。
二. 為什么要進行信息圖形設(shè)計
1. 簡化復(fù)雜的概念
面對復(fù)雜的事物弯淘，如何快速了解它到底是什么，有什么用吉懊？利用圖形能使你快速理解信息庐橙，專注于信息結(jié)論，獲得更輕松借嗽、更聚焦的閱讀體驗态鳖。
2. 讓用戶記得更多更牢
相比于文字，人們能夠在同等時間內(nèi)記住更多信息圖的內(nèi)容恶导。如下圖中浆竭，禁止游泳的圖形和兩行文字，很明顯惨寿，圖形獲取信息的速度快于文字邦泄。而且，圖形的顏色很直觀的傳達了危險的信號裂垦。
3. 易傳播
一張信息圖相當于一張創(chuàng)意海報顺囊，收藏、轉(zhuǎn)發(fā)都是分分鐘的事情蕉拢，在手機特碳、電腦诚亚、易拉寶什么地方都能清晰展示。
4. 對比更清晰
這個事物和那個事物有多大區(qū)別测萎？一條條的文字說明看起來太麻煩亡电，來張圖吧，簡單明了的多硅瞧。
三份乒、信息圖形的分類
根據(jù)木村博之的定義，從視覺表現(xiàn)形式的角度腕唧，將“信息圖形”的呈現(xiàn)方式分為六大類：圖解（Diagram）或辖、圖表（Chart）、表格（Table）枣接、統(tǒng)計圖（Graph)颂暇、地圖（Map)、圖形符號（Pictogram）但惶。
1. 圖解（Diagrams）—? 主要運用插圖會事物進行說明
有些東西僅靠語言是無法有效傳遞的耳鸯，但是通過圖解就能很好的傳達你所想要表達得信息。下圖是一張健身動作圖解膀曾，48 種健身動作县爬，圖解是每個健身動作。少去繁雜的文字解釋添谊，直接用圖解表示财喳，直觀明了。
2. 圖表（Charts）—? 運用圖形斩狱、線條耳高、及插圖等，闡述事物的相互關(guān)系
圖表是將復(fù)雜的信息進行整理所踊，使之一目了然的表現(xiàn)形式泌枪。它運用線條連接或區(qū)分事物，利用箭頭指示方向秕岛，將事物之間的關(guān)系表達得足夠清楚明晰工闺。流程圖就是典型的圖表。
下圖是一張?zhí)撼尚蔚陌l(fā)育圖瓣蛀，巧妙的運用了圖形變化和線條的順時針轉(zhuǎn)動向我們展示了整個過程陆蟆。
3. 表格（Table）—? 根據(jù)特定信息標準進行區(qū)分，設(shè)置縱軸和橫軸
表格是指按照一定的標準惋增、規(guī)則設(shè)置縱軸與橫軸叠殷，將數(shù)據(jù)進行羅的表現(xiàn)形式。
4. 統(tǒng)計圖（Graph)? —? 通過數(shù)值來表現(xiàn)變化趨勢或者進行比較
常用的統(tǒng)計圖有三種诈皿，根據(jù)主要功能林束，可以將其分為兩大類像棘。第一類是為了體現(xiàn)變化或比較關(guān)系的柱狀圖及折線圖；第二類是用于體現(xiàn)某種要素在整體中所占比例的餅圖壶冒。
上圖缕题，是某活動頁面的信息圖形展示，通過這些柱狀圖和折線圖胖腾，我們能很清晰地看到通過這個活動頁烟零，用戶從參與、領(lǐng)取優(yōu)惠券、下單到成功支付的比例是怎樣的，以及訂單的金額和新用戶的參與情況树碱。
5. 地圖（Map)? —? 描述在特定區(qū)域和空間里的位置關(guān)系
將真實的世界轉(zhuǎn)換為平面，在此過程中必然要將一些東西略去墅诡。實際上，要說“省略”是地圖上最關(guān)鍵的詞也不為過桐智。無論是哪種信息地圖末早，最重要的是讓用戶找到想要看到的信息。信息地圖也可分為兩大類：第一類：將整個區(qū)域的布局或結(jié)構(gòu)完整呈現(xiàn)的地圖说庭；第二類：將特定對象突出顯示的地圖然磷。看看以下美國大選中的美國地圖吧口渔！
6. 圖形符號（Pictogram）—? 不使用文字，直接運用圖畫傳達信息
所謂圖形符號穿撮，基本就是利用圖形缺脉，通過易于理解、與人直覺相符的形式傳達信息的一種形式悦穿。我們在街上攻礼、商場里、機場栗柒、醫(yī)院礁扮，經(jīng)常會看到圖形符號，有些是指示方向的標記瞬沦，有些是安全出口之類的標記太伊。圖形符號的設(shè)計原則是盡可能不使用文字，避免語言不通造成困擾逛钻，圖形要易懂僚焦。
小結(jié)：信息圖形的設(shè)計，基本是運用這些元素設(shè)計的曙痘，有的可能用了其中一個元素芳悲，有的可能用了幾個元素立肘，有的信息圖形可能涵蓋了這六大元素。一個好的信息圖名扛，不是為了做一個好看的圖表谅年，而是講好了一個故事。歸根究底肮韧，還是那句話：形式跟隨內(nèi)容融蹂。
四、什么才算好的信息圖形設(shè)計惹苗？
2009年2月殿较，由國際新聞媒體視覺設(shè)計協(xié)會（SND）主辦的新聞視覺設(shè)計大賽在美國紐約州Syracuse舉行， 評審結(jié)束后桩蓉，圖文設(shè)計組的專家們總結(jié)了他們認為的在制作理想的信息圖時應(yīng)該考慮的五大要素：
1. 吸引眼球淋纲，令人心動
龐大的信息量充斥我們的生活，一張信息圖的設(shè)計如果沒有特色很快就會被淹沒院究。因此洽瞬，不論是從結(jié)構(gòu)出發(fā)，還是趣味性业汰，抑或是色彩沖擊力伙窃，一定要有足夠吸引人的地方，首先讓用戶產(chǎn)生興趣样漆。不管是展示什么樣的信息內(nèi)容为障，都要加入一些讓人耳目一新的元素。
注：但需要注意的是放祟，刻意的追求不同也是不可取的鳍怨。
2. 準確傳達侦香，清晰明了
想要傳達給用戶的內(nèi)容，還沒有在大腦里面好好思考就急于去設(shè)計纽疟，其結(jié)果就像一個人說話文不對題一樣罐韩。用戶遇到這種設(shè)計的時候，很難從你的設(shè)計中提取到有效信息污朽。設(shè)計重心不明確伴逸，設(shè)計就會顯得搖擺不定，注定做不出好的圖形。所以在信息圖形設(shè)計中错蝴，要學會取舍洲愤，要給用戶傳達一個最想要傳達的主題，然后將這個主題巧妙的表現(xiàn)出來顷锰。
3. 去粗取精，簡單易懂
根據(jù)概念去推敲創(chuàng)意時束世，其要點在于要從龐大的信息量中將真正必要的信息甄選出來酝陈。所謂“真正必要的信息”指的是那些能使用最少的信息使效果最大化的內(nèi)容。好的設(shè)計毁涉，讀者只需掃一眼就能知道其主旨是什么沉帮。因此，我們要有快速從信息中抓取最有價值的元素贫堰。
簡化也不單單只是對信息內(nèi)容進行簡化穆壕，表現(xiàn)手法也可簡化。如下圖其屏，關(guān)于咖啡種類的說明，通過一杯咖啡的圖形樣式偎行，不但直觀的表現(xiàn)出不同種類咖啡的成分組成川背，而且各成分之間的比例關(guān)系也一目了然。
4. 依據(jù)視線蛤袒，眼動規(guī)律
這一點要求我們注意視線的移動規(guī)律熄云。比如橫向排版的信息，人們一般會首先注意左上角汗盘。因此皱碘，標題一般出現(xiàn)在這個位置询一∫酰看過左上角之后，用戶的視線會往右下方移動健蕊。我們在排版布局的時候菱阵，應(yīng)該遵循視線的移動規(guī)律，人眼在觀察物體的時候缩功，目光不會只聚焦在一點上晴及，而是會覆蓋焦點周邊的一片區(qū)域。把時間的流逝感和視線的移動相結(jié)合嫡锌，就能產(chǎn)生更好的效果虑稼。
5. 少用文字琳钉，用圖釋義
一幅信息圖很少或沒有沒有文字信息，其內(nèi)涵也能被用戶充分理解蛛倦，這才不失為最理想的信息圖歌懒，這張圖在全世界范圍內(nèi)使用，也不會有什么問題溯壶。因此及皂，我們在信息圖形的設(shè)計過程中，不采用大篇幅的文字且改，而是盡量使用圖形验烧。在信息設(shè)計中，確保在語言不通的情況下也能讓讀者無誤的理解信息內(nèi)容又跛，這是信息圖形設(shè)計所要追求的目標碍拆。
總結(jié)：
在信息圖的制作過程中，設(shè)計只是其中的一個環(huán)節(jié)而已效扫，清晰明了地傳達主題才是我們設(shè)計的核心內(nèi)容倔监，掌握這些技巧是為了實現(xiàn)這個最終目的。信息圖形的設(shè)計也并不是隨意而為菌仁，它是一個循序漸進的過程浩习，主導(dǎo)設(shè)計全程的并非只是美感和創(chuàng)意，而恰恰應(yīng)該是理性思維济丘。因為對設(shè)計而言谱秽，是要為信息服務(wù)，確保信息更為明確摹迷、有效地為人們所接受疟赊，在這個基礎(chǔ)上，再去追求美感和創(chuàng)意峡碉。
參考文獻：木村博之《圖解力》
【小編上個線】
網(wǎng)易云課堂新推出《初級UI設(shè)計師》微專業(yè)的體驗課近哟，含微信群交流、微專業(yè)試聽課鲫寄、優(yōu)秀作業(yè)分享討論吉执、網(wǎng)易內(nèi)部經(jīng)驗好文分享、直播分享實錄地来、直播答疑等等戳玫。
【體驗課】請大家戳此鏈接加入課程學習：http://163.lu/woNUm3
掃碼進入課程：
