菜单 关闭

manbetx官方网站手机版设计有效的信息图

通过 岁的马丁8月12日,2018

简介:信息图形数据转换成视觉媒介,很容易理解和参与。集成图像与文本和图片,加强彼此的目标,但很难实现。。


我们收集数据的方式和我们使用的工具来分析它的发展,我们的世界正变得令人难以置信的丰富的数据。设计师面临的最令人兴奋的挑战之一日益定量的世界是如何将数据转化为媒介,被manbetx官方网站手机版广大读者容易理解。信息图形(就是人们所熟知的信息图)是一个强大的讲故事的工具,允许用户理解,分析、和探索数据。希望社交媒体分享了信息图流行网站上强调内容营销。。

数据可视化和信息图形的区别是微妙的,但很重要。信息图通常包含数据可视化,但数据可视化本身不是一个图表。。

定义:数据可视化是一组数据的图形表示形式。图表,图表和地图是最常用的类型的数据可视化。。

在人机交互中,领域的信息可视化研究交互式数据表示。与数据可视化,这通常是静态的,一个信息可视化允许用户操纵可视化为了得到不同方面的数据。。

信息和数据可视化可以揭示模式,从数字本身可能已经很难分辨。然而,对于某些类型的观众或在某些情况下,可视化可能不足以让你的信息交流。在这种情况下,信息图形可以更清楚地传达自己的观点。。

定义:一个信息图表目标是一个多媒体图形呈现复杂的信息和数据的方式很容易理解。信息图通常包括数据或信息可视化(很少),但是还必须提供上下文插图的形式,事实,报价,和标题。因此,一个图表可以站在自己的作为一个单独的内容(虽然也可以使用额外的一篇文章的上下文中所示文本)。。

的图表和数据可视化的区别
英国广播公司。com:这幅图 自动化对不同职业的可能性是一个图表根据我们的定义。图表在左下角,另一方面,是一种数据可视化和可能会被当做这样的如果它本身已经证明,没有解释的上下文提供的截图。。

manbetx官方网站手机版设计指南信息图形

每一项在一个信息——从图表来说明它们的图像——应该传递有意义的信息。Edward Tufte创造的概念数据墨水比在他1983年的书定量信息的视觉显示总结数据可视化的密度。比例比较有价值的信息(数据)完整的图形(总”墨水”)。理想情况下,数据可视化数据墨水比率很高:全部或大部分视觉元素的图形传递有意义的信息数据集。。

塔夫特倡导简约表示图表引导观众的信息而不是设计师的艺术添加。manbetx官方网站手机版他的方法删除所有装饰——一个图表和一个完美的数据墨水比不仅省略了插图,也删除背景图像等项目,装饰的表项,甚至网格线。。

图形的混合介质,然而,这里有创意的空间许可。元素的视觉兴趣如插图,照片,和图标是可以接受的,甚至在中。使用一个视觉主题可能地一个隐喻,使抽象的概念容易理解。不分散的元素的图表和添加意义的数字可以是有益的补充。他们还可以增加信息和帮助的shareability 3理查德·道金斯方用户理解的信息当他们遇到一个转发的视觉,说,Twitter或Instagram没有额外的上下文提供的原始网站。。

信息的诚实

最重要的是要记住当设计一个图形信息manbetx官方网站手机版目前的数据清晰和真实。扩展图表的方式展示了不同的数据和通信准确值的范围。如果你在你的图形,包括摘要统计信息标明你用来计算这些数据的信息源。

统计学家和设计师讨论扩展的细节信息图表几十年了。manbetx官方网站手机版特定的争论的一个话题是y轴的起点。达雷尔发怒提醒读者注意的任何图表,不开始y轴0在他1954年的书如何与统计。一些专家不同意;Edward Tufte认为这个规则是没有必要的,只要图清楚地表明,规模已被截断。选择一个规模为罢工之间的平衡你的图表展示趋势明显和传达原数据集的规模。数据可视化的轴应显示基线状态的数据集。在许多情况下,0是一个自然的起点,但没有必要强迫一个可视化从0开始当另一个逻辑起点的存在。。

