大屏数据可视化布局设计方案详解

什么是大屏数据可视化

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

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

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

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

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

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

布局设计方案详解

01 半包布局

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

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

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

02 沉浸布局

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

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

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

03 均等布局

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

应用场景：常用于展示平级指标，适用于超大屏的运营和监控场景；

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

04 故事布局

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

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

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

05 君臣布局

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

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

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

06 纵向布局

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

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

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

07 繁星布局

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

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

优势：展现指标多而全面，如下图所示：

上面介绍的这些布局方案中示例的大屏是怎样制作的呢？想必一定会有人产生好奇。在这里，郑重地向大家推荐这个好用的数据可视化平台——炫软（X-BI）。

炫软（X-BI）是专注于数据BI，数据可视化大屏显示的软件平台，提供了完备的组件，拖拽式设计，让数据大屏的设计变得简单和方便。炫软可以私有化独立部署，品牌定制设计，确保了用户的数据安全和独立。上市以来深受用户的好评和喜爱。做数据可视化大屏就用炫软（X-BI），更多详细信息可以在炫软官网进行了解，炫软官网地址 https://x-bi.cn