联系电话:020-28187900

信息图表设计的秘密:动态数据信息化10个小贴士

发表时间:2012-08-23 阅读: 4960

轴承

一个伟大的信息图表设计必然是引人注目的。它是高效表达复杂含义的神器。以下,是一些设计成功信息图表的简单步骤。

Infographic design starts with 'why?'

“为什么?”是信息图之始

制作一张让人过目不忘的信息图的关键是:明白它的目标!你想达到什么目标?像Elefint设计的创始人之一 Matthew Scharpnick说的那样:在设计之前,花点时间,了解你的观众们和你要传达的信息。

轴承

Make the complicated, uncomplicated...化繁为简

古谚说的好,一图胜千言。这便是信息图的涵义:用简单,视觉的方式,压缩/解释一个信息。

Map it out first 绘制草图

接着,别着急作图。开始正式作图之前,先坐下来。一纸一笔,绘出信息图的流。用边栏分解事务,让设计更易理解。

Don't try to include everything 别贪心

一些信息表超级大,而且需要滚好多屏才能到底。这就把信息图这个形式给误读了。所以,删除冗余数据吧,专注在关键数据上。

Offer a fresh perspective 提供新鲜视角

一个好的信息图,并不只是把数据变成饼图和柱状图。利用excel和numbers,是个人就能办到。

当你绘图,并着重表现其内在模式时,要注意:你要从一个新鲜的角度来呈现数据。参见上面色彩心理学的那张信息图。顺便可以瞄一下 “能启发你创造的10张伟大的信息图”

Do your research 做研究

如果你给错了数字,那么,你的信息图设计再漂亮也没有用。所以,请研究,再研究!

Make your artwork stand out 创造引人入胜的艺术品

保证信息图的“信息”准确是一件事,而把“图”的元素发挥到极致则是让你闪光的更重要的一件事。不要只是模仿另一个信息图的视觉。请把你的风格带进来,创造出属于你的引人入胜的作品。

Choose a delivery system 选择一个表达体系

Good case: Dreaming of dry sheets or who has the biggest military budget.

最基本的信息图形式是“解释型信息图”—— 对基本数据的聪明视觉演绎。比如 dreaming of dry sheets, who has the biggest military budget. 但是,其他形式可能效果会更好。

比如,能比较和对比数据的信息图。像下面的【“极客”与“书呆子”的区别】;有如利用时间线和流程图说一个故事;又如像一个产品一样给某物做注释。列表也可以被视觉化,正如用户引导手册也行被视觉化一样。

轴承

Minimise the words 精简文字

精简文字这个原则不言自明。但是,一些信息图还是包含了一些不必要的文字。信息图的目的,是利用形状、图片、表格、照片来表达信息。如果,你还需要文字来解释你的图,那么则说明这个图表的目的没实现。

Make it sharable 让图表被分享起来!

让你的图表很容易的就被发现。在你的博客和网站上加一些社交媒体的按钮(比如pinterest)像所有的博文一样,你的图表设计必须有好的标题,以便能在视觉性较差的渠道,譬如,twitter, reddit 和RSS feed 用来吸引用户的注意力。

Good case: How the Americans see Europe

  最后,不要低估在图表里加入幽默的效用。除非,你要为世界末日的北极冰川消融做图。(囧) 幽默这点上,how the americans see europe这张图表做得很好。

  如果所有的原则你都做到了,你就能制作一个信息表达明确,能吸引注意力的信息图表!

  我个人也补充总结一下自己尝试做图表的一些经验:

  1. 模型:尽量思考生活中的东西做类比

  比如说,你要表现某个系统的结构,可以考虑使用建筑物、或者人体的构成、精密仪器做比喻。你要表现时间发展,可以考虑用树木成长、地铁路径图、火箭发射图做比喻。

  2. 配色:参考优秀的信息图表

  如果不会配色,没有关系。用photoshop,snagit或其他网页颜色抓取器,抓color code大家还是会的吧!

  3. 不要太长

  个人很讨厌特别长、宽的信息图表。太长以至于不能让用户很快的抓住精要,还不如做成动态的更好。

  4. 资源

  如果你也喜欢信息图,推荐几个资源,欢迎补充

  中文微博资源

  http://weibo.com/picsays

  http://weibo.com/datablog

  http://weibo.com/huangyu4124

  http://weibo.com/nprt

  http://weibo.com/vividchart

  http://weibo.com/lxj1017

  英文资源

  http://infographicworld.com/

  http://www.netmagazine.com/tutorials/how-create-great-infographics 【教程】

原文地址:http://www.creativebloq.com/graphic-design-tips/great-infographic-design-tips-1232813


相关新闻 【更多】

唯众网络