看起来如此炫酷的3D大屏，看完这个教程你也能做到！
越来越多的企业用户需要酷炫的3D大屏，但大部分IT用户不熟悉如何开发这样的系统。如果企业IT部门没有外部实施团队来进行定制化开发，他们该怎么办呢？
帆软大屏团队基于FineVis项目的开发经验，为用户提供了一套3D大屏设计开发方法论。他们运用这套方法论，通过一个“3D汽车介绍”场景的实战demo，帮助大家理顺3D大屏的项目流程。
1、需求背景调研
在3D大屏设计开始之前，对于大屏幕的应用场景、最终用户的业务需求、建模范围和3D风格偏好等方面进行调研是必要的，这些因素将决定3D大屏的基调。
应用场景：3D大屏的业务诉求一般分展示类和实时监控类，还需了解不同场景所用的大屏硬件及分辨率。
业务诉求：了解大屏的需求方希望通过3D大屏达到什么样的业务目的。
建模范围：针对现实世界的什么物体建模，需提供建模对象清单及必要的照片、视频和图纸。
3D风格：3D建模风格一般分为“科幻”和“写实”两大类，科幻类又可分为“贴图”和“线框”风格，最好让客户根据示例demo选择目标风格。
下面以“新概念汽车介绍”这个3Ddemo为例向大家介绍（该场景根据真实客户案例改编而成，场景内数据纯属虚拟）。
该3D大屏/数据可视化看板制作为大型汽车制造企业市场营销部门所定制，其主要目标是在大型展会上以三维可视化技术向参展者展示最新研发的汽车。该经营大屏幕不仅展示了公司在设计、研发和生产方面的能力，还向下游分销商、最终客户和政企领导提供了科普信息，从而促进新车型的销售业绩。该经营大屏幕由多块LED小屏幕拼接而成，长宽比为16:9。
（写实风格车身+科幻风格背景）
业务方要求3D模型在设计中应以写实风格为主，并在必要时加入科幻元素，以还原汽车的形状、材质和色彩。同时，要考虑将科幻效果的变化融入其中，并将3D环境背景设计成符合科幻风格的形式。
2、输出3D故事线
3D故事线是指：该大屏如何依次呈现各个3D场景，组合成一个大屏故事。
故事线首先由业务方梳理提出，以3D汽车demo为例，业务方要求重点呈现汽车的动力系统、车身外观和内饰三个部分：
1）动力系统：既需要汽车奔驰在公路上的动态效果，也需要查看动力系统的硬件构成的效果细节
2）车身外观：既有360°自动旋转的展示方式，又有静态查看细节的方式
3）汽车内饰：主要关注中控台、主驾和后座三部分，用户可以自主切换
3D大屏项目经理与业务方一起梳理出以下故事场景：
接下来，项目经理需要将业务方的故事情境“翻译”成demo数据可视化看板制作的故事线，即解析何时触发哪些交互事件，以及如何通过这些事件促使3D模型、2D图表等可视化元素的变化，最终呈现出什么效果。
3、确定原型demo
对于传统的大屏项目，通常采用框线示意图的方式来绘制简单的蓝图。但是，FineVis提供了一种更加直观的方法。用户可以直接使用设计器来拖拉图表，绘制出所需的蓝图。使用FineVis，用户无需频繁进行调整和预览，也不需要过多的虚拟数据。因为FineVis自带的图表样式足以满足原型demo的要求。
通过点选式的交互事件配置，再加上一些其他手段，就可以轻松地创建一个可交互、可演示的大屏demo。项目经理可以使用这个demo向业务方展示故事情节，确保原型无误，然后开始视觉设计的工作。
4、视觉设计
一个完整的3D大屏设计团队一般有3个设计师角色：
主设计师：负责与项目经理沟通，确定和把控整体的视觉风格，协调其他设计师
UI设计师：设计2D的图表、表格、标题、指标卡、icon等视觉元素
建模设计师：设计和制作三维可视化模型及其场景动效
在故事线和原型确认无误后，主设计师开始敲定视觉风格。他需要统筹设计师资源，包括设计理念、主色调、主视觉质感（3D模型部分）、图表风格等，以保证内容的准确性。
（3D汽车demo视觉稿）
主设计师统筹设计出视觉稿后，与项目经理确认设计元素的三维可视化技术可行性，例如某些3D动效、图表交互事件等是否能实现，才能定下最终的视觉稿。
5、实施及调整
整体视觉实现效果由主设计师把控，虽然实施调整过程不一定在视觉设计完成后进行，例如大屏指标数据处理和对接通常提前开始。
大屏数据对接：梳理大屏上的业务指标，从各个业务系统取数、计算
建模实施及调整：根据提供的建模对象清单、照片等资料，按照既定的视觉风格制作三维可视化技术模型
前端开发及调整：开发大屏模板，包括数据可视化看板制作二维图表、集成三维模型、配置数据及交互事件
实施过程中，模板开发者要与建模设计师保持沟通，确保建模内容能顺利对接到FineVis。
FineVis使用时，需确保模型动画能正常调用，且播放方式为循环或单次。为了获得FineVis渲染的最佳效果，还需要优化模型材质。最后，应对模型层级和名称进行适当编排，以实现更好的数据绑定。
循环播放动画：
只播放一次动画：
6、确认及上屏调试
完成经营大屏幕实施和调整后，需要在大屏幕上进行调试。在开始大屏幕开发之前，通常需要先根据大屏幕硬件分辨率设计模板。但如果在调试过程中发现差异或需要多屏幕展示，就可以在FineVis中选择适当的自适应方式进行调整。
FineVis支持五种自适应方式。比如，“自动自适应”能够保证模板按照原比例输出，不会发生变形或拉伸，就像静态图片一样。此外，“双向自铺满自适应”可自动调整模板大小，以适应浏览器窗口的变化，从而保证完美铺满窗口，而不会出现变形情况。
在当前的数字信息化时代，借助FineVis这样的数据可视化产品，可以让企业高效监控业务指标，助力经营分析决策。目前，市场主流的数据可视化软件FineVis，整合了数据源、超强模板编辑器、丰富的模板素材资源，最重要的是，它支持低门槛搭建3D场景，快速简单上手，提升了数据可视化应用效率。FineVis提供强大的数据可视化设计、开发和多终端展示能力，将工厂、园区、产线、产品等业务相关物体映射到数据世界中，助力企业全方位释放数据可视化的价值。
立即沟通
