3D汽车demo视觉稿
主设计师统筹设计出视觉稿后,与项目经理确认设计元素的技术可行性,例如某些3D动效、图表交互事件等是否能实现,才能定下最终的视觉稿。
5、实施及调整实施调整的过程并不一定在视觉设计之后,例如大屏指标数据的处理和对接一般提前开始,整个调整完善过程中主设计师要把控好整体的视觉效果。
1)大屏数据对接:梳理大屏上的业务指标,从各个业务系统取数、计算,并对接到FineReport
2)建模实施及调整:根据提供的建模对象清单、照片等资料,按照既定的视觉风格制作三维模型
3)前端开发及调整:开发大屏模板,包括制作二维图表、集成三维模型、配置数据及交互事件
实施过程中,模板开发者要与建模设计师保持沟通,确保建模内容能顺利对接到FVS。
例如,确定模型动画是否能被FVS正常调用,动画是循环播放还是只播放一次;如何调整模型的材质以在FVS渲染出最好的效果;模型的层级和名称怎样编排,才能和数据更好地绑定;……
循环播放动画
只播放一次动画
6、确认及上屏调试大屏实施、调整完后,需要在大屏幕上调试。一般而言,在大屏开发前就要根据大屏硬件的分辨率设计模板,但调试时若发现存在差异,或者要适应多个屏幕,可以在FVS中选择合适的自适应方式。
FVS支持5种自适应方式,例如“自动自适应”保障模板像静态图片一样严格按照原比例输出,不拉伸、不变形,而“双向自铺满自适应”可以让模板随着浏览器窗口的宽高变化自动调整,保障铺满窗口的同时又不变形。
3D大屏的实施需要各个角色协调一致,也需要配合好的工具应用。FVS支持导入3D模型后零代码搭建大屏,大大降低了3D大屏的开发门槛~
现在回复“3D”,即可领取FVS大屏激活码、学习资料和免费的3D模板文件,快来开启酷炫又快捷的3D大屏体验吧!