做一张会讲故事的大屏,可以有多简单?

文 | 商业智能BI相关文章 阅读次数:1,303 次浏览
2023-03-27 11:20:41

介绍和展示是数据大屏最常见的应用场景之一,这时数据大屏能否吸引嘉宾和领导,不仅取决于内容质量,更取决于大屏设计,以及大屏呈现时是否能“讲出故事”。不少开发者因为做不出领导要的“故事性”、“动感”、“那个味道”抓破头皮,UI改了一版又一版,验收还是不满意,或许这大屏做得还不如用PPT算了……

那么,请你一定要尝试FVS的多分页大屏设计!只需要简单的操作,就能让你的大屏兼具驾驶舱的直观和幻灯片的动感~

1多分页大屏设计

以前,多主题的大屏开发可能需要制作多套大屏参考模板,再写JS事件来回跳转、切换,比较麻烦还可能卡顿,如今这些问题在FVS中都可以通过多分页功能解决。

多分页大屏,多套大屏参考模板,大屏故事性

1、新建分页

FVS中,可以新建页面、复制页面,相似的几个页面只需要复制页面,改动一下即可,做一个多分页大屏可以像PPT一样快捷!

多分页大屏,多套大屏参考模板,大屏故事性

2、跳转分页

FVS内置的页面间播放方式有自动切换循环播放按钮切换3种,可以自由勾选多种。开启默认按钮时,按钮在画面左下角,用户可以鼠标点击或键盘方向键控制翻上一页、下一页。

多分页大屏,多套大屏参考模板,大屏故事性

默认按钮切换分页

也可以不勾选显示默认的切换按钮样式,隐藏默认按钮后,用户可以使用FVS自带的跳转分页事件,设计自己想要的按钮样式来切换下一页,也可以自定义跳转到指定分页。

多分页大屏,多套大屏参考模板,大屏故事性

自定义上/下一页按钮

多分页大屏,多套大屏参考模板,大屏故事性

自定义跳转到指定分页

2分页间动画

多页面创建好后,分页间的切换如何富有动感、达到丝滑的视觉效果?为此,FVS做到了在切页时不会有重新加载的过程,而且特有的分页间组件动画,让分页间的切换变得生动有趣。

1、进入退出动画

内容同质、结构形似的页面之间的过渡,可使用进入退出动画,巧妙提醒观众:页面内容在切换了!

多分页大屏,多套大屏参考模板,大屏故事性

2、淡入淡出动画

复杂且原本就具有动画的内容,例如视频,可使用淡入淡出的效果作为过渡~

多分页大屏,多套大屏参考模板,大屏故事性

3、延时动画

有时,我们希望组件按一定次序依次进入或退出,让观众的视线跟随组件动画移动,这时就需要用到延时动画了~

多分页大屏,多套大屏参考模板,大屏故事性

3组件类型齐全

除了分页设计和动画,合适的可视化元素也是增强大屏故事性的关键。FVS内置有3D、图表、文字、媒体、容器和控件6大类组件,图表、视频和文字是故事性大屏中用得最多的类型。

1、图表

FVS集成了FineReport强大的数据分析图表,涵盖14种类型、超过60种样式,满足各式各样的可视化图表需求。

多分页大屏,多套大屏参考模板,大屏故事性

2、视频

FVS可插入本地视频、在线视频和监控视频,灵活应对各种视频场景。

多分页大屏,多套大屏参考模板,大屏故事性

3、文字

FVS内置标题和富文本组件,标题可制作简单的大小标题制作,富文本可用于长短文字解说。此外,还内置了表格组件,继承了FineReport强大的报表引擎,可以满足复杂的钻取、联动、公式、条件显示等需求。

多分页大屏,多套大屏参考模板,大屏故事性

4、更多组件

3D组件:一键生成三维城市、导入三维模型文件或支持集成unity资源

容器组件:可轮播多个tab内容的轮播器控件,可嵌入其它网页内容的网页框控件

控件组件:单选、复选、下拉框、日期等常用的参数控件,可进行快速的数据筛选

4组件特效丰富

大屏想要生动起来,丰富的样式点缀和动态交互必不可少。FVS内置了多种样式调整项和点选式的交互事件,合理地搭配这些元素帮你讲好一个大屏故事性。

1、三维旋转

对组件或组合设置3D旋转,可以让平面的2D图表立即产生空间感。

多分页大屏,多套大屏参考模板,大屏故事性

2、轮播tab

使用轮播器嵌套不同的图表组件,一个页面可以容纳更多的内容。

多分页大屏,多套大屏参考模板,大屏故事性

3、弹窗弹框

当一个页面有内容要钻取到明细页面时,一般有弹窗、弹框和跳转新页面三种形式,这些效果在FVS中都可以通过简单的交互事件实现。

多分页大屏,多套大屏参考模板,大屏故事性

4、组件样式

UI设计师的福音来了!除了组件动效外,FVS支持以下组建样式的调整:

圆角:不需要UI剪裁,获得组件的圆角效果

毛玻璃:模糊掉背景,让图表数据更清晰

倒影、阴影:让图表或文字更具有立体感

不透明度:不同的透明度让元素间对比更强烈

字体发光:标题字体更突出

字间距:精细调整文本间距,排版更精致

……

以上只选择了FVS的部分特色功能讲解,FVS还能制作更多大屏故事性效果,我们也为用户提供了多套参考大屏模板,快点击下方按钮获取多套大屏参考模板和产品资料,上手试试吧

比如,目前主流的软件——finereport,它小到填报、查询、部署、集成,大到可视化大屏、dashboard驾驶舱,应有尽有,功能很强大。最重要的是,因为这个工具,整个公司的数据架构都可以变得规范,下一步就是构建企业的大数据平台了。而且它是java编写的,支持二次开发,类Excel的设计器,无论是IT还是业务,上手都很简单:编辑sql优化、数据集复用简直都是小case,大大降低了报表开发的门槛。在企业中被关注最多的数据安全方面,FineReport支持多人同时开发同一套报表,并通过模板加锁功能防止编辑冲突;通过数据分析权限控制,保障数据安全。

多分页大屏,多套大屏参考模板,大屏故事性

FineVis可视化大屏产品更多介绍: https://www.fanruan.com/finemax

相关内容

立即体验 立即体验

在线客服

电话咨询

技术问题

投诉入口

返回顶部