数据大屏的应用,定制你喜欢的大屏

682 阅读3分钟

大数据产业正在用一个超乎我们想象的速度蓬勃发展,大数据时代的来临,越来越多的公司开始意识到数据资源的管理和运用,大数据可视化大屏展示被更多的企业青睐,身为UI设计师的我们,也要紧跟时代的步伐学习这方面的设计。

什么是数据可视化?

数据可视化主要是爱图形化手段,清晰有效的传达与信息沟通。简而言之就是把枯燥的数据,通过图形化设计来表现,达到一个更高的精度对数据进行分析和表达。

了解了什么是数据可视化,能够让我们在制作数据可视化大屏的时候更好的去定义自己的作品。

制作数据可视化大屏,首先我们在明确了主题以后,就可以决定配色了。 首先我们先来看一下色环,了解一下色环知识,30度为同类色、60度为邻近色、120度对比色、180度互补色。

在配色上,我们需要根据自己的主题进行配置,就像上述图片,色彩上的强烈反差感能给予观众更加良好的视觉冲击,这也是我们制作大屏的第一要义--通过色彩先抓住人的眼球。
常见的组件有以下这些:

1.柱状图

适用场景:适用场合是二维数据集(每个数据点包括两个值x和y),但只有一个维度需要比较,用于显示一段时间内的数据变化或显示各项之间的比较情况。

2.条形图

适用场景:显示各个项目之间的比较情况,和柱状图类似的作用

3.折线图

适用场景: 折线图适合二维的大数据集,还适合多个二维数据集的比较。

4.各种数据地图

适用场景:适用于有空间位置的数据集

除此之外还有饼图,环形图,百分比图等等,在这里就不再多做详细的赘述了。

在我们制作好了所需要的组件以后,我们就可以进行进一步的美化。

大数据可视化大屏设计少不了动效,动效是可视化重要的组成部分,动效的增加能让大屏看上去是活的,增加观感体验。但过分的动效极其容易喧宾夺主,让观看者的眼球不知道往哪里聚焦,反而弱化了数据的展示。

什么是过度的动效设计?这个度又该怎么把握? 看下图动效设计过度的一个案例,当你试着去看图表的内容,你的眼球一次一次的被闪动的边框抓走,这就是过度的动效设计

图片来源于灯果可视化

当然,如果再你加上动态效果后仍然不够满意的话,可以考虑增加3D模型来进一步丰富你的大屏。 在进过精心设计打磨后,相信你一定可以制作出自己满意的大屏