6大组件+分页设计+动画,FVS让你的数据大屏也能讲出好故事

2年前 (2022-11-13)阅读2回复1
zaibaike
zaibaike
  • 管理员
  • 注册排名1
  • 经验值582015
  • 级别管理员
  • 主题116403
  • 回复0
楼主

介绍和展现是数据大屏最常见的利用场景之一,那时数据大屏能否吸引嘉宾和指导,不只取决于内容量量,更取决于大屏设想,以及大屏呈现时能否能“讲出故事”。

很多开发者因为做不出指导要的“故事性”、“动感”、“阿谁味道”挠破头皮,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还能造造更多故事性大屏效果,我们也为用户供给了多套参考模板,回复“3D”即可免费领取FVS大屏激活码!

0
回帖

6大组件+分页设计+动画,FVS让你的数据大屏也能讲出好故事 相关回复(1)

夜色
夜色
沙发
FVS的数据大屏设计,六大组件、分页设计和动画效果让数据更具表现力。
1周前 (05-29 12:12)回复00
取消