这篇文章，讲述了信息图设计中的一些要旨，以及常见的一些错误，信息图在现代的数据表现中也是越来越重要了，如果你感兴趣的话，还是可以去原文看看（NNG的文章感觉浅尝辄止，没有让人醍醐灌顶的感觉啊...

原文链接：Designing Effective Infographics

原文作者： Lexie Martin

信息图是，可以将数据转换为便于理解和吸引人的视觉媒介。将视觉与文字图形结合在一起，更好地表达出意图，但这并不容易实现。

随着我们收集数据的方式，和分析数据的工具发展，我们的世界正变得更加丰富。在一个日趋数字化的世界里，设计师面临的挑战之一就是，如何将数据转换成一种大众容易理解的媒介。信息图就是一种强大的讲述工具，允许用户理解，分析，摸索数据。社交媒体的分享，让信息图在内容营销的网站上很受欢迎。

数据可视化和信息图之间的区分是微妙的，表格，图形，地图是常见的数据可视化类型。

在人机交互中，信息可视化领域研究交互式数据表现。与静态的数据可视化不同，信息可视化允许用户操作，获得不同的数据。

信息和数据可视化让人知道了从数据中摸索的模式。对于特定类型的受众或语境，可视化可能并不能够很好的传达您的信息。在这样的情况下，信息图可以更清楚地表达你的关系。

定义：信息图是一种媒介图像，只在呈现复杂的信息和数据，易于理解。信息图通常包括数据和少量的信息可视化，由插图、事实、引用和标题组成。信息图可以独立存在。

信息图设计指南

信息图上的每一项都应该传达出有意义的信息。Edward Tufte在他的1983年著作《The Visual Display of Quantitative》提到了data-ink ratio的概念，用来总结可视化的数据密度。该比率将有价值的信息与完整的图形进行比较。理想情况下，数据可视化具有较高的data-ink比例，图形中的大部分视觉都传递出有意义的信息。

Tufte提倡一种极简主义的图表展示方式，引导用户看到呈现的信息，而不是设计师的个人表现。他的方法消解了所有的装饰-一个完美的data-ink比例的图，不仅省略了插图，而且还删除了背景图片、图标装饰，甚至网格线。

信息图是一种混合的媒介，这里有许多创造的空间。有趣的视觉元素，例如插图、照片、图标，在媒介中是可以接受的，甚至被预期。使用视觉的主题可能会让你的作品更容易表达出抽象的概念。增加数字意义的元素，可以提高信息图的可共享性，在Twitter或Instagram上理解信息。

诚实的信息

在设计信息图时，最重要的是清楚真实的呈现数据，显示数据差异的方式，准确地传递数值，如果你的图形汇总包括了统计信息，请明确指出数据的信息源。

几十年来，统计学家和信息设计师一直在讨论图表尺度细节。一个特别有争议的是Y轴起点。Darrell Huff在他1954年出版的《How to Lie with Statistics》一书中告诫读者，任何以0开始的Y轴图表都要小心。一些专家并不统一，认为只要清楚地表达出比例，这个规则就没有必要。为图表选择一个恰当的比例，清晰地展现趋势和传递数据集合做一个平衡，数据可视化的起点应该显示数据集的基线状态。在许多情况下，0是一个自然起点，而当另一个逻辑起点存在时，不需要强制按照0为起点。

例如在金融业，股票图表的Y轴就是一种常见的做法。用户通常关注股票价格的细节，以及随着时间推移的变化，而不是从0开始的价格。

但是，如果主要用户的任务是比较图上的不同数值，则截断Y轴是不可取的。例如用户想要比较2017年10月与2018年10月的股票价值。可能会错误的以为股票价格翻了一番。

下面的图表也可能会因为Y轴被截断了而产生误解。这张图表反映了美国人对一项有争议的判决的感受。粗略一看，会以为民主党与共和党之间存在着明显的意见分歧。事实上，绝对数据显示62%的民主党人和54%的共和党人同意法院的决定。

极简主义与信息图设计

