百度商桥

400-660-9989

uipower@uipower.com

数据可视化大屏如何设计

发布时间:2020-08-16 10:30:15

相信大家对于“数据可视化”的概念并不陌生,对大屏也有直观的了解。首先我们来了解下“数据可视化”的概念,数据可视化,是将抽象的、复杂的、不便理解的数据以人眼能直观看到的图像化元素表示出来,数据可视化是为了更形象更直观地表达数据的内在关联及变化规律,促进数据信息的共享与交流。而“大屏”是当今比较流行的数据可视化呈现的载体,因为大屏的尺寸足够大,画面色彩的处理能力也更优秀,因此人们通常会选择大屏来呈现数据可视化的内容。 那数据可视化大屏应该如何设计呢?在设计之初,首先需要了解本次设计的目的及意义。了解建设单位及其所在行业、核心需求及痛点、相关用户及使用场景、建设目标等。由于此类信息,一般项目负责人是非常了解的,此处不赘述,我们重点讲一下数据可视化大屏的设计方式。

想要设计出效果不错的数据可视化大屏,核心的五类元素有:交互方式、设计风格、可视化图表、三维、动效。

(1) 交互方式

目前市面上的大屏交互方式千篇一律,基本都是平铺布局,将可视化数据图表以卡片的形式分布在界面上。大家逐渐对于这种交互方式已经感到厌倦,希望能够看到眼前一亮的交互方式。交互细分为:信息布局+信息变化方式。首先我们可以结合需求及行业特征,设计一个崭新的布局;其次,可考虑数据信息如何变化,例如数据会随时间、空间、类型变化,我们可以将时间、空间、类型分开呈现,也可以整合到一起进行呈现。

(2) 设计风格

主流的大屏设计风格,包括未来科技感、深色半扁平风,其他也有小部分大屏是浅色扁平和半扁平风、工业风、水墨风、国潮风等等。随着人们对于科技感的审美疲劳,急需有新的设计风格出现,让人耳目一新。设计风格的选取一般和企业所属行业、企业自身诉求、用户有关。建议大家在做大屏主风格设计时,可以多多尝试不一样的风格,说不定就引领潮流了呢!

UIPower案列-UIpower

(3) 可视化图表

说到可视化图表,大家可能对Echarts、Highcharts的图表比较了解。但如果大屏上直接用上Echarts、Highcharts的图表效果,不做任何改进,那大屏整体效果又会趋于常态化,没什么特色。UIPower在为客户设计可视化大屏时,十分注重可视化图表的设计细节,尽量以新颖且直观的可视化图表来为大屏设计添砖加瓦。

(4) 三维可视化

随着三维技术的深入发展,三维可视化逐渐和数据可视化相结合。丰富的数据图表呈现,再加上酷炫的三维可视化场景,相得益彰。由于三维场景可放大、缩小、拖拽、旋转等等,与人了解真实世界的视角相似,用户既能掌控大局,又能对细节观察入微,因此三维可视化逐渐成为数据可视化大屏的重要表现手段。

UIPower案列-UIpower

(5) 酷炫动效

灵动的动效,可以让一个看似普通的元素,变得有趣。而用户也更喜欢看到动态变化的元素,因为用户潜意识里觉得,元素变化即是与自己交流互动的过程。动效既可以与可视化图表结合使用,也可以与三维可视化结合使用,恰到好处的动效对整体设计效果起到了画龙点睛的作用。

数据可视化大屏既是企业展示自我风采的手段,也是用户和枯燥乏味的数据之间沟通的桥梁。如何更好的设计数据可视化大屏,一直是UIPower不断探索的题目,相信在未来更多先进技术的加持下,数据可视化大屏的发展会更耀眼!