例如,这是一个普遍接受的实践在金融业截断股票图表的轴。用户普遍关心的细节股价以及它是如何随着时间而变化。图表并不需要从0开始为了建立一个有意义的基线。。

谷歌的股票图表apple
谷歌。com的股票图表对轴的方式是信息截断诚实。y轴开始在第一个价格点在选定的时间间隔,这是一个逻辑起点的图表。。

然而,删除轴不会接受如果主要用户任务图上的不同的值进行比较。在上面的股票图表中,如果用户感兴趣的相对价值股票2017年10月vs。2018年6月,他们可能会错误地推断出股票价格翻了一番基于数据点在图上的位置。。

同样的,下面的图表有助于误解因为轴的截断。发表的图表来展示美国人对有争议的法院的判决感到。它在视觉上意味着有一个明显的民主党和共和党之间的意见分歧。事实上,绝对数字显示,62%的民主党,54%的共和党人同意法院的判决。。

从《今日美国》一个图形,显示了一个错误的截短轴
USAToday。com:截短轴在这个图表让不同的观点在不同的党员显得比实际更戏剧性的民意调查显示的结果。。

极简主义和信息图表设计manbetx官方网站手机版

虽然设计的规则是相当放松的世界的信息图,manbetx官方网站手机版简约的方法是有帮助的。。极简主义设计理念manbetx官方网站手机版减少复杂的演讲的内容。。

选择字体的可读性,而不是装饰。选择一个字体,尺度是关键。中需要许多不同的文本大小:标题、标题,报价,统计数据,和标题应该大小不同的图形中建立一个清晰的层次结构。脚本字体和过于复杂的衬线字体应该避免,因为他们经常从视觉信息的许多点分散,眼睛需要时查看信息。。

选择一个有限的调色板。几个不同的颜色更直观地邀请和集中注意力比许多颜色。颜色可以是一个很好的方法来快速沟通差异在一个图表或突出各个部分的信息,但是太多的颜色是压倒性的。。

记住,虽然颜色是一个强大的通讯工具,它不应该作为唯一视觉的区别。色盲和视力受损的用户将难以理解要点仅使用颜色进行通信的信息图。最小的面板需要设计师意识到他们如何使用颜色和其他可视化manbetx官方网站手机版工具来表达信息。。

的信息图表Upwork吸引远程人才
Upwork。com:这张资讯图像吸引远程人才极简主manbetx官方网站手机版义设计与许多原则。它使用一个小数量的不同的颜色,保持简单的插图,并使用高度可读的字体。(然而,笔记本电脑旁边的一盏灯的说明添加小价值的整体信息。)

一般现在时的插图。选择简单的和清洁的插图使信息图表的焦点在相关数据保持不变。这些插图应该支持的整体信息块但不一定需要直接解释数据。上面的信息讨论公司如何招募远程开发人员。。

这张资讯图像的图形元素是现代和简约。行是清洁和图形不包含任何复杂的纹理。都遵循相同的审美习惯。维护所有图形元素的简单而一致的风格使得一个统一的信息感觉和视觉上赏心悦目。。

交互性

交互式图表包括数据或信息可视化,用户可以直接操作。这种类型的信息图表提供了上下文和叙述,同时允许用户查看数据时的控制方面。交互式图表在最近几年已经成为流行。主要新闻媒体经常特性交互式图表允许读者探索他们出版的数字背后的故事。。

彭博亿万富翁指数是一个互动的信息
布隆伯格。com:彭博亿万富翁指数一个多页的信息,比较和世界上最富有的人。等传统信息图表元素的插图和说明文本存在,但是用户也可以选择与数据交互,过滤一些图表的时间间隔,在其他可视化和改变比较变量。。

