制作图表的工具


12

制作图表的最佳工具是什么-结合了图形,图表和文本以简洁地传达许多信息的有吸引力的显示。我对可在网络上观看的内容和用于印刷的海报都感兴趣。

具体来说,我在问:

  • 使用了哪些工具组合(例如,一种用于制作图形的工具,另一种用于将图形和文本组合到最终信息图中的工具)?
  • 是否有任何矢量图形工具(例如Illustrator)比其他工具更适合或不太适合该任务?
  • 是否有任何在线工具在组装过程中有用?

(作为我感兴趣的事情的示例,[但规模要小得多,请访问http://xkcd.com/980/


对于已经给出的出色答案,我只想投入一些资源,可以对数据进行一些处理(无论如何,还是我的信封)。您可能无法(或曾经)在下一个项目中使用它们,但是它们很有趣,而且会让您思考。
阿曼达

Answers:


18

设计图表是我所做工作的很大一部分。这是我使用的粗略分类。

  • 我从事的信息图表工作大概95%在Illustrator中。您将要使所有内容尽可能保持矢量格式,因为精确的缩放,对齐,分组,调整和更改非常重要。如果它很好地展示了良好的信息,则可能会要求使用不同版式的版本:网络,印刷品,海报,交互式,社交媒体的小共享图像,缩略图...甚至可能是包含明年数据的更新版本。如果您将所有内容保持灵活,则稍后再感谢。Illustrator的一些特定功能:

    • 它的图表工具生疏而令人沮丧,但准确但值得使用(一些提示:记住使用sr缩放和旋转,常规方法无效,并且当您需要对图表进行分解和分组时,请始终将其分组复制)并击败Corel Draw中所需解决方法。就是说,我认为Inkscape有一些插件,并且在这方面正在改进,而Adobe却忽略了他们坦率的过时图形工具。尽管我喜欢Illustrator,但如果竞争对手拥有好的,现代的,可靠的制图工具,我会立刻投入。不要试图从Excel复制,取消组合和编辑图表-它可以正常工作,它们可以作为矢量粘贴,但是在直线上的某些地方它们会稍微变形并失去准确性。
    • 它具有以可调方式将效果应用于精确绘制的形状的功能,例如美术笔刷,图案笔刷和变换效果。其他矢量程序具有类似的功能,但程度不同。任何使元素可重复使用,可调整和可重新配置的内容都将有所帮助。
    • 当需要以精确的数值方式执行操作时,会有大量脚本。当您需要做一些不寻常且精确的事情时,通常会有一个脚本。而且,“对齐”调板很棒,并且具有一些非显而易见的方便技巧,例如准确地堆叠东西
  • 除非图形要成为多页文档的一部分,否则我很少使用InDesign(尽管有些人将其用于图形的整个文本侧,放置了Illustrator中的每个元素)。我使用它的两个例外:

    • 围着一张桌子格式内置(即使在当时东西,这是一个好主意,让全图形元素作为Illustrator文件,并把它们作为必要-尤其是基于像数据进行任何调整迷你 - InDesign中是罚款放置数据,但不能做任何事用它)
    • 如果是大量文本,则更像是带有各种图形的杂志版面,而不是带有文本片段的图形
  • 当不可避免地使用光栅图形时,Photoshop有时会非常方便,并且Fireworks可以方便地为Web或具有相同基本结构的一组变体准备复杂的东西。尽管有些人主要使用Photoshop或Fireworks设计用于Web的一次性简单信息图表,但我很少同时使用这两种信息图表。

  • 如果您对交互式信息图完全感兴趣,并且您或同事知道任何JavaScript,那么Illustrator的另一个优点(对于Inkscape和CorelDraw也是如此)可以导出SVG,该SVG可以在浏览器中用作交互式矢量元素。 。

人们有时会使用诸如omn​​igraffle之类的更简单的程序来绘制简单的图表,并且有时会浮现低障碍的信息图表创建工具的想法,但我见过的只是变相的一堆预制信息图表(例如视觉上创造)可笑的浅(例如画架)

编辑 -

现在有两种低进入障碍的工具,它们不会百分百吸引,并为标准信息图表格式(Vennageinfogr.am)增加了一些值得一提的东西。它们还处于早期阶段,还有些粗糙,由于它们本质上是玩具应用程序,因此对于设计人员来说,除了内部人员避免进行令人费解的琐碎工作(“文字和一些图表?非常简单,您实际上可以自己执行此操作,“ ...”)-但有一些值得注意的地方:它们导出为HTML和SVG(infogr.am使用Raphael,Venngage使用HTML,CSS和D3)。

为什么这么重要?因为如果您设计要在网页上发布的信息图表,并且只是打包了png或gif并说完成了工作却未使用此类方法将文本输出为网页标记中的实际,真实,实时,语义文本,这将意味着像这些站点这样的自动玩具会产生比您的工作更具优势的输出结果。我一直将Raphael用于此类操作,因为这是唯一可在旧版IE和iOS中使用的功能。

编辑2-

有影响力的信息设计师/数据新闻先驱Alberto Cairo最近在博客中介绍了交易工具,并已在Illustrator中针对初学者发布了一些有关信息图表的视频教程(我没有尝试过,因此无法为其提供担保)。流行的dataviz博客Flowing Data还定期提供教程,这些教程有时是代码,有时是stats,有时是设计。这些通常是针对希望提高其设计和可视化技能的统计学家,而不是相反的做法,但可能会有用。


4
+1000表示“如果要取消对图表的分组,请保留分组的图表”。慈悲之心,试图与1923年至今的其他未分类的S&P对数图表一起工作,就像用蘸有柠檬汁的筷子刺中自己的眼睛一样。
Lauren-Clear-Monica-Ipsum'5

+1表示未分组图表的明显痛苦记忆。
huzzah'5

很棒的答案。特别感谢有关交互式信息图形的指针-绝对值得探索。
史蒂夫·贝内特

1
@SteveBennett谢谢!顺便说一句,自从撰写本文以来,我看到了Raphael的一个出色示例,该示例被用于使看起来像是静态设计的可打印图形在网上更具吸引力。它是法语的,但是对于获取想法应该是很好的……只是不要指望这种实现一定会很容易parti-socialiste.fr/bilan-sarkozy
user56reinstatemonica8

哇,那真是太壮观了。(主题也很有趣-尽管在萨科齐之前,我在法国生活了两年)。raphaeljs.com
史蒂夫·贝内特

8

WebCode是一款出色且易于使用的矢量绘图应用程序,可立即生成JavaScript + Canvas,SVG或CSS + HTML代码。它专门用于Web图表。

在此处输入图片说明


7

图表的插画家。根据信息图中的其他内容,您可以将Illustrator或InDesign用于非图表材料。Illustrator可以用于基本到中等的布局,对于一张纸的海报当然也可以。进入多个页面后,使用InDesign可能会更好。


4

我同意Lauren-图表的Illustrator。整个作品都可以使用Illustrator。但是,我倾向于将Indesign用于大量表格数据,而不仅仅是多个页面。与Illustrator相比,Indesign处理表数据要容易得多。

实际上,大多数部件不是使用一件软件创建的。在Illustrator中完成的图表和图形,可能使用Photoshop完成的照片或插图。然后将整个内容与Indesign中的表结合起来,因为Indesign具有更好的类型工具。

但是,您可以在Illustrator或Photoshop中完成整个工作。


2

“信息图形”并不是真正的特定技术甚至不是美学。它实际上只是在视觉上表示数据。使用适合您使用的任何工具。对于矢量插图,Adobe Illustrator很好。Inkscape也是不错的选择。Corel Draw可以工作。有很多选择。


2

对于已经给出的出色答案,我只想投入一些资源,以某种方式推动信封(无论如何还是我的信封),以图形方式处理数据。(1)内森·丘(Nathan Yau)的书《 Visualize This》(或flowingdata.com网站),如果我没记错的话,其中提到了一堆先进的信息图表创建工具,以及(2)杰尔·索普(Jer Thorpe)的TED演讲“使数据更人性化” http:// www.ted.com/talks/jer_thorp_make_data_more_human.html抽出几分钟,尽情享受吧!


1

我使用Microsoft Word通过发布版式,形状工具,文本框和指南来制作信息图表。我能够非常简单地制作这样的图表,并希望提供逐步的视频说明,以说明其他无权使用Adobe CS5工具的人如何在MS Word中建立信息图形库。https://gumroad.com/l/MDDPA

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.