提起过渡页，大家肯定不陌生。它能起到承上启下的效果，所以很多人对这页的设计要求也比较高。

通常情况下，设计方法就是：大图叠底，加一个渐变蒙版，这样做确实很好看。

可问题是：大部分工作场景下，我们找不到合适的图片，甚至没有时间去找图片。

但其实不用图片也能让页面变得非常有设计感。接下来，我就用几个案例给大家演示下整个设计过程。

01.

案例一

如果只有一个数字+一句话，怎么做都会显得很单调。 所以这个时候，我们需要加一些辅助展示元素，比如：英文和小色块。

这样页面就有了层次感，就更加耐看了。

当然，此时页面还是很单调，所以我们需要加一些小装饰。 用渐变的圆弧形状，模拟立体感，再加上一些小图形作为装饰。

页面两边稍微有点空，不妨再加一点图形，扩充一下页面的视觉版心。

感觉视觉还是有点平淡？那我们就换个底色。

你看，这感觉就立马不一样了吧！

这是居中排版，我们也可以换成左右排版，同样会很好看！

02.

案例二

有时候，我们也会遇到这种内容比较多的过渡页。这个时候，最重要的工作就是突出重点内容，弱化其它信息。

如果你还觉得背景有点单调，那我们可以考虑，给它加一点透明的小图标，作为修饰。

（放大观看更明显）

换种排版看看：

也还不错吧。

这里设计的关键点是让色块和数字形成层级叠加的感觉，所以数字还加了阴影，这个小细节你有注意到吗？

03.

案例三

无非就是从两点下手：

数字和过渡页标题

是不是非常地有创意！怎么做的呢？

这里需要借用iSlide的【补间】功能。 所谓的 【补间】功能，就是可以补足两个元素之间的状态的功能。

2、然后将两个数次摆放到一起，稍微错位一点。

标题部分 ： 一行字体比较单调，那我们可以考虑拆分成两行。然后再放大关键词进行对比，加点小装饰。

我们再把两个元素合并到一页，看看。

还不错吧？

这样新的设计又出现了。

当然，还可以改变颜色，更换版式。

我们总结一下，渡页的设计其实也就是针对三方面进行设计：

数字：放大、添加环绕图形以及叠加线框

文字：换行、突出关键词以及增加线条装饰和虚化的文字

背景：更换颜色和叠加图标。