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

大家好,我是Clippp。今天为大家分享的是「数据可视化」。在之前分享了关于图表设计的文章,没看过的小伙伴点这里快速回顾➡️➡️让数据更有趣!全面总结图表设计的思路和方法

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

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

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

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

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

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

二、数据可视化图表类型

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

因为共享一个共同的空间参考系统,所以位置是最容易识别和评估空间元素的特征。

使用相同的比例和轴-小倍图

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

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

长度-条形图

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

方向-趋势图

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

角度-饼图

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

区域-气泡图

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

体积-3D条形图

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

色彩饱和度-热图

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

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

明确目的

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

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

了解受众

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

使用视觉效果正确展示数据

由于存在很多不同类型的图表,所以决定哪种类型最适合可视化呈现本身就是一门艺术

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

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

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

相似性

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

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

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

接近性

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

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

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

包围法则

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

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

最后

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

慢慢来比较快,希望对你有帮助~


1、聊聊卡片式设计的运用

2、案例分析:栅格系统的布局设计

3、如何设计深色模式?这3点因素需要考虑

4、深度解析:服务蓝图的应用逻辑设计

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 199,830评论 5 468
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 83,992评论 2 376
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 146,875评论 0 331
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 53,837评论 1 271
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 62,734评论 5 360
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,091评论 1 277
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,550评论 3 390
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,217评论 0 254
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,368评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,298评论 2 317
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,350评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,027评论 3 315
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,623评论 3 303
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,706评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,940评论 1 255
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,349评论 2 346
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 41,936评论 2 341

推荐阅读更多精彩内容