提示：本文含有大量GIF截图，请耐心等待加载观看哟。（我也很无奈呀，站酷最近好卡）

 

Office2016推出的最新3D功能，震惊了业界，这让我们设计师，尤其是每天与PPT打交道的设计师脑洞大开，原来PPT还能这么玩。

什么是3D化PPT？

从效果上来说，3D化的PPT区别与传统PPT的最大特色就是它嵌入了3D模型或场景，让PPT的观感更有沉浸感，对于细节的展示更精准。

搭配3D化的转场，可以让PPT的讲述如同行云流水一般。

从市面上区分大概也分类以下两类。

1.3D模型颗粒嵌入PPT内的形式。代表产品微软office PowerPoint，它可以将3D模型嵌入传统PPT内进行展示和动效设计。

2.采用全3D场景，全三维模型模块，基于unity搭配相关渲染引擎搭建的PPT演示环境。它看起来会更有真实感。如同我们的产品演翼。

3D化PPT产品发展趋势

1、随着软件和硬件的更新，PPT逐渐增加3D化

目前限制于软件的版本和硬件不支持，我们的PPT还没有接入更多关于3D化的玩法，但随着科技的发展，这个内容一定会越来越受到重视，包括设计的质感等，有可能又会掀起一波新的设计风潮

2、短期内的3D在PPT中起到的是演示而非编辑的用途

虽然PPT（微软PowerPoint）已经支持3D，用到的操作都是位置的移动和方向的旋转，并不会直接在PPT中进行3D源文件的编辑，因此更多的是作为一个载体存在.

3、工业产品展示类PPT会更早发生变革

立体产品，如：游戏模型、概念汽车等，或如建筑概念图，这一类的PPT因为使用内容的原因，会更加容易接触到3D展示，因此对于3D的操作会更加超前，更加多样化

4、互动类演示应用的普及

目前的PPT应用，相对更多的还是以非互动展示的方式存在。随着对演示场景的细分与重视，人们会希望在3D化进程中也加入恰当的互动部分，让效果更有说明性

5、3D场景下的转场（含动效）、特效趋向于成熟动态影像作品

如今的3DPPT环境下，越来越多的动态设计加入其中，设计审美度越来越高，整体设计形式越来越成熟与艺术化。

什么是3D化ppt的转场

转场这个词是由“电视电影”镜头之间的过渡或转换演变而来。在现如今更多是指前后场景的变换过渡。

互联网产品高速发展的今天，也同样适用于互联网领域。

在PPT的使用中，多指前后页面的过渡。

 

上图：安卓-Material 运动模式所制作的转场过渡效果

 

上图：oppo reno ace转场效果 & 诗意中国栏目包装

随着用户体验诉求的日益增长，越来越多的影视行业技巧融入到互联网产品中提升用户体验，从而出现了“无缝转场”“柔和动效”“转场特效”等越来越舒适的转场形式。

01.视觉焦点延续的“非技巧转场”

硬切不再硬，合理的剪辑点会削弱顿挫感

02.利用动势衔接前后镜头

利用镜头的走势、力道、流畅的曲线、符合预期的合理变化来达到“无缝转场”的效果。

 

03.利用遮挡（遮罩）巧妙过渡

两个镜头通过遮罩的形式可以衔接的更自然，且能使得前后的顺序逻辑更加清晰明了。

 

04.使用特效事半功倍

在诸多的motion graphic 作品中都在不停的尝试，延展出更多的形式，特别WEBGL技术的加持，让艺术表现更强烈。

值得一提的是，像抖音、剪映等知名剪辑软件也内嵌各类特效转场。

   

05.VLOG风潮下的运镜形式正在流行

VLOG多以“运镜手法”“剪辑技巧”“转场形式、特效”“记录的内容”等为视觉品质的关键要素。

  

06.利用某物件（模型）相互切换完成转场

避免大规模的切换场景，更适合在同一模块下进行细化性讲解使用。

  

07.“一镜到底”的真无缝转场

真正技术流玩法，强调页面（场景）之间的无缝过渡，对于镜头的运动形式极其讲究

 

说了这么多，我们不难看出影响转场表现效果的因素有很多。特效的使用、节奏的处理、时长的把控等等等。

在所有这些技巧面前，我们试图寻找一个最直观，最立竿见影的处理角度。

那就是运动曲线。

提起运动曲线，又叫动画曲线。相信很多人不会陌生，它通常指的是物体在某段时间内的变化（包括大小，形状，旋转，透明度等）趋势而形成的的线条类型。

这里推荐去看一下这个曲线备忘录，大家就会更容易理解。

详情查看https://easings.net/

为什么要专注于运动曲线的调节？

综上，既然所有的运动趋势都可以用曲线类型来完成相关的优化，毫无疑问，曲线的优化就可以事半功倍的解决各类表现上基础的问题，从而能够提升相关的质感。

在着手说设计前，让我们来看看演翼目前出现的问题。

以下截图为演翼录屏界面，最终效果请以产品版本为准

 

从上图我们可以看出，单纯在运动曲线方面还有非常值得优化的空间。

1. 运动节奏前慢后快，导致节奏混乱

2. 场景B并未缓停，也就是没有出现easeout曲线类型，导致卡顿。

3. 剪辑点较为混乱，位置尴尬。

以上这些问题都可以通过对于曲线调整进行有效的规避。

