什么是信息圖形,設計過(guò)程中需要注意哪些？發(fā)布者：本站     時(shí)間：2020-06-20 15:06:40

Infographic是一個(gè)可讀可視化的復合體系，由圖像、文字和數字結合而成，使信息更高效地得以交流。它幫助人們更好地通過(guò)特定文本內容的視覺(jué)元素系統，顯著(zhù)、鮮明、簡(jiǎn)單、直接、連貫和全面地轉化字里行間的可視化元素，并建立關(guān)聯(lián),使信息得到再一次呈現。
很多設計師都對信息可視化、設計信息圖非常感興趣，在平時(shí)的作品中合理地加入一些可視化的元素，能瞬間提升設計質(zhì)感和強化主題，這里給大家看看周宏宇(Calan Zhou)對于信息圖的見(jiàn)解。

一、信息圖概要

1)什么是信息圖?

提及信息圖，不可避免要先講下時(shí)下熱門(mén)的議題：信息可視化(Information Visualization)。大家從字面上以及平時(shí)工作學(xué)習中應該或多或少有了解，可以將它大致理解為：將復雜的信息通過(guò)圖形樣式清晰明了的傳達給讀者。信息可視化是一個(gè)跨學(xué)科的領(lǐng)域，其詳細深入的定義這里不做研討，本文主要針對其圖形化的產(chǎn)物信息圖進(jìn)行介紹。

可視化并不是什么全新的概念，生活中很多信息可視化例子：公共指示、統計圖、星級評分、五線(xiàn)譜…

什么是信息圖形，設計過(guò)程中需要注意哪些？ 三聯(lián)
信息圖形(Infographic)，又稱(chēng)為信息圖，是指數據、信息或知識的可視化表現形式?！园俣劝倏?br />
信息圖最初是指報紙、雜志、新聞通訊社等媒體刊登的一般圖解。隨著(zhù)信息可視化在大數據時(shí)代越來(lái)越被人重視，以及越來(lái)越多的設計師熱衷于以圖形化的方式結合視覺(jué)上的美感將信息傳達給讀者，使得信息圖越來(lái)越流行和被大眾所喜聞樂(lè )見(jiàn)。

將原本很難用語(yǔ)言表達的信息，通過(guò)圖畫(huà)來(lái)加以說(shuō)明，使其容易理解，這是信息圖設計的目標和理想。

2)信息圖的分類(lèi)

信息圖的分類(lèi)有很多種，各分類(lèi)之間也并不是涇渭分明，所以大可不必糾結什么樣的分法最正確，在木村博之所著(zhù)的《圖解力》一書(shū)中，他將信息圖分為六大類(lèi)：圖解(Diagram)、圖表(Chart)、表格(Table)、統計圖(Graph)、地圖(Map)、和圖形符號(Pictogram)：

圖解(Diagram)：主要運用插圖對事物進(jìn)行說(shuō)明

圖表(Chart)：運用圖形、線(xiàn)條及插圖等，闡明事物的相互關(guān)系

表格(Table)：根據特定信息標準進(jìn)行區分，設置縱軸與橫軸

統計圖(Graph)：通過(guò)數值來(lái)表現變化趨勢或進(jìn)行比較

地圖(Map)：描述在特定區域和空間里的位置關(guān)系

圖形符號(Pictogram)：不使用文字，運用圖畫(huà)直接傳達信息

實(shí)際制作信息圖的過(guò)程中會(huì )用到多種形式配合完成


3)信息圖的制作流程

信息圖的制作是一個(gè)團隊合作的過(guò)程，在平時(shí)的設計中可能并沒(méi)有嚴格按照下面的流程來(lái)做，但是可以從中理解到信息圖的核心是傳達主題!


二、制作信息圖的五大要素

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

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

在這個(gè)信息爆炸的時(shí)代，富有吸引力非常重要，應該設計一些能夠讓讀者產(chǎn)生共鳴的東西


FACEBOOK Realationships Visualized：極具視覺(jué)沖擊力和吸引力

2)準確傳達，信息明了(Clear)

設計時(shí)要選擇一個(gè)最想要傳達給讀者的主題，把這個(gè)主題巧妙地表現出來(lái)


The Internet Map : 將全球網(wǎng)站以星系的形式表現，流量越大，表示圓點(diǎn)越大，顏色代表不同國家

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

從龐大的信息量中將真正必要的信息篩選出來(lái)，同時(shí)設計的表現手法同樣需要合理簡(jiǎn)化，突出重點(diǎn)


倫敦地鐵路線(xiàn)圖進(jìn)化過(guò)程：查看1935年至1946年間貝克的路線(xiàn)圖設計，可以發(fā)現其換乘的表現手法有變化。

1935年的換乘站點(diǎn)以方塊表示，車(chē)站的名稱(chēng)要容納在其中，對字體的大小長(cháng)度都有了限制，讓人難以閱讀;1940年和1941年的線(xiàn)路圖，換乘站名稱(chēng)寫(xiě)在圓圈旁邊，但每條線(xiàn)路都會(huì )標注同樣的名稱(chēng)，出現多余文字信息;1946年的路線(xiàn)圖，相接的圓用白線(xiàn)連接，將換乘站用更容易識別的方式表現出來(lái)，之前重復的站名也改為只標記一次，更簡(jiǎn)單和容易閱讀。

4)視線(xiàn)流動(dòng)，構建時(shí)空(Flow)

充分利用人的閱讀習慣，注意視線(xiàn)移動(dòng)的規律;能夠通過(guò)設計營(yíng)造時(shí)空感


How Long Do Animals Live：通過(guò)線(xiàn)的引導聚集視覺(jué)焦點(diǎn)，讓讀者很流暢的瀏覽，圖中的動(dòng)物都處理成沿曲線(xiàn)行走的方向，方向性更加強烈。

5)摒棄文字，以圖釋義(Wordless)

對事物的結構或流程等進(jìn)行說(shuō)明時(shí)，盡量避免使用文字，僅以圖形傳達信息


各國問(wèn)候禮儀：奈杰爾·霍姆斯的作品，在不使用文字說(shuō)明的情況下，解說(shuō)法國、荷蘭等國家的問(wèn)候的禮儀。他還有很多類(lèi)似的無(wú)文字說(shuō)明的圖解作品。

三、信息圖形的設計技巧

通過(guò)整理一些相關(guān)資料以及結合自己的經(jīng)驗，我總結了一般信息圖設計中經(jīng)常涉及到的8類(lèi)手法和技巧：圖形化、對比、轉換、比喻、關(guān)聯(lián)、流動(dòng)、引入時(shí)空、構建場(chǎng)景：

1)圖形化

運用圖形，直觀(guān)明了

Coffee Drinks Illustrated:關(guān)于咖啡種類(lèi)的說(shuō)明，通過(guò)一杯咖啡的圖形樣式，不但直觀(guān)的表現出不同種類(lèi)咖啡的成分組成，而且各成分之間的比例關(guān)系也一眼就看出。


插圖輔助，生動(dòng)形象

My Work In Taobao UED：這是我曾經(jīng)為淘寶工作時(shí)的流程而配的插圖;通過(guò)運用插圖來(lái)表現每個(gè)職位人員的特征，讓畫(huà)面更生動(dòng)有趣，但是應該加大各個(gè)角色之間的差異，有助于減少歧義，而且圖形和文字關(guān)系疏離，并沒(méi)有很好地結合。