超全⾯!信息图形设计知识全⽅位科普
⼀. 什么是信息图形
信息图形设计就是针对内容复杂、难以描述的信息进⾏充分的理解、提炼、整理、分类,并通过设计将其视觉化,通过图形简单清晰地向⽤户以更为直观的形式展⽰,这种图就叫做信息图形。
信息图形由信息和图形两个词语组成,它被称之为“信息图形”(Infographics或Information Graphics)。信息图形最初是⽤在报纸、杂志、新闻等媒体刊登的⼀般图解。图解这个词在国内外使⽤了多年,它只是为了充分利⽤信息,⽽将这些信息进⾏功能性的整理。有时候,信息图形也会运⽤符合各种⽂化习惯的⽐喻等⼿法,以不同的形式来表达。这种信息图形能使⽤户有惊喜感,也更容易理解、印象深刻。信息图形设计不仅从功能上满⾜⼈们对于信息的直观了解,同时从感官上带给⼈们更多的视觉享受。
⼆. 为什么要进⾏信息图形设计
1. 简化复杂的概念
⾯对复杂的事物,如何快速了解它到底是什么,有什么⽤?利⽤图形能使你快速理解信息,专注于信息结论,获得更轻松、更聚焦的阅读体验。
2. 让⽤户记得更多更牢
相⽐于⽂字,⼈们能够在同等时间内记住更多信息图的内容。如下图中,禁⽌游泳的图形和两⾏⽂字,很明显,图形获取信息的速度快于⽂字。⽽且,图形的颜⾊很直观的传达了危险的信号。
3. 易传播
⼀张信息图相当于⼀张创意海报,收藏、转发都是分分钟的事情,在⼿机、电脑、易拉宝什么地⽅都能清晰展⽰。
4. 对⽐更清晰
这个事物和那个事物有多⼤区别?⼀条条的⽂字说明看起来太⿇烦,来张图吧,简单明了的多。
公司食堂管理制度三. 信息图形的分类
根据⽊村博之的定义,从视觉表现形式的⾓度,将“信息图形”的呈现⽅式分为六⼤类:图解(Diagram)、图表(Chart)、表格(Table)、统计图(Graph)、地图(Map)、图形符号(Pictogram)。
1. 图解(Diagrams)— 主要运⽤插图会事物进⾏说明
有些东西仅靠语⾔是⽆法有效传递的,但是通过图解就能很好的传达你所想要表达的信息。下图是⼀张健⾝动作图
解,48 种健⾝动作,图解是每个健⾝动作。少去繁杂的⽂字解释,直接⽤图解表⽰,直观明了。
2. 图表(Charts)— 运⽤图形、线条、及插图等,阐述事物的相互关系
图表是将复杂的信息进⾏整理,使之⼀⽬了然的表现形式。它运⽤线条连接或区分事物,利⽤箭头指⽰⽅向,将事物之间的关系表达得⾜够清楚明晰。流程图就是典型的图表。
下图是⼀张胎⼉成形的发育图,巧妙的运⽤了图形变化和线条的顺时针转动向我们展⽰了整个过程。
3. 表格(Table)— 根据特定信息标准进⾏区分,设置纵轴和横轴
表格是指按照⼀定的标准、规则设置纵轴与横轴,将数据进⾏罗的表现形式。
4. 统计图(Graph) — 通过数值来表现变化趋势或者进⾏⽐较
常⽤的统计图有三种,根据主要功能,可以将其分为两⼤类。第⼀类是为了体现变化或⽐较关系的柱状图及折线图;第⼆类是⽤于体现某种要素在整体中所占⽐例的饼图。
朴载相
上图,是某活动页⾯的信息图形展⽰,通过这些柱状图和折线图,我们能很清晰地看到通过这个活动页,⽤户从参与、领取优惠券、下单到成功⽀付的⽐例是怎样的,以及订单的⾦额和新⽤户的参与情况。
5. 地图(Map) — 描述在特定区域和空间⾥的位置关系
将真实的世界转换为平⾯,在此过程中必然要将⼀些东西略去。实际上,要说“省略”是地图上最关键的词也不为过。⽆论是哪种信息地图,最重要的是让⽤户到想要看到的信息。信息地图也可分为两⼤类:第⼀类,将整个区域的布局或结构完整呈现的地图;第⼆类,将特定对象突出显⽰的地图。看看以下美国⼤选中的美国地图吧!
6. 图形符号(Pictogram)— 不使⽤⽂字,直接运⽤图画传达信息
所谓图形符号,基本就是利⽤图形,通过易于理解、与⼈直觉相符的形式传达信息的⼀种形式。我们在街上、商场⾥、机场、医院,经常会看到图形符号,有些是指⽰⽅向的标记,有些是安全出⼝之类的标记。图形符号的设计原则是尽可能不使⽤⽂字,避免语⾔不通造成困扰,图形要易懂。
⼩结:信息图形的设计,基本是运⽤这些元素设计的,有的可能⽤了其中⼀个元素,有的可能⽤了⼏个元素,有的信息图形可能涵盖了这六⼤元素。⼀个好的信息图,不是为了做⼀个好看的图表,⽽是讲好了⼀个故事。归根究底,还是那句话:形式跟随内容。碗莲的种植方法
四. 什么才算好的信息图形设计?
2009年2⽉,由国际新闻媒体视觉设计协会(SND)主办的新闻视觉设计⼤赛在美国纽约州Syracuse举⾏,评审结束后,图⽂设计组的专家们总结了他们认为的在制作理想的信息图时应该考虑的五⼤要素:
1. 吸引眼球,令⼈⼼动
庞⼤的信息量充斥我们的⽣活,⼀张信息图的设计如果没有特⾊很快就会被淹没。因此,不论是从结构出发,还是趣味性,抑或是⾊彩冲击⼒,⼀定要有⾜够吸引⼈的地⽅,⾸先让⽤户产⽣兴趣。不管是展⽰什么样的信息内容,都要加⼊⼀些让⼈⽿⽬⼀新的元素。
注:但需要注意的是,刻意的追求不同也是不可取的。
这是⼀张facebook社交图,美国的facebook friendships(脸谱好友)度是最⾼的,⽽⾮洲是最低的。南极洲和俄罗斯基本上看不到,其他地区相对⽐较明显。
2. 准确传达,清晰明了
想要传达给⽤户的内容,还没有在⼤脑⾥⾯好好思考就急于去设计,其结果就像⼀个⼈说话⽂不对题
⼀样。⽤户遇到这种设计的时候,很难从你的设计中提取到有效信息。设计重⼼不明确,设计就会显得摇摆不定,注定做不出好的图形。所以在信息图形设计中,要学会取舍,要给⽤户传达⼀个最想要传达的主题,然后将这个主题巧妙的表现出来。金铭结婚
所以在信息图形设计中,要学会取舍,要给⽤户传达⼀个最想要传达的主题,然后将这个主题巧妙的表现出来。Kantar Media CIC,在上海发布了「60 秒看中国社会化媒体表现」信息图(上图)。该信息图提供直观全⾯的中国社会化媒体表现,帮助客户更好地了解中国社会化媒体平台每天产⽣的数以亿万计的数据。
3. 去粗取精,简单易懂
根据概念去推敲创意时,其要点在于要从庞⼤的信息量中将真正必要的信息甄选出来。所谓“真正必要的信息”指的是那些能使⽤最少的信息使效果最⼤化的内容。好的设计,读者只需扫⼀眼就能知道其主旨是什么。因此,我们要有快速从信息中抓取最有价值的元素。
伤感的个性签名
简化也不单单只是对信息内容进⾏简化,表现⼿法也可简化。如下图,关于咖啡种类的说明,通过⼀杯咖啡的图形样式,不但直观的表现出不同种类咖啡的成分组成,⽽且各成分之间的⽐例关系也⼀⽬了然。
4. 依据视线,眼动规律
这⼀点要求我们注意视线的移动规律。⽐如横向排版的信息,⼈们⼀般会⾸先注意左上⾓。因此,标题⼀般出现在这个位置。看过左上⾓之后,⽤户的视线会往右下⽅移动。我们在排版布局的时候,应该遵循视线的移动规律,⼈眼在观察物体的时候,⽬光不会只聚焦在⼀点上,⽽是会覆盖焦点周边的⼀⽚区域。把时间的流逝感和视线的移动相结合,就能产⽣更好的效果。
5. 少⽤⽂字,⽤图释义
⼀幅信息图很少或没有没有⽂字信息,其内涵也能被⽤户充分理解,这才不失为最理想的信息图,这张图在全世界范围内使⽤,也不会有什么问题。因此,我们在信息图形的设计过程中,不采⽤⼤篇幅的⽂字,⽽是尽量使⽤图形。在信息设计中,确保在语⾔不通的情况下也能让读者⽆误的理解信息内容,这是信息图形设计所要追求的⽬标。
图中通过箭头的⽅向表⽰⾮洲出⼝的⽬标国,并且通过箭头的⼤⼩对⽐来表现不同的出⼝增长率。⽂字信息很少,却能很清楚的传达信息。
总结:
在信息图的制作过程中,设计只是其中的⼀个环节⽽已,清晰明了地传达主题才是我们设计的核⼼内容,掌握这些技巧是为了实现这个最终⽬的。信息图形的设计也并不是随意⽽为,它是⼀个循序渐进
的过程,主导设计全程的并⾮只是美感和创意,⽽恰恰应该是理性思维。因为对设计⽽⾔,是要为信息服务,确保信息更为明确、有效地为⼈们所接受,在这个基础上,再去追求美感和创意。
>文言文狼