1.打磨动画曲线就是打磨用户体验！

动画已经不再是专指相关行业的标杆性名词，它已经延伸到与用户体验相关的各个行业，以互联网行业为例，越来越多的厂商再不断打磨动画的表现，越来越多的用户也在动画这一角度提出更多需求。这是一个专业性优化带给用户最大的礼物。

上图：miui11提出“14年就开始打磨非线性动画”           上图：用户对于ios曲线动画的精彩评论

2.满足情感层级的顶级需求

情感化设计是众多优秀产品设计团队一直在努力的方向，在浮躁的互联网时代，一个优秀的产品已经不单单只是能用，好用即可。在各个细节做到高度的情感共鸣是一个重中之重。

而日渐趋于流行的“动效”“动画”设计，恰好是满足情感需求的一个设计出发点。

上图：情感化金字塔中，动效、曲线对应设计层级。

所以，对于曲线的调整，可以直接提升设计质感，并能够解决潜在的转场问题，同时也是提升情感设计的捷径。

3.曲线类型会传递不同的情感

3.1【通用性曲线】缓起缓停

通用性极强，大自然中绝大多数的动作都是缓动类型。

在演翼中的所有现有的转场类型都可以在此基础上通用。

相较于直线运动，easein-out的曲线类型更柔和，适用于绝大多数情感类型

3.2【优雅的性格】回弹曲线

似乎有着女性的柔美，亲和力强。

在演翼中，我们可适用于偏文艺、女性的氛围营造。部分场景也适用于儿童等活泼风格

3.3【活泼俏皮】弹动弹跳

非常有趣可爱，童心未泯的感觉

在演翼中适用于儿童画，具有幽默感的场景。尤其适合快乐节奏的演示场景。

 

3.4【聚焦、恢弘】慢动作停留

大气的运动趋势，聚焦的特质

在演翼中特别适合用在需要聚焦的镜头和场景中

3.5【电子、艺术】随机、逐帧风格

实用性较差，且需要极强的控制力。

 

曲线优化的几个重点

经过对于演翼目前现状的筛查，结合曲线所涉及的专业角度，我们决定从以下几点出发进行调整。也是重点需要优化的角度

01.剪辑点控制在黄金比例
 

以电梯为例，当我们按下电梯到乘上电梯为整个“转场过程”用户的心理预期大概是：

1.按下，希望尽快打开电梯门（页面A）

2.门开，合理速度恰当的进入电梯（过渡、剪辑点）

3.门关，缓缓到达楼层（页面B）

所以，当前场景希望尽快离开，更期待预期到达楼层的场景。

举两个例子

在互联网产品加载体验中一样有这样的道理和应用

    

多尔蒂门槛表明：用户相应时间要控制在400ms以内           ios开启App，通过曲线的调整，更快看到结果     

通过研究我们发现整个生命周期时间节点若为t，则最佳剪辑点应该在0.382t前后（黄金比例最能引起敏感的比例），阈值0.20~0.4t。在调研过程中，85%的用户是期望有速度上的明显变化的。

上图：不同剪辑点对于PPT讲述的影响对比，剪辑点在黄金比例点相对最好

02.转场生命周期时长在2.0s左右

多尔蒂门槛表明，系统需要在400ms（0.4s）对使用者的操作做出响应，系统需要在 400ms 内对使用者的操作做出响应，这样才能够让使用者保持专注，并提高生产效率。这表明用户在作出指令后，需要尽快达到预期效果。

且实验表明，人类极限反应时间为100ms（0.1s），计算机研究人员发现2s是人类在操作计算机时的忍耐极限，整个转场的生命周期不可以过快，也不可以过慢。

以“剪映”“快剪”小白式的剪辑APP为例，转场也控制在“5s”以内，motion graphic设计中，对于转场也会随着节奏，控制在0.5s~3s不等。而经过测试，我们认为，维持在1~3s是最理想状态。

上图：不同时间长度转场的对比，测试发现1~3秒最合适

03.转场的节奏与动势要做流畅与恰当

在影视作品中我们常根据叙事逻辑进行剪辑，在广告大片或MV中我们会加入音乐音效来强化节奏，如今的短视频时代我们又了解到一个“卡点”。

  

上图：Material Design动效规范中就有单独一个章节对节奏进行规范，称之为“编舞Choreography”就是强调在观感和使用上的节奏不可错乱。

这使得我们再整个生命周期的节奏思考中，希望能够做到清晰明了，节奏恰当。

上图：产品存在错误的节奏情况筛查，也是同类产品容易出错的点

综上，我们针对曲线外观调整后得到以下结论。

1.0.382t左右的剪辑点

2.时长控制在1~3s间

3.曲线通用类型为easein-out类型

4.曲线外观在ease下唤起+急转+更缓停的优化

04.详细的调整规范节省团队设计成本

结语

不同行业的设计知识是可以相互转化和影响的，它们之间的互通往往需要我们细致的去思考与挖掘。

在设计工作过程中，我们经常陷入如何将设计价值最大化的逻辑怪圈，于是经常迷失在结果论当中，绕啊绕最终得到一个满意的效果，但无形中却浪费了大把的人力和设计成本。

为产品赋能，其实可以从一个小的点去得到质量的最大化提升，在这类型上去做尝试也是一种价值最大化的体现。

演翼官网：http://yanyi.101.com/