考虑你的需要创建之前添加交互元素。哪些方面的数据用户会感兴趣吗?如果你只是想要一个点,然后一个静态可视化支持它可能就足够了。如果你想让你的用户操作和深刻理解的不同方面的数据集,交互式信息可能是合适的。。

分享和社交媒体

信息图通常是在Twitter等社交媒体平台共享,Facebook,和LinkedIn。这些渠道可以帮助驾驶交通到您的内容。然而,图形共享在社交媒体上经常转发没有原始来源的链接。考虑添加水印或标识您创建的任何信息图。这将帮助用户遇到的unattributed版本你的图形找到原来的块。。

常见的错误

  • 分散注意力的视觉元素。的图形元素信息图表应该添加兴趣和增强信息图表的主要问题。过于依赖一个主题或一个视觉双关语将观众的注意力从你想要发送的消息。。
这张资讯图像热暴露强调图解的图表
USAToday。com:这张资讯图像热暴露的危险强调图解的图表。太阳插图是如此之大,彩色的和详细的需要注意力从图形的其他物品。Edward Tufte会忙了一整天最小的嘲弄 数据墨水 比在这里。。
  • 扭曲的规模。这常见的错误破坏了一个可视化的信息诚实,正如我们之前所讨论的。当一个图表的规模不准确反映数据点之间的差异就给出了原始数据的错误印象。图表中的信息已经出现,拉伸或扭曲的可用数据给人们一个错误的印象。。
  • 本是想了。信息图是一种主要的视觉媒介,但观众阅读仍然是重要的。许多图表设计师在最后添加文本的设计过manbetx官方网站手机版程和使用不清楚复制整个图形,而淡化了。此外,一些图表忽视优化文本的格式。长,非结构化段创建一个过载的信息。。简洁的写作比较难,但是有更多的影响。。
一段一个关于图表显示文本信息在狭窄的列
InfographicLabs。com:这张资讯图像讨论了信息图的设计。manbetx官方网站手机版信息媒介的声望被组织成四个段落显示在狭窄的列。很难读,甚至更难扫描。这是文字和图片,不是一个综合视觉。。
  • 不清楚层次结构。视觉层次指导你的观众通过各种各样的信息在一个图表。当物品任意大小和测序并无明显的原因,信息图表的信息变得难以分辨。。
千禧一代的信息由维亚康姆和金融机构
维亚康姆。com:层次不清晰这视觉上引人注目的信息维亚康姆抓机构很难效仿。插图是大型和吸引注意力从图形的图表,统计数据,和文本内容。这是图片和文本,但也不是一个集成的可视化。。

常见的错误的注意

manbetx官方网站手机版设计数据可视化图表并不是一门精确的科学。这里讨论的常见错误随处可见部分原因是学科发展的如此之快。数据可视化已经印刷几个世纪以来,但最近互联网的进化使得巨大的材料我们消费方式的变化。交互式图表缓慢而难以使用时呈现在Flash十年前但高度响应图形在现代浏览器是可能的。最佳实践与技术改进和视觉趋势将会改变,但可访问信息的基本原则设计将保持不变。manbetx官方网站手机版。

当你创建一个图表,争取清晰和可访问性,而不是绝对的完美。迭代生成的图形,以发现如何更好地展示你的内容,很容易理解你的目标读者。。

结论

信息图是一种不错的方式来将复杂的概念在一个访问,甚至娱乐的方式。这种混合媒介结合数据可视化与图形和文本易于理解的信息。许多老牌启发式的用户界面设计可以应用到数据可视化和信息图为了创建教育和美丽的表达式的数据。manbetx官方网站手机版。

参考文献

发怒,D。(1954)。。如何与统计。纽约,纽约:W。W。Norton &公司。。

Shneiderman,B。(1996)。眼睛有:数据类型分类信息可视化的任务,,学报1996年IEEE研讨会上的视觉语言。。

塔夫特,E。(1983)。。定量信息的视觉显示。柴郡,CT:图形出版社。。