尽管在信息图的世界中，设计规则是相当宽松的，但极简主义也是有帮助，是减少内容复杂性的设计哲学。

选择可读性的字体，而不是装饰字体。选择合适字体是关键。媒介需要许多不同的文本大小：标题、引号、统计信息、字号应该不同，用以在图形中建立清晰的层次结构。应该避免使用脚本字体，和过于复杂的衬线字体，因为他们会分散眼睛查看信息图时收到的视觉信息。

选择一个有限的调色板，不同的颜色在视觉上会更吸引人，也更吸引注意力。颜色是一种很好的方式，可以快速传达图表上的差异，突出信息图的各个部分，但太多的颜色会过于强势。

颜色是强大的信息工具，但并不应该被用作唯一的视觉区分。色盲和色弱的用户会很难理解仅使用颜色传递信息的信息图。一个最简化的调色板，可以让设计师意识到颜色意外的表达方式。

选择简单的插图，可以让信息图的焦点保持在相关数据上。这些插图应该支持文章的信息，而不需要直接解释数据。上面的信息图还讨论了公司如何招募远程开发者。

这个信息图中的图形元素是现代和极简的。线条清晰，图形也不包含复杂的纹理。遵循统一的美学习惯。元素保持了简单一致的样式，让信息图看起来像一个统一的，视觉上令人愉悦的整体。

交互性

交互式信息图包括用户可以直接操作的数据和可视化信息。这类型的信息图提供了上下文和叙述，同时允许用户控制他们看到的数据。近年来，交互式信息图已经流行起来，新闻媒体也经常以交互式信息图来表现，让读者能够理解数字背后的故事。

在添加交互元素之前，考虑一下正在创建的部分需求。用户对数据的哪些方面感兴趣？如果你只想说明一点，那么静态可视化就足够了。如果你希望用户操作并深入了解数据的不同方面，交互式信息图可能是合适的。

分享与社交媒体

信息图经常在Twitter、Facebook、Linkedin等社交媒体上分享。这些频道可以推动你的内容流动。然而，在社交媒体上分享的图片经常被转帖，而没有连接到原始的原来，你可以在创建的信息图中添加水印或标识。这可以帮助用户找到完整版本。

常见错误

分散用户注意力的视觉元素，信息图的图形元素应该增加用户对信息的信息，而不是让用户的注意力从你想要传达的信息上移开。

不恰当的尺度。正如我们前面所讨论的，这个常见的错误会破坏可视化信息的真实性。当图表的比例不能准确地表现出数据点之间的差异时，它就会破坏数据的印象。信息图中被裁剪、拉伸、扭曲都会造成不好的影响。

不假思索的复制。信息图是一种视觉媒体，但观众所阅读的内容仍然很重要。许多信息图的设计师在设计过程最后才添加文本，并使用不清晰的文字，这会影响整个图像。此外，一些信息图表格忽略了对文本格式的优化，长而无结构的段落会造成信息过载。

不清晰的层次结构。视觉层次结构通过信息图呈现的信息来引导观众。如果项目没有规则，那么信息图的信息就很难被识别。

常见错误的说明

数据可视化和信息图并不是一门实际的学科。这里讨论的常见错误一定程度上是普遍存在的，因为发展太过于迅速，数据可视化已经刊印了几个世纪，最近的互联网发展，在我们使用的材料上发生了巨大的变化。十年前，交互式信息图在flash中的表现很困难，但是在现代的浏览器中，响应速度很快，最佳实践是随着技术的进步，视觉趋势也会发生变化，但可访问的信息设计基本原则不会改变。

当你创建一个信息图时，要求清晰并提升可访问性，而不是绝对的完美，迭代生产的图形，可以发现如何以用户理解的方式呈现内容。

结语

信息图是一种很好的方式来沟通复杂的概念，以一种可访问的娱乐方式。这种混合媒介，将数据可视化和图形文本结合，让信息易于理解。许多已经构建于用户界面的启发式设计应用于数据可视化和信息图，创建更漂亮的数据表达。