上星期，华为召开一场发布会，发布了全新出品的 P50 望眼镜手机上。

尽管没有经常熬夜看发布会，但是我也于第2天二倍速补过一遍。其中有一个动漫，导致了我留意。便是下面这个：

录制显示屏，画面质量较为渣，多多包涵~

看上去还挺有趣的，对不对？

实际上简单方法，只需要用到平滑切换就可以做下来。这里简单还原一下。

我们先将需要的图片插进到PPT中：

并把第一张图片与文字变大，然后把其它的降低亮度：

并把这一页复制一下，第2张色度和色彩恢复过来，随后变大：

然后把第1张降低亮度，放缩回初始尺寸：

随后为网页加上平滑切换，就可以还原出发布会的动态效果了：

如何？是否比较简单？

通过这个方式，我们也可以扩展出其它的应用领域。

01.

展现团队人员

在介绍团队情况下，很多人都会立即分页查询解决，把每一个人信息内容放到不同类型的页面中。

但是有了平滑切换，我们就能制成下边那样：

这一页面是怎么做的呢？

本身就是先将图片裁剪成一样尺寸：

并把第1个人物的图片剪裁的更高一些，并且把别的角色解决成深灰色：

并把这一页复制一下，把第2个人物的图片剪裁到与第1个等高线，并调节回原始色调：

然后把第1个图片裁剪减少到与第3第4个等高线，并变为深灰色：

再替拷贝页面加入上平滑切换实际效果，再加上别的具体内容，就可以做到这一衔接了。

除开运用明暗关系以外，大家也可以通过提升图形的清晰度来减弱非关键，然后通过加上黑影等形式突出主题。

比如下面这一团队人员展现页：

我们只需把PPT复制一下，把上一页的核心照片提升清晰度：

变小而且除掉黑影：

并把新的一页里边需要显著的角色图片变大，而且加上黑影，降低透明度：

最终应用中平滑切换，就行了~

02.

展现流程步骤

在我们欣赏一些公司的官方网站，或者报考一些活动时，大家经常可以看到一些很赞的动态性步骤设计。比如下面这种：

一些有基本的好朋友可能说，我还在PPT上用动漫也能做出来一样的实际效果。

那如果大家应用平滑切换，则可迅速更强做出来的，进一步提高高效率。

比如下面这一加盟条件：

我们只需多拷贝两页，并把相对应的编号和样子变大：

再为每一个页面加入上平滑切换，就能迅速做出一个动态性的流程展示图了。

再比如下面这一时间线类页面，看起来好像有点儿繁杂，对不对？

其实不过是用了一些基板图形，叠放到一起：

而要想作出动画特效很简单，一样只需拷贝两页，并把相匹配年代右边的年代样子，往右边挪动：

随后为网页加上上平滑切换就可以：

很简单吧？

03.

展现数据变化

除开前面提到的构思，我们也可以依靠平滑切换，来呈现数据库的转变。

比如说我想展示上半年度，QQ群中国货品牌讨论量转变，就可以直接插进与柱状相等的方形：

并把方形的高宽，调整至和数据图表的信息柱状相同：

并把网页页面拷贝一份，依照前边的方式把方形调整至跟新数据库的柱状等高线：

再加入一些基板，加上文本，最终为网页加上平滑切换实际效果，就ok了：

自然，除开数据图之外，还能够延伸至报表上。比如下面那样：

实际的方式和前边的基本一致，这里也就不多说了了。

04.

展现章节目录衔接

那时候大家为了节省时长，就会直接延用目录页的样式，制作章节目录衔接页。

但是如果运用平滑切换，大家能让这一过程越来越方便快捷，而且更有特点。

比如下面这一文件目录：

我们只需把网页页面复制一下，并把基板的形态移到第2个版块下边，随后修改一下文字装点的元素色调。

最终应用中平滑切换，一个动态变化章节目录衔接页就完成。

自然，我们也可以制成展现不一样新产品的实际效果，比如下面那样：

方式和之前基本一样，只需修改一下图片和基板颜色就行了。

之上，就是现在要跟大家分享的，我在华为发布会中这一平滑过渡动漫里，扩展出一些方法路径主要用途。

我们再总结一下：