【How-To】提升传播效果利器之信息图,3大要素助你快速入门

MENU

当归视觉工作室Donegood_Studio

个人主页>>
上一篇
【How-To】如何让你的 HTML5 产品活得更久?看看这5个要素

【How-To】提升传播效果利器之信息图,3大要素助你快速入门

当归视觉工作室Donegood_Studio | 2015-05-27 10:20

作者@当归视觉工作室Donegood_Studio

将数据、文字信息转化为更直观的可视化形式是提升传播效果的最优途径之一。IDC数据研究表明,在社交媒体传播中,使用图片将提升15%的转发量。越来越多的企业开始借助信息图表达信息,因此也有越来越多的人开始询问这样的问题:如何设计信息图? 今天我们将通过拆解信息图设计的三大要素,帮助大家快速入门信息图的制作。首先让我们看一看三大要素及其对应的Q&A:

拆解信息图设计的三大要素186

要素一:信息图设计的基础知识

问题1:制作信息图是否需要设计功底?

我们常开玩笑说:“不能做设计的程序员不是好文案。”相对专业的设计工作者,对于大多数人而言,设计更像是一种审美修养。因此不论是经验丰富的设计大牛还是刚刚入门的小白,只要掌握了排版设计的基础知识,都能够上手尝试信息图设计。 信息图(Info-graphic)是一个合成词,是信息(Info)和图表(graphic)的结合,词义正体现着信息图的特点:信息呈现为主,设计加工为辅。相对平面设计的其他门类而言,信息图设计中的设计部分并不占主要部分,更不能喧宾夺主,而是要服务于逻辑结构与整体文案。让我们来看一个对比:

拆解信息图设计的三大要素480 设计所占的比例虽然不高,却直接决定了人们是否愿意阅读,因此掌握基本的排版设计原理依然很重要。在这里我们推荐两本书《写给大家看的设计书(第3版)》 [美] Robin Williams和《配色基础原理》[日]内田广由纪。 信息图设计需要遵从三个方面内容,分别是基本原理、配色和字体:

拆解信息图设计的三大要素623

基本原则: 【亲密性】将相关项组织在一起。在一个页面上,位置接近就意味存在着关联。因此相关的项应当靠近,归组在一起 【对齐】每个元素都应当与页面上的另一个元素有某种视觉联系。一般情况下,页面上只使用一种文本对齐。但若想在同一页面上同时右对齐和左对齐文本,一定要让这些文本以某种方式对齐,可以有意识打破对齐,但一定要表现出这是有意的。 【重复】让视觉要素在整个作品中重复,包括统一颜色方案、字体字号、文本行距、图表风格等。尽量采用多样性实现统一,用不同方式重复表达。 【对比】如果页面上的元素不相同,那就干脆让它们截然不同,以吸引读者眼球。 字体: 【等线体和非等线体】等线体的特点是都有几乎相等的线条,在页面中显得规整但稍显平面。非等线体的使用可以增强阅读的趣味,并与等线体产生对比的效果。 【使用规范字体】在信息图设计中使用规范易读的字体而非花哨的字体。 【不多余三种字体】通过字体加强对比的过程中,切勿使用太多字体。 配色: 【模仿】对于新手而言,观察好的作品并模仿其配色是最高效的形式。 【安全色】通过观察调色板,选择某一颜色为基准,搭配相邻60度范围内的颜色为安全的做法。 【不多余三种颜色】配色是一门循序渐进的学问,建议入门阶段不要使用太多颜色,以至于画面太杂乱没有视觉中心。

拆解信息图设计的三大要素1181   拆解信息图设计的三大要素1182   拆解信息图设计的三大要素1183

问题2:哪些软件和工具可以辅助信息图设计?

工欲善其事,必先利其器。新手入门三大宝:案例看得多、弯路走得少、工具用得好,以下是我们推荐的学习网站和工具,也欢迎大家关注我们的微博:@当归视觉工作室Donegood_Studio 分享交流。

拆解信息图设计的三大要素1306

问题3:用什么软件制作信息图?

制图的实用软件不用多,熟练掌握一门软件就够了。我们是使用AI搭配PS制作出所有非3D的信息图,3D会使用建模软件及AE。

