如何做好大屏数据可视化设计(大屏数据可视化布局设计方案详解)

什么是数据可视化

把相对复杂、抽象的数据通过可视的方式以人们更易理解的形式展示出来的一系列手段叫做数据可视化,数据可视化是为了更形象地表达数据内在的信息和规律,促进数据信息的传播和应用。

在当前新技术支持下,数据可视化除了「可视」,还有可交流、可互动的特点。数据可视化的本质是数据空间到图形空间的映射,是抽象数据的具象表达。

什么是大屏数据可视化

大屏数据可视化是以大屏为主要展示载体的数据可视化设计。

「大面积、炫酷动效、丰富色彩」,大屏易在观感上给人留下震撼印象,便于营造某些独特氛围、打造仪式感。电商双11时大屏利用此特点打造了热烈、狂欢的节日氛围,原本看不见的数据可视化后,便能调动人的情绪、引发人的共鸣,传递企业文化和价值。

利用面积大、可展示信息多的特点,通过关键信息大屏共享的方式可方便团队讨论和决策,故大屏也常用来做数据分析监测使用。大屏数据可视化目前主要有信息展示、数据分析及监控预警三大类。

数据可视化设计是将大数据背后的结构、关联、趋势等,通过可视化的方式直观地呈现出来,让数据变得更具有可读性,并告诉人们数据背后的意义,这可以极大地帮助人们利用大量潜在有意义的数据信息来实现商业价值。

也正因如此,数据可视化设计已成为当下热门的设计工种。

数据可视化通过视觉设计的表现手法可以将复杂无形的数据具象化,将凌乱的数据故事化。其既能展示视觉设计后的数据之美,又能用设计语言将数据信息有效地传达。

布局设计方案详解

01 半包布局

布局要点:中间为主要指标,占据页面主要且中心的位置;左右及下方为次要指标,面积较小、较集中,可展现较多数量的指标。

应用场景:能涵盖绝大多数的使用场景,如教育、房地产、政务等行业的数据分析展示,需要展示多项指标,并突出某些关键指标。

展现优势:清晰地展现所有指标,主次分明,如下图所示:

如何做好大屏数据可视化设计(大屏数据可视化布局设计方案详解)(1)

02 沉浸布局

布局要点:中心重点区域扩大,左或右放置少量指标,不易展示太多的指标,可以让用户有更好的沉浸式观感;

应用场景:常用于将重点区域扩大的地图展示、三维模型展示,如智慧园区、智慧工厂、智慧城市等;

展现优势:能够展现更多的图像区域,这种布局可让立体感更强的3D大屏有更好的呈现。

如何做好大屏数据可视化设计(大屏数据可视化布局设计方案详解)(2)

如何做好大屏数据可视化设计(大屏数据可视化布局设计方案详解)(3)

03 均等布局

布局要点:按照1:1:1平均分配每一块展示区域;

应用场景:常用于展示平级指标,适用于超大屏的运营和监控场景;

展现优势:无明显主次指标需要展现时,这样均等划分区域在视觉上不会有过多地干扰,所有指标都可找到,一目了然,如下图所示:

如何做好大屏数据可视化设计(大屏数据可视化布局设计方案详解)(4)

04 故事布局

布局要点:没有明显的分割区域,数据与数据之间按照一定的业务逻辑去排列布局;故事线作为一条隐形的线,可在当前场景下把各个指标串起来。

应用场景:利用时间、生命周期或管理模型等讲述一个完整的故事线,多用于政务大屏;

展现优势:数据连贯性强,当指标间有关联关系时,可以有逻辑地递进展现,如下图所示:

如何做好大屏数据可视化设计(大屏数据可视化布局设计方案详解)(5)

05 君臣布局

布局要点:与半包布局类似,中间大两边小,中间通版放置三维模型大图;左右两边为次要指标,展现指标较多较丰富;

应用场景:需要展示多项指标,并突出某些关键指标或三维图像时适用,如工厂的生产流程等;

展现优势:图像更大更清晰立体,指标主次分明,如下图所示:

如何做好大屏数据可视化设计(大屏数据可视化布局设计方案详解)(6)

06 纵向布局

布局要点:由于屏幕的原因,将页面分割为上中下三个部分,中间区域较大,上下较小,重点突出中间区域;

应用场景:受制于大屏的尺寸在一些特殊的展会上使用;

展现优势:很好的适配特殊场景下的屏幕,主次分明突出重点,如下图所示:

如何做好大屏数据可视化设计(大屏数据可视化布局设计方案详解)(7)

07 繁星布局

布局要点:布局较为随意,满屏都是各种各样的指标,尽可能多地展现;

应用场景:常用于日常运维、监管监控人员使用;

优势:展现指标多而全面,如下图所示:

如何做好大屏数据可视化设计(大屏数据可视化布局设计方案详解)(8)

如何做好大屏数据可视化设计(大屏数据可视化布局设计方案详解)(9)

上面介绍的这些布局方案中示例的大屏是怎样制作的呢?想必一定会有人产生好奇。在这里,小亿就郑重地向大家推荐这个好用的数据可视化平台——亿信ABI——亿信华辰自主研发的一站式数据分析平台。

DT 时代,数据可视化将会越来越重要。相信有越来越多的公司会遇到大屏的场景。通过可视化搭建大屏系统,可以赋能相关的业务方,让非专业人士做出专业的大屏效果,同时满足公司的一些定制化需求。

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页