今天要分享的是版本引导页，有两张，一个是讲等级的，一个是讲任务的，今天我们先分享等级的！

1.项目背景

2.创意灵感

3.关于配色

4.一些细节

1.项目背景

等级之前满级是40级，现在满级是60级，所以新增了形象，提高了上限，需要用引导页来告诉用户这件事。

首先要体现新增两个等级的进阶感，其次要有一种送福利的感觉，这两个是比较大的诉求点。

2.创意灵感

最开始想的创意比较简单，灵感来自下面这张图：

就是不同高度的阶梯方格，在上面的是高级别，下面的是低级别，然后中间再穿插放点礼品盒子，草图如下：

但是后来感觉创意稍微有点单薄了，也没啥设计感，所以继续寻找灵感，后来看到下面这些图：

灵感就有了，我打算做一个建筑物，里面有一些加工的感觉，也就是把低等级的形象往上面传送，变成高等级，然后顶部有很多礼物，大概的效果如下：

把新加的两个等级进行了立体化处理：

也用了一些之前的等级的3d模型：

整体感觉还算可以。

3.关于配色

对于配色，我想强调3点。

第一，背景色和前景元素要有呼应，比如我的背景是紫色，那前面的元素也一定要有紫色：

这样会比较和谐。

第二，画面一定要有重色，画面有重有轻，看起来才不会浮，我这次用的重色是深蓝色：

也是从形象衣服上取得颜色色相。

第三，学会使用邻近色，那样会让画面更加有层次，比如我画面里面有黄色，那就可以延展出橙色、红色来搭配使用：

这样画面会比较丰富，没那么容易看腻！

以上三点是我这次想和大家说的配色问题。

4.一些细节

最后再说几个小细节，比如画面的整体感觉要统一，如果画面整体的感觉都是比较卡通可爱的，那里面的元素也尽量别太尖锐，像之前的这个礼盒没有啥导角，就比较硬，优化之后如下：

整体就会比较搭一点。

再比如，一个画面里面一定是需要有很多细节的，细节代表着思考，比如我这里面用了很多等级的形象，本身这些形象在做平面图标的时候就花了大量时间，用在画面里，就已经给画面加了很多细节了：

所以，平时大家一定要多注意积累有细节、有精致度的素材，这样在做画面的时候直接用，可以节省很多时间。

总结

以上就是今天和大家分享的关于等级引导页的设计感悟，下期我们分享任务引导页的，不见不散，么么扔！