拆解信息图设计的三大要素1386

要素二:信息图设计的基本步骤

问题1:制作信息图的第一步需要做什么?

设计的第一步是明确要求,首先需要充分了解使用场景:稿子要用在社交媒体线上传播还是印刷,前者需要控制图片宽度在1000像素以内,并调整字体大小在30号左右,选用RGB颜色格式。后者则需要了解印刷品规格,并选择CMYK颜色格式;其次需要充分了解使用目标:非营销目的信息图多追求严谨和数据化,常用于B2B业务,而营销目的信息图多追求趣味和故事线,常用于B2C业务。使用目标不同,直接影响着信息图的风格;最后需要充分了解背景资料:如果客户有Visual Guideline一定要遵从。没有的话也应该从客户品牌调性出发寻找合适的视觉方案。

拆解信息图设计的三大要素1689

问题2:制作信息图的第一步需要做什么?

好的开端是成功的一半,当我们需要独立完成信息图设计时,第一步应该是分析资料,做好策划。通过思维导图的方式将资料归纳为基本的框架。在我们的经验中,信息图多为以下几个方面: 【时间线】产品的进化史、时间的发展史、公司的年表等。 【架构图】企业业务分类、产品分类、人员及事件分类等。 【路径图】如何选择某种产品、如何完成某件事情等。 【层次图】数据的分类统计、产品的多种用途等。

拆解信息图设计的三大要素1899 分析完基本结构后,针对数据和信息的特点,考虑具体的展示的方式。数据的展示形式大体分为四大块:联系、分布、比较和构成:

拆解信息图设计的三大要素1961

问题3:信息图设计的主要方法?

作为专业制作信息图的团队,我们在绘制信息图元素中会投入大量的精力,然而对于大部分信息图使用者而言,能够及时将信息图运用在工作中显得更为重要。因此我们推荐大家使用版权授权的元素和图标素材,这将大大提升设计效果和工作效率。我们将设计的主要分发归纳为:运用点线面、图标要好看、信息最显眼。 拆解信息图设计的三大要素2126 以下案例中,我们充分使用了图标元素和点线面的结合:

拆解信息图设计的三大要素2155

要素三:信息图设计的发布与传播

问题1:信息图发布中的注意事项

辛辛苦苦做出来的图,如果没有一个好的传播效果,也实现不了信息图真正的价值。因此我们需要将图片需要调整到受众易读的程度。 •微博发布图片不宜过宽,图片宽度应控制1000像素以内,以保证图片在微博中以原图大小出现。 •微信发布图片不宜过长,3000像素以上的长图需分割后上传,单张图片控制在400K大小。 •发布时应注意留足下方水印位置,以免遮挡文本信息。 •图片字号应保持在20以上,以方便阅读。

问题2:如何增加信息图的传播量?

随着越来越多的信息图出现在社交网络上,为信息图“加把火”才能让自己的信息图脱颖而出。 •微博发布图片时最好提炼对应的观点作为引入,取引人入胜的标题将为信息图带来更多转发。 •微信发布中,由于图片自身偏小不易阅读,最好能分段对图片加上对应的文字解释。 •图片结尾设计针对受众的问题,让读者在阅读完毕时发现惊喜,激发参与感和分享欲。 •图片收尾有对应的Slogan或文案将加深读者对信息的印象。 •别忘了贴上二维码。 希望今天的教程,能够帮助大家更好地完成信息图入门,设计出满意的信息图,期待与大家一起将信息可视化进行到底。

简介:Donegood Studio|当归视觉工作室 是以高效执行为竞争力的信息可视化机构,我们为顶级公司提供信息设计、动画视频和内容制作等服务,用专业方式创造有趣的数字内容产品。公司自成立以来,整合多种可视化形式,携手公关代理机构策划了丰富的企业传播内容,帮助品牌扩大社会化影响力。 微博号:当归视觉工作室Donegood_Studio 主页:www.donegood.cn

拆解信息图设计的三大要素2903

共有 0 条评论

请先 登录 再发表评论
暂时木有评论
TOP