设计师必看|如何做好数据可视化设计?这些必备原则一定要先看!

共 2274字,需浏览 5分钟

 ·

2021-10-16 10:34


点击"三分"关注,回复"社群"加入我们

欢迎来到专业设计师学习交流社区

三分设|连接知识,帮助全球 1 亿设计师成长

转自Clip设计夹

编辑:章欣怡

共 1998 字 16 图  预计阅读 5 分钟


可以和今天这篇文章串联起来一起看,共同丰富数据可视化的设计知识。

有效地传达数据一直具有挑战性,数据可视化是讲述数据故事的好方法,帮助我们理解更复杂的数据关系。


一. 为什么使用数据可视化?

如果不能通过有效的方式理解和使用大数据,那么每天产生的数据可能就没有什么用处。

无论身处什么行业,不管是互联网、传统产业、或者经济领域,再到医疗保健和服务行业的各方面,数据可视化都发挥着重要作用。


通过将各种信息转换为图表,内容变得更易理解和使用。 


二. 数据可视化图表类型

1.共同的比例定位-条形图、散点图

因为共享一个共同的空间参考系统,所以位置是最容易识别和评估空间元素的特征。
使用相同的比例和轴-小倍图。


当需要展示的项目太多时,单一的图表有可能会变得混乱或出现遮挡,这些形式对体验来说并不友好。

利用小倍图或面板图,一系列图表都遵循相同的视觉格式,显示不同的数据。

2.长度-条形图

长度可以有效地展示定量信息,因为可以根据长度的伸缩体现具体的数据值。

3.方向-趋势图

方向很容易被我们识别,可以使用折线图和趋势图来显示随时间变化的数据。

4.角度-饼图

角度通过提供比例感来进行数据间的比较。有研究表明,角度比长度或位置信息更难评估,但是通过合理运用也能发挥最大的效用。

5.区域-气泡图

区域面积的相对大小与线的长度相比更难比较。区域具有水平和竖直两个的数据比较,需要花费更多时间来处理和解释。

6.体积-3D 条形图

体积是指在二维空间中使用 3D 对象,当比较两个相同维度的形状时,可以更精确地感知 3D 对象。

7.色彩饱和度-热图

颜色饱和度是指单一色调的纯度。颜色纯度的增加可以直观地视为数值的变化,往往用来表示数据的范围但很难评估一个精确的结果。


三. 数据可视化的设计原则

1.明确目的
数据可视化应该解答重要的战略问题,提供真正的价值并帮解决实际问题,例如可以用于跟踪性能、监控用户行为和测量流程的有效性。

在项目开始前花时间明确目的和优先级会让最终的结果更有用,并 防止浪费时间创建不必要的可视化效果。

2.了解受众
如果数据可视化不是为了与目标受众进行清晰沟通而设计的,那么它是无用的。可视化应该与受众的专业知识兼容,允许他们轻松快速地查看和处理数据。

3.使用视觉效果正确展示数据
由于存在很多不同类型的图表,所以决定哪种类型最适合可视化呈现本身就是一门艺术。

正确的图表不仅让数据更容易理解,而且能以最准确的方式呈现数据。要做出正确的选择,就要考虑需要传达什么样类型的数据,以及要传达给谁。


四. 将格式塔原理应用于数据可视化

格式塔原理基于这样一个观点:人脑试图简化和组织由许多元素组成的复杂图像或设计,下意识地将这些部分安排到一个有组织的系统中,从而创造一个整体,而不仅仅是一系列不同的元素。

1.相似性
相似的颜色、相似的形状、相似的尺寸和相似的方向等具有共同视觉特性的元素,都可以视为一个群体。

▲ 与左侧的图表颜色相比,右侧的条形图都是蓝色的。考虑到 Y 轴只有一个变量(成本/收入),只用一个颜色来表示更有道理。

使用同一种颜色的条形图能够更容易理解数据,避免因使用不同颜色造成额外认知压力。

2.接近性
接近性比相似性更有效,因为视线会根据元素之间的接近程度来感知元素的关联。

▲ 图表的目的是比较三个季度内各个国家的销售额。虽然在一个季度内比较每个国家的销售额很直观,但将国家作为 Y 轴,数据展示可能会产生歧义。

▲ 修改后的图表更清楚地表达了这一点。在这种情况下,信息的优先级将集中在可视化目标即销售额上面,因为这些数据更具接近性。

3.包围法则
包围法则被一组对象围绕着,这些对象在其周围形成了可见的边界,例如线条,色块或颜色。它导致对象看起来在与其余对象不同的区域中分开放置。

▲ 蓝灰色阴影区域内的三个条形图似乎是整体中比较特殊的一部分,这种表现形式引导用户将注意力集中在图表中的某一组对象上。


最后
了解用户感知和认知过程的关键要素是设计优秀数据可视化的重要组成部分。

—  The end  —


📚 原创文章精选📚

一篇文章告诉你服务设计到底能做什么?

游戏新手指导怎么做?一起看看《对马岛之魂》如何打造初次对抗体验

制定 “小目标”,了解产品管理中的结构化思维

35+ 的 Windows 系统到底有什么了不起?细数系统界面设计的演变

导师与学员的高效交流 APP 设计 —— Lightship

后疫情时代,如何通过服务设计恢复真正的人际互动?


🙋 我们一起聊设计 🙋‍♂️

高质量,学设计行交流微信群

期待与更多优秀用户体验设计师一起成长

PS:欢迎大家关注三分设,每天早上9点,准时充电。分享优质设计、创意灵感、新知新识,定期大咖老师直播分享,零距离连麦,答疑解惑。 添加小小虫微信号【 Lil_Bug 】,备注【 三分设 】加入!(只面向星标了公众号三分设的粉丝) 

浏览 71
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报