老板最爱看的,会讲故事的幻灯片式大屏你值得拥有!
数据大屏的典型应用场景之一是展示公司、产品和业务的介绍。然而,要想吸引嘉宾和领导的兴趣,不仅需要内容的质量高,还需要注意大屏的设计和呈现方式是否能够生动地讲述一个故事。
许多开发者因为无法达到领导所要求的“故事性”、“动感”和“那个味道”,不断改动UI,却依然无法通过验收,或许不如直接用PPT制作,效果可能更佳。
那么,一定要尝试FineVis的多分页大屏设计!只需要简单的操作,就能将数据可视化做出幻灯片的故事性和动感性~
1、多分页设计
在没有多分页设计模式的情况下,制作多张模板并编写JS事件进行跳转和切换是开发多主题大屏所需的步骤。然而,在这个过程中,用户可能会遇到白屏和大量图片重复加载的问题。幸运的是,使用FineVis的多分页功能可以解决这些问题。
1)新建分页
使用FineVis,你可以轻松地创建新页面和复制已有页面。如果有几个相似的页面,只需复制其中一个并修改必要的信息即可。借助FineVis,你可以快速制作一个多页大屏,就像使用PPT一样方便。
2)跳转分页
FineVis内置了三种页面间播放方式,包括自动切换、循环播放和按钮切换,可供用户自由选择。默认情况下,翻页按钮位于画面左下角,用户可通过鼠标单击或键盘方向键进行翻页操作,上一页或下一页都可翻。
除了默认的切换按钮样式,用户还可以使用FineVis内置的跳转分页事件,自定义所需的按钮样式,然后隐藏默认按钮,即可实现快速跳转至指定分页或下一页。
2、分页间动画
值得考虑的问题是如何使多页面切换更加富有动感和达到丝滑的视觉效果。与其他方法不同的是,FineVis采用了特有的分页组件动画,无需重新加载页面,从而使分页切换更加生动有趣。
1)进入退出动画
同质内容、结构相似的页面配合进出动画,巧妙告知观众页面已更新,随着新内容的呈现,我们带来全新的部分!
2)淡入淡出动画
复杂且原本就具有动画的内容,例如视频,使用淡入淡出的效果切换有更平滑的效果。
3)延时动画
在某些情况下,我们想要以一定的顺序逐个引入或删除组件,让观众的目光随着组件动画移动,每帧呈现不同的信息。
3、组件类型齐全
若要做好一个故事性大屏,除了分页设计和动画,还需要适当的可视化元素。在FineVis中,有3D、图表、文字、媒体、容器和控件6种不同类型的组件。其中,图表、视频和文字是最常用的元素。
1)图表
FineVis集成了强大的数据分析图表,14种类型、超过60种样式,满足各式各样的可视化设计需求。
2)视频
FineVis可插入本地视频、在线视频和监控视频,灵活应对各种视频场景。
3)文字
FineVis内置标题和富文本组件,分别满足了简单的大小标题制作、长短文字解说需求;更有表格组件,可以满足复杂的钻取、组件联动、公式、条件显示等需求。
4)更多组件
3D组件:一键生成三维可视化设计城市、导入三维可视化设计模型文件或支持集成unity资源
容器组件:可大屏轮播多个tab内容的大屏轮播器控件,可嵌入其它网页内容的网页框控件
控件组件:单选、复选、下拉框、日期等常用的参数控件,可进行快速的数据筛选
4、组件特效丰富
为了让大屏变得更加生动有趣,不可或缺的是一些丰富多彩的样式点缀和动态交互。FineVis提供了多种内置样式调整选项和点选式交互事件,巧妙地将这些元素进行合理的搭配,才能打造出一个引人入胜的大屏故事。
1)三维旋转
对组件联动或组合设置3D旋转,通过三维可视化设计可以让平面的2D图表立即产生空间感。
2)轮播tab
使用大屏轮播器嵌套不同的图表组件进行联动,一个页面可以容纳更多的内容。
3)弹窗弹框
当一个页面有内容要钻取到明细页面时,一般有弹窗、弹框和跳转新页面三种形式,这些效果在FineVis中都可以通过简单的交互事件实现。
4)组件样式
除了组件动效外,大屏组件样式也是让无数UI设计师操碎了心,因此,精细化样式调整也是FineVis要攻坚的痛点!FineVis支持以下样式调整:
圆角:不需要UI剪裁,获得组件的圆角效果
毛玻璃:模糊掉背景,让图表数据更清晰
倒影、阴影:让图表或文字更具有立体感
不透明度:不同的透明度让元素间对比更强烈
字体发光:标题字体更突出
字间距:精细调整文本间距,排版更精致
……
在当前的数字信息化时代,借助FineVis这样的数据可视化产品,可以让企业高效监控业务指标,助力经营分析决策。目前,市场主流的数据可视化软件FineVis,整合了数据源、超强模板编辑器、丰富的模板素材资源,最重要的是,它支持低门槛搭建3D场景,快速简单上手,提升了数据可视化应用效率。FineVis提供强大的数据可视化设计、开发和多终端展示能力,将工厂、园区、产线、产品等业务相关物体映射到数据世界中,助力企业全方位释放数据可视化的价值。