亿信华辰

连续3年稳坐商务智能应用榜首

与此同时,亿信华辰在数据治理领域荣登五强

首页行业资讯数据可视化

想做出酷炫的数据可视化大屏,听我的看这篇设计指南

时间:2019-12-20来源:亿信华辰浏览数:567

在文章的开始我想先跟大家一起来科普下,什么是大屏?什么是数据可视化?

一、可视化大屏的概念

所谓大屏,顾名思义就是一个很大的屏!!!

想做出酷炫的数据可视化大屏,听我的看这篇设计指南

图片来源于网络

大屏一般应用在交易大厅,展览中心,管控中心,老板办公室等等场景,把一些关键数据集中展示在一块巨大的LED屏幕上,你可以把大屏想象成巨大化的Dashboard,但又不同于传统的Dashboard,是当今数据可视化的主流展示平台。

大屏可视化就是以大屏为主要展示载体的数据可视化设计。“大面积、炫酷动效、丰富色彩”,大屏易在观感上给人留下震撼印象,利用面积大、可展示信息多的特点,通过关键信息大屏共享的方式可方便团队讨论、决策,故大屏也常用来做数据分析监测使用。

二、大屏数据可视化设计原则

也许你觉得酷炫的可视化效果遥不可及,但如果我告诉你,现在你也可以。用对工具你就成功了一半,亿信华辰的酷屏软件是专为以大屏为主要载体的数据可视化需求而研发的。【参考之前的文章:10分钟拖拉拽搞定大屏可视化

当然,要做出好看的效果,还需要你掌握了大屏设计的基本原则!

1、明确业务需求

大屏设计要避免为了展示而展示,排版布局、图表选用等应服务于业务,所以大屏设计是在充分了解业务需求的基础上进行的。那什么是业务需求呢?业务需求就是要解决的问题或达成的目标。

2、主概述、次详情、层次分明

大屏因为大,承载数据多,为了避免观者迷失,大屏信息呈现要有焦点、有主次。先把突出核心数据,待用户理解大屏主要内容与展示逻辑后,再逐级浏览次要内容。部分细节数据可暂时隐藏,用户需要时可通过动画切换轮播等交互方式唤醒。

三、大屏可视化设计流程

想做出酷炫的数据可视化大屏,听我的看这篇设计指南

1、根据业务场景需求抽取关键指标、维度

关键指标是对一组或者一系列数据的统称。一般情况下,一个指标在大屏上独占一块区域,所以通过关键指标定义,我们就知道大屏上大概会显示哪些内容以及大屏会被分为几块。确定关键指标后,根据业务需求拟定指标展示的优先级(主、次、辅)。同一个指标的数据,从不同维度分析就有不同结果。这样就可以将不同的维度的数据分开展示从而达到多维分析,全面展示详情。

2、了解物理大屏,确定设计稿尺寸

一般情况下设计稿的分辨率就是电脑的分辨率,此外,当被投电脑分辨率长宽比与大屏物理长宽比不一致时,也会对被投电脑屏幕分辨率做自定义调整,这种情况设计稿分辨率也会发生变化。所以设计开始前了解物理大屏长宽比很重要。

3、页面布局、划分主次

尺寸确立后,接下来要对设计稿进行布局划分。主要根据我们之前定好的业务指标维度进行,核心业务指标安排在中间位置,其余的指标按优先级依次在核心指标周围展开。一般把有关联的指标让其相邻或靠近,把图表类型相近的指标放一起,这样能减少客户认知上的负担并提高信息传递的效率。

想做出酷炫的数据可视化大屏,听我的看这篇设计指南

版式不是金科定律,只是通常推荐的主次分布版式,能让信息一目了然。小伙伴们可以自己尝试下多样的布局来打破常规。

4、定义酷屏设计、开发酷屏

酷屏的设计风格主要根据行业类型、客户喜好、具体展示指标整体搭配,但总体一般以深色为主,这主要是因为大屏如果是浅色系长时间观看会造成眼睛疲劳、刺疼,还一点就是浅色上面不是很适合体现动感光线等特效的展示。当然大屏虽酷炫,但我们也不能忘记了为了炫酷而炫酷,实际我们还是要以展示具体指标为主要目的。小伙伴们千万别偏题了哟。

在大屏设计中,如果想要美学形式与功能齐头并进,平衡好设计与功能之间,就必须注意字体、背景色的使用、颜色搭配等细节。可参考这篇文章《要美感与功能兼备?那你的可视化大屏设计要注意这些》。

最后上几张我们的大屏可视化效果图:

想做出酷炫的数据可视化大屏,听我的看这篇设计指南

亿信华辰大屏效果图

想做出酷炫的数据可视化大屏,听我的看这篇设计指南

亿信华辰大屏效果图

想做出酷炫的数据可视化大屏,听我的看这篇设计指南

亿信华辰大屏效果图

快乐分享
功能概览
效果炫酷

内置近百种炫酷组件和3D特效,只有想不到,没有酷屏做不到

开发周期短

提供丰富二次开发接口,组件更新无需重启,周期短、见效快

响应快速

支持动态局部刷新,秒级响应,操作流畅无卡顿

自由布局

拖拽式自由布局,所见即所得的开发体验

操作便捷

内置丰富组件和模板,酷屏制作像拼图一样简单

动态交互

支持钻取、联动等分析功能,动态剖析数据,助力用户决策

© 2020 ESENSOFT 北京亿信华辰软件有限责任公司| 版权所有:京ICP备07017321号 京公网安备11010802016281号|免责声明

联系
电话

您好,商务咨询请联系

咨询热线:400-0011-866转0

手机咨询:137-0121-6790

社区
交流

产品技术问题交流

bbs.esensoft.com

9分钟快速处理问题