在文章的开始我想先跟大家一起来科普下,什么是大屏?什么是数据可视化?
一、可视化大屏的概念所谓大屏,顾名思义就是一个很大的屏!!!
图片来源于网络
大屏一般应用在交易大厅,展览中心,管控中心,老板办公室等等场景,把一些关键数据集中展示在一块巨大的LED屏幕上,你可以把大屏想象成巨大化的Dashboard,但又不同于传统的Dashboard,是当今数据可视化的主流展示平台。
大屏可视化就是以大屏为主要展示载体的数据可视化设计。“大面积、炫酷动效、丰富色彩”,大屏易在观感上给人留下震撼印象,利用面积大、可展示信息多的特点,通过关键信息大屏共享的方式可方便团队讨论、决策,故大屏也常用来做数据分析监测使用。
二、大屏数据可视化设计原则也许你觉得酷炫的可视化效果遥不可及,但如果我告诉你,现在你也可以。用对工具你就成功了一半,亿信华辰的酷屏软件是专为以大屏为主要载体的数据可视化需求而研发的。【参考之前的文章:10分钟拖拉拽搞定大屏可视化】
当然,要做出好看的效果,还需要你掌握了大屏设计的基本原则!
1、明确业务需求
大屏设计要避免为了展示而展示,排版布局、图表选用等应服务于业务,所以大屏设计是在充分了解业务需求的基础上进行的。那什么是业务需求呢?业务需求就是要解决的问题或达成的目标。
2、主概述、次详情、层次分明
大屏因为大,承载数据多,为了避免观者迷失,大屏信息呈现要有焦点、有主次。先把突出核心数据,待用户理解大屏主要内容与展示逻辑后,再逐级浏览次要内容。部分细节数据可暂时隐藏,用户需要时可通过动画切换轮播等交互方式唤醒。
三、大屏可视化设计流程
1、根据业务场景需求抽取关键指标、维度
关键指标是对一组或者一系列数据的统称。一般情况下,一个指标在大屏上独占一块区域,所以通过关键指标定义,我们就知道大屏上大概会显示哪些内容以及大屏会被分为几块。确定关键指标后,根据业务需求拟定指标展示的优先级(主、次、辅)。同一个指标的数据,从不同维度分析就有不同结果。这样就可以将不同的维度的数据分开展示从而达到多维分析,全面展示详情。
2、了解物理大屏,确定设计稿尺寸
一般情况下设计稿的分辨率就是电脑的分辨率,此外,当被投电脑分辨率长宽比与大屏物理长宽比不一致时,也会对被投电脑屏幕分辨率做自定义调整,这种情况设计稿分辨率也会发生变化。所以设计开始前了解物理大屏长宽比很重要。
3、页面布局、划分主次
尺寸确立后,接下来要对设计稿进行布局划分。主要根据我们之前定好的业务指标维度进行,核心业务指标安排在中间位置,其余的指标按优先级依次在核心指标周围展开。一般把有关联的指标让其相邻或靠近,把图表类型相近的指标放一起,这样能减少客户认知上的负担并提高信息传递的效率。
版式不是金科定律,只是通常推荐的主次分布版式,能让信息一目了然。小伙伴们可以自己尝试下多样的布局来打破常规。
4、定义酷屏设计、开发酷屏
酷屏的设计风格主要根据行业类型、客户喜好、具体展示指标整体搭配,但总体一般以深色为主,这主要是因为大屏如果是浅色系长时间观看会造成眼睛疲劳、刺疼,还一点就是浅色上面不是很适合体现动感光线等特效的展示。当然大屏虽酷炫,但我们也不能忘记了为了炫酷而炫酷,实际我们还是要以展示具体指标为主要目的。小伙伴们千万别偏题了哟。
在大屏设计中,如果想要美学形式与功能齐头并进,平衡好设计与功能之间,就必须注意字体、背景色的使用、颜色搭配等细节。可参考这篇文章《要美感与功能兼备?那你的可视化大屏设计要注意这些》。
最后上几张我们的大屏可视化效果图:
亿信华辰大屏效果图
亿信华辰大屏效果图
亿信华辰大屏效果图