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

1.项目背景

2.创意灵感

3.关于配色

4.一些细节

1.项目背景

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

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

2.创意灵感

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

任务引导页制作的思考过程!

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

任务引导页制作的思考过程!

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

任务引导页制作的思考过程!

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

任务引导页制作的思考过程!

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

任务引导页制作的思考过程!

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

任务引导页制作的思考过程!

整体感觉还算可以。

3.关于配色

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

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

任务引导页制作的思考过程!

这样会比较和谐。

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

任务引导页制作的思考过程!

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

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

任务引导页制作的思考过程!

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

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

4.一些细节

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

任务引导页制作的思考过程!

整体就会比较搭一点。

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

任务引导页制作的思考过程!

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

总结

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

做人要厚道,转载请注明文章来源: https://www.boxui.com/ued/design-idea/47750.html