• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 让传达更有效!7个提升数据可视化的实用技巧

让传达更有效!7个提升数据可视化的实用技巧

作者:彩云译设计 字体:[增加 减小] 来源:互联网 时间:2018-08-23

本文主要包含信息可视化,可视化设计,彩云译设计,数据可视化等相关知识,彩云译设计希望在学习及工作中可以帮助到您

今天的文章不长,但是干货还是不少的。对于数据可视化,我觉得在设计原理上其实是相通的,都是为了更好的传达信息。所以,同样的,关注核心信息,剔除信息杂质,就能使数据表信息的传达更有效。

良好的数据可视化就是清晰,有效地传达信息,而不会分散用户注意力。 本文将会介绍一些小细节,帮助你做好数据可视化。

1. 避免使用鲜艳的颜色

明亮鲜艳的颜色就像是把所有的字母都大写想要强调一样,你的听众感觉你在对他们大声推销。而当有很多人在大喊大叫时,通常是很难集中注意力听他在说什么的。单调的颜色,反而能很好地用于数据可视化,因为它们可以让你的读者理解你的数据,而不至于被数据淹没。

当你想要强调数据时,可以使用更亮的颜色。比如你的公司与竞争对手相比较时,或者你可以在现有颜色基础上加深颜色。

△ 多彩的颜色效果就像把文字全部大写一样

2. 避免使用饼图

尽管它们很受欢迎,但饼图并不是一种可视化数据的有效方法。 为什么? 因为你的大脑很难确定每块馅饼的相对大小。多使用条形图, 它能使受众更容易理解和比较数据的相对大小。

Tip:按降序或升序对数据进行排序,能更轻松地比较数据。

△?饼图不是可视化数据的有效方式, 请尝试使用条形图。

3. 避免数据噪音

正如「数据界的达芬奇」Edward Tufte 所说,图表上的每一点信息都应该有存在的理由。

把不重要的东西减到最少或者去掉。这包括减弱或移除图形线,改变轴线 图形线的颜色,以及用浅灰色描绘电子表格。使得「数据比率」可以达到一个很高的水平,听众会更容易明白其中的数据情况。

Tip: 如果有人评价你的图表华而不实,你只需要优化数据比率就好了。

△?隐藏或减弱非数据项能使数据脱颖而出

4. 使用简单易读的字体

有些时候,排版可以提升视觉效果,增加额外的情感和洞察力。但数据可视化不包括在内。坚持使用简单的无衬线字体(通常是 Excel 等程序中的默认字体)。无衬线字体即是那些文字边缘没有小脚的字体。

△?不用使用手写体,以及其他会分散数据可视化注意力的字体

5. 使用表格数字字体

表格间距赋予所有的数字相同的宽度,使它们排列时能彼此对齐,使对比更容易。大多数流行字体都内置了表格。不确定字体是否正确?就看小数点(或任何数字)是否对齐。

△?使用一个表格数字字体,这样每个数字间都保持对齐(像右图),比较起来更容易

6. 使用相同细节和精度的数字

添加的细节(和数字)越多,大脑处理的时间就越长。想想你想要用你的数据传达什么,以及最有效的方式是什么。

△?每一个额外的数字都需要大脑去理解

7. 使用基础图形

一个很好的经验法则是,如果你不能高效理解,你的读者或听众可能也难理解。因此,坚持使用基础图形:直方图、条形图、维恩图、散点图和线形图。

译者注:关于这些数据图的区别以及使用方法,我这里就不作展开说了,有兴趣的可以自己去网上翻翻。每种图形都用它的特点和使用场景,还蛮有意思的。以下是我在网上搜集的图形示例:

△ 直方图

△ 条形图

△ 维恩图

△ 散点图

△ 线形图

原文链接:《Data visualization hacks》 ?Becca Selah

欢迎关注译者的微信公众号:「?彩云译设计」

图片素材作者:Norde

「数据可视化三部曲」

  • 《腾讯设计师:超实用的数据可视化零基础教程》
  • 《腾讯好文!从零开始搭建数据可视化系统的实用指南》
  • 《腾讯设计师:超实用的数据可视化零基础教程之实战案例篇》

优设大课堂

您可能想查找下面的文章:

  • 想做大数据可视化?来看腾讯高手的实战案例!
  • 在这个火热的8月,正在流行这3种网页设计趋势
  • 让传达更有效!7个提升数据可视化的实用技巧
  • 腾讯设计师:超实用的数据可视化零基础教程之实战案例篇
  • 腾讯好文!从零开始搭建数据可视化系统的实用指南
  • 腾讯设计师:超实用的数据可视化零基础教程

相关文章

  • 2018-08-23一个专业易用的健身APP,要如何规划它的功能和UI?
  • 2017-08-06网页设计师必须get的7项技能
  • 2018-08-23想成为互联网设计师?先来看这篇超全面的介绍!
  • 2018-08-23掌握这7个原则,帮你快速提高产品的可访问性
  • 2018-08-23「这个控件叫什么」系列之Notice Bar/通告栏
  • 2017-08-06在firefox播放flash的object及param的写法
  • 2018-08-23简谈精益用研之道:一次完整的调研必经的三个阶段
  • 2018-08-23腾讯超全干货!如何让你的动画更自然?
  • 2018-08-23春节专题!App 设计系列之提示的概念和设计要点
  • 2018-08-23收福利!5个不为人知但干货超多的设计公众号

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 逐渐热起来的6月,这3个设计趋势开始逐步流行
    • 网页设计的平面构成排版能力的介绍
    • 优设首发!800M高质量的iPhone X+8展示模板免费打包下载
    • 这四个动效小趋势,让你可以把网页设计得更加圆融
    • 超全面!底部动作栏设计总结
    • 最全最好用的动效落地方法,都帮你总结好了(上)
    • 超实用!如何正确使用控件系列之提示框(Toast)
    • 科班高手的方法!16个简单实用的排版小Tips
    • 想要提升用户体验,这6种使用插画的方法颇为不错
    • 平面设计中,如何通过“抄袭”优秀的作品成为高手?

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有