贴子标题/内容
产品说明书怎么做成交互式的?3D文本、浮动标签、3D图片的配合
<p><span style="font-family: 宋体;">产品说明书这个东西,纸质版没人看,PDF版也没人看。你发一个二十页的说明书给客户,他最多翻前两页。</span></p><p><span style="font-family: 宋体;">但如果你把说明书做成3D交互的,用户点一下部件,旁边弹出名称和说明,想看细节还能拉近看,体验完全不一样。</span></p><p><span style="font-family: 宋体;">映数云图里做交互式说明书,主要靠几个组件配合:3D文本、浮动标签、3D图片、文本弹窗、音频播放。这几个都是展示信息用的,但用在哪、怎么用,有区别。</span></p><p><strong>3D文本,做标题和固定说明</strong></p><p><span style="font-family: 宋体;">3D文本是在场景里生成文字。参数比较简单,就两个:文本内容和文本颜色。</span></p><p><span style="font-family: 宋体;">文本内容填你要显示的文字。文本颜色调文字的颜色,跟背景要有对比,不然看不清。</span></p><p><span style="font-family: 宋体;">3D文本适合做标题和固定说明。比如场景入口放一个“产品名称”,或者设备旁边放一个“操作面板”的标识。这些文字不需要跟着模型动,就固定在那里。</span></p><p><span style="font-family: 宋体;">用3D文本注意别放太多。场景里到处是字会显得乱。关键位置放几个就行。</span></p><p><strong>浮动标签,标注部件名称</strong></p><p><span style="font-family: 宋体;">浮动标签跟3D文本不一样。3D文本是场景里的固定物体,浮动标签是跟着模型走的。</span></p><p><span style="font-family: 宋体;">挂上浮动标签组件,配“显示标签”动作触发器。标签内容填部件名称。文本颜色、文本大小调好。背景图片可以从外部导入,标签颜色设背景色。</span></p><p><span style="font-family: 宋体;">跟随物体勾上,标签会跟着模型动。这个参数很重要,不勾的话模型移动了标签还留在原地,看着很怪。</span></p><p><span style="font-family: 宋体;">显示过渡时长和显示过渡曲线控制标签出现的方式。显示持续时长控制标签显示后多久自动隐藏,默认0是不隐藏。我一般设0,让用户想看的时候能看到。</span></p><p><span style="font-family: 宋体;">隐藏标签配一个动作触发器,一般配鼠标移开触发隐藏。隐藏过渡时长和隐藏过渡曲线控制消失的方式。</span></p><p><span style="font-family: 宋体;">标签位置别挡住产品本身,一般放在上方或者侧面。字号不用太大,能看清就行。</span></p><p><strong>3D图片,展示细节图</strong></p><p><span style="font-family: 宋体;">3D图片是在三维空间里显示平面图像。参数就两个:图片和图片颜色。</span></p><p><span style="font-family: 宋体;">图片可以从外部导入,设置你要显示的图片样式。图片颜色用于设置图片显示的颜色。</span></p><p><span style="font-family: 宋体;">3D图片适合展示细节图、示意图、结构图。比如设备旁边放一张结构示意图,用户走到那个位置能看到。或者在产品表面贴一张操作面板的示意图。</span></p><p><span style="font-family: 宋体;">图片的导入格式支持jpg、png、jpeg这些常见格式,从资产库或者本地导入都行。</span></p><p><strong>文本弹窗,展示详细说明</strong></p><p><span style="font-family: 宋体;">3D文本和浮动标签只能显示短文字,详细说明得用文本弹窗。</span></p><p><span style="font-family: 宋体;">文本弹窗组件配“显示弹窗”动作触发器。弹窗标题填顶部标题内容。弹窗内容填详细说明。文本大小、文本颜色调好。关闭按钮颜色、顶部栏颜色、文本区域背景颜色都可以调。</span></p><p><span style="font-family: 宋体;">弹窗尺寸是一个二维向量,表示宽*高分辨率尺寸。根据内容多少调大小,别太大挡住场景,也别太小看不着。</span></p><p><span style="font-family: 宋体;">显示过渡时长和显示过渡曲线控制弹窗出现的方式。关闭弹窗配一个动作触发器,关闭过渡时长和关闭过渡曲线控制消失的方式。</span></p><p><span style="font-family: 宋体;">产品说明书里,文本弹窗一般配在部件上。用户点部件,弹出详细说明。看完点关闭,弹窗消失。</span></p><p><strong>搭配音频播放,点击部件自动讲解</strong></p><p><span style="font-family: 宋体;">音频播放组件挂在部件上,配“播放音频”动作触发器,点一下播放讲解音频。</span></p><p><span style="font-family: 宋体;">音频从外部导入,音量大小调好。循环一般不开,点一次播一次。暂停音频是停在当前位置,下次播放从暂停处继续。停止音频是重置进度,下次从头播。说明书里一般用停止,点一次从头播一次。</span></p><p><strong>配置思路</strong></p><p><span style="font-family: 宋体;">做交互式说明书,先规划信息层级。</span></p><p><span style="font-family: 宋体;">第一层是部件名称,用浮动标签。第二层是详细说明,用文本弹窗。第三层是示意图,用3D图片。第四层是语音讲解,用音频播放。场景标题和固定说明用3D文本。</span></p><p><span style="font-family: 宋体;">先挂浮动标签,让用户知道每个部件叫什么。再配文本弹窗,点一下能看详细说明。然后加音频播放,点一下能听讲解。最后加3D图片和3D文本,补充视觉信息。</span></p><p><span style="font-family: 宋体;">别一上来全挂上,信息太多用户看不过来。先把名称和基本说明做好,再考虑增强。</span></p>