关于可视化数据大屏,之前已经讲了好多好多了,从大屏设计规范到大屏制作技巧、学习视频等等,我们做了很多的经验分享。
但还远远不够,用户始终在提出更高的要求,其中最重要的一点便是“更酷炫”。
但这里涉及到两方面难题:
一是诸如“好看”、“酷炫”这样的形容词,本身是很难定义清楚其范畴的,毕竟萝卜青菜各有所爱。
二是酷炫的度如何把握,在耍酷与数据价值之间如何平衡。
我们所见过许多眼花缭乱的效果,用华丽的视效堆叠起来博人眼球,然而经不起业务价值的推敲。从产品理念出发,我们不希望把用户带向一个歧途,始终希望“让数据成为生产力,”“数据之美”应该绽放在“数据价值体现”的基础上;在此基础上,我们也希望能提供更适用于各种普世场景下的产品,能够尽可能满足更多用户的大屏需求。
那么,到底该如何恰当的提供能包容多数人需要,同时又符合数据价值的“更酷炫”效果呢?
我们做了大量的用户调研,得出几个有意思的结论:
1、关注数据大屏的用户年龄段非常均衡,在20-40岁以每5个年龄作为一个区间,不同区间的占比高度接近。意味着数据大屏的设计应当具有很高的包容性,风格不可偏向性过重。
2、关于“科技酷炫”和“简约直观”的偏好调查中,用户重合度接近60%,也就是说大多数用户在两类风格间徘徊。
3、关于“科技炫酷”,绝大多数用户的选择特征是“蓝绿色系、动态效果、灵活多变”,可以理解为对色系和动态效果的要求是大屏的核心需求之一。
基于此,我们在FineReport 10.0中设计了新的大屏可视化效果,总计10个大屏3D特效、15种动态加载效果,在技能满足酷炫的同事又能醒目的体现数据价值。
新的可视化大屏图表,默认采用深色背景+荧光配色,符合浸入式的大屏体验;并根据图表类型和数据要求提供 '轮播'或'刷新'两种动画形式,满足用户不同场景下的业务需求。
同时我们还基于webgl等技术,对动画不断优化调整,为用户尽量提供简洁且酷炫的动态效果。
如下是部分大屏可视化的效果!
3D特效组件
全新设计的轮播gis点地图,根据用户预先录入数据,按序播放各个地理点的相关信息,3D视角和跳转动画如同身临其境。
(忽略图中错误的地理信息,只看效果)
新增加的指标卡,提供多种可选效果,如轮播、粒子技术器等,以'酷炫'和'简洁'的方式展示最基础的数据。
当然,很多效果这里不一一枚举~
动态加载效果
可视化的酷炫,除了图表本身,动态效果也很重要。我们对大屏布局中各个组件的动态效果也做了改进,新增了15种动态加载特效,简单来个GIF先睹为快:
通过组件加载动效,让每个组件模块舞动起来,让整个大屏界面化静为动。更为重要的一点是,组件加载动效可以与我们的监控刷新功能相结合。从原始数据哪里来、过时数据往那里去到新数据怎么进来,兼顾整个闭环的良好体验。
初始 -> 加载动效->判断数据过时 -> 消失动效 -> 动效完成 -> 获取新数据
怎么样,是不是很有意思呢?
不要着急,大家可以自己下载体验。
相关推荐
大数据可视化大屏前端源码大数据可视化大屏前端源码大数据可视化大屏前端源码大数据可视化大屏前端源码大数据可视化大屏前端源码大数据可视化大屏前端源码大数据可视化大屏前端源码大数据可视化大屏前端源码大数据...
大数据可视化大屏前端源码大数据可视化大屏前端源码大数据可视化大屏前端源码大数据可视化大屏前端源码大数据可视化大屏前端源码大数据可视化大屏前端源码大数据可视化大屏前端源码大数据可视化大屏前端源码大数据...
大数据可视化大屏前端源码大数据可视化大屏前端源码大数据可视化大屏前端源码大数据可视化大屏前端源码大数据可视化大屏前端源码大数据可视化大屏前端源码大数据可视化大屏前端源码大数据可视化大屏前端源码大数据...
大数据可视化大屏前端源码大数据可视化大屏前端源码大数据可视化大屏前端源码大数据可视化大屏前端源码大数据可视化大屏前端源码大数据可视化大屏前端源码大数据可视化大屏前端源码大数据可视化大屏前端源码大数据...
大数据可视化大屏前端源码大数据可视化大屏前端源码大数据可视化大屏前端源码大数据可视化大屏前端源码大数据可视化大屏前端源码大数据可视化大屏前端源码大数据可视化大屏前端源码大数据可视化大屏前端源码大数据...
大数据可视化大屏前端源码大数据可视化大屏前端源码大数据可视化大屏前端源码大数据可视化大屏前端源码大数据可视化大屏前端源码大数据可视化大屏前端源码大数据可视化大屏前端源码大数据可视化大屏前端源码大数据...
大数据可视化大屏前端源码大数据可视化大屏前端源码大数据可视化大屏前端源码大数据可视化大屏前端源码大数据可视化大屏前端源码大数据可视化大屏前端源码大数据可视化大屏前端源码大数据可视化大屏前端源码大数据...
jquery+bootstrap+echarts数据可视化大屏展示特效实例 项目描述: 数据可视化大屏展示用的越来越多,自己也捣鼓做一个。 运行环境: Chrome 项目技术(必填): jquery+bootstrap+echarts
13款echarts可视化大屏源码+效果图,适用于多个行业可视化大屏,免费下载 实现方式: html + echarts 功能:大数据展示,响应式页面 安装教程 下载到本地用idea或webstorm打开可看效果
大数据可视化大屏前端源码大数据可视化大屏前端源码大数据可视化大屏前端源码大数据可视化大屏前端源码大数据可视化大屏前端源码大数据可视化大屏前端源码大数据可视化大屏前端源码大数据可视化大屏前端源码大数据...
【Axure数据可视化大屏原型合集】之智慧行业智慧城市大数据可视化HTML版(大数据可视化展板通用模板+智慧工地模板)【Axure数据可视化大屏原型合集】之智慧行业智慧城市大数据可视化HTML版(大数据可视化展板通用...
echarts+html+css数据可视化大屏12套模板,可以根据自己需求修改数据和样式,都是基于ECharts的大数据可视化展示html的模板,直接打开html即可看到展示效果。
大数据可视化大屏前端源码大数据可视化大屏前端源码大数据可视化大屏前端源码大数据可视化大屏前端源码大数据可视化大屏前端源码大数据可视化大屏前端源码大数据可视化大屏前端源码大数据可视化大屏前端源码大数据...
下面我们将深入探讨这些技术及其在可视化大屏中的应用。 首先,HTML5(超文本标记语言第五版)是Web开发的基础,它增强了网页的互动性和多媒体支持。例如,HTML5的`<canvas>`元素提供了动态图形绘制能力,这对于...
数据可视化大屏课程设计大作业echarts特种设备综合监管数据可视化大屏源码数据可视化大屏课程设计大作业echarts特种设备综合监管数据可视化大屏源码数据可视化大屏课程设计大作业echarts特种设备综合监管数据可视化...
大数据可视化大屏前端源码大数据可视化大屏前端源码大数据可视化大屏前端源码大数据可视化大屏前端源码大数据可视化大屏前端源码大数据可视化大屏前端源码大数据可视化大屏前端源码大数据可视化大屏前端源码大数据...
本压缩包“60套数据可视化大屏(含源码).zip”提供了一次深入了解和实践数据可视化的绝佳机会。其中包含了60个不同的数据可视化大屏实例,每个实例都附带了源代码,方便学习和定制。 1. 数据可视化的重要性:数据...
可视化大屏,作为一种高效的信息展示方式,广泛应用于数据分析、监控中心、商业决策等领域。它将海量数据通过图形化的形式生动地呈现出来,帮助用户快速理解复杂数据背后的含义和趋势。"可视化大屏素材.zip"这个...
资源包括大数据可视化大屏源码(30套),其中涉及运行状态大数据监控平台;北斗车联网大数据平台;车辆综合管控平台;程序员数据可视化大屏展示;大数据统计展示大屏;观测站综合监控平台;交管大数据人脸识别系统;酒...
Axure交互设计大数据BI可视化大屏原型模板动态组控件数据统计图Axure交互设计大数据BI可视化大屏原型模板动态组控件数据统计图Axure交互设计大数据BI可视化大屏原型模板动态组控件数据统计图Axure交互设计大数据BI...