我是子安,还有几天马上就过年啦,所以这周我带着「植选促销方案2.0新春版」来和大家见面,提前祝贺大家新春快乐!
原稿

风格确定
在上一稿「1.0版」的设计思路中,我们提到过有2个设计方向,一是以植选奶为主题的清新明亮风,我们已经完成了,并且也做了一篇复盘分享,有兴趣的小伙伴可以查看上一篇文章。

二是围绕标题的「春节促销方案」,以春节促销为主题。想到春节,那么大家首先联想到的是什么?中国风和喜庆的红色,对吧,所以也就基本确定了2.0版本的风格和色彩偏向。
色彩搭配
色彩上,初步暂定以红色为主色,利用明亮调整,设置出淡红以及深红色用作层次划分,再选用与红色绝配的金色作为强调色。

字体搭配
字体搭配上,选用了厚重不失灵动的「仓耳渔阳体」作为标题字体,而正文字体则采用美观实用的「OPPOSans」。

页面优化
封面页

封面页的设计,我借鉴了花瓣上的灵感。
(素材来源:网络)
没错,又是剪纸风,看起来非常有层次感,但是我们要如何复刻它呢?
我的思路是先画形,再有魂。
在形状上,我们先利用矩形和三角形绘制出大概的轮廓。

然后利用布尔运算,将这些形状联合,再插入全屏蒙版剪除形状,我们的第一层剪纸就绘制好了。

我们利用同样的方法,再操作两次,三层剪纸就完成啦。

但是仔细看的话,可以发现,整个页面是几乎没有层次感的,那我们要如何打造它的「魂」呢?通过观察灵感素材,可以看到,它的层次是通过两个细节来打造的,一是纸张有一定的厚度,二是每层剪纸之间有阴影。

阴影很好处理,但是厚度及光源应该如何复刻呢?
我的思路是将卡纸原位复制一份,置于所复制图层的下一层,设置成红白渐变及渐变角度,然后向上移动一小段距离,这样底部的厚度和光影就出来了。

利用同样的操作,制作顶部,以及其他层次卡纸,并分别加上阴影,效果就是这样的。

效果比之前好很多吧,接下来我们将标题和产品图放进去排版。

这里的代言人李宇春,层次感稍微弱了一些,我们可以将头部扣出,做成半露出的效果。

但是遇到了一个问题,下载的素材头发是被裁掉了一部分的,怎么办呢?
迫于无奈,我只能从网上又找了一个帅哥的素材,利用蹩脚PS技术将头发P了上去。
(素材来源:网络)

OK,主体也打造好了,接下来就是修饰点缀了,什么修饰既能体现中国元素,又贴合我们的主题呢?我想到的是灯笼、祥云。

在细节上还有什么可以优化的呢?我想到了三点。
一是,人物背后添加屏风的元素,增强人物立体感;
二是,两个红灯笼之间通过红线相连,弥补上侧空缺;
三是,纸张添加国风底纹,增强纸张质感。

本来以为封面页就到此结束了,但在翻阅素材的时候,一张海报素材的配色成功引起了我的注意,因此我又增加了绿色及浅绿色作为辅助色,正好体现LOGO色。
(素材来源:网络)

三段内容页

首先,我们先对文字进行初步排版。

接下来,只需要按照制作封面时的方法制作剪纸,并添加卡纸厚度及阴影等细节。

内容填充完成,然后就是装饰点缀。

这里有两个小细节,一是在四周多绘制了一层剪纸,让画面的层次感更加丰富,二是在三个时期处添加了金色条带,即有一定的强调作用,又有种里层穿插的感觉,起到引导作用。
LOGO页

在LOGO页的处理上,同样沿用了上面的样式,层层剪纸+金色条带衬底+祥云修饰。

在LOGO的处理上,为了保持色调的一致性,先将亮度调到最高,进行反白操作,然后利用OKPlus插件的图片调色功能,将白色调为红色。

处理完这10个LOGO,我们的甲方大大的LOGO当然也不能少,同样,利用OKPlus插件将LOGO调色,使其和标题色块颜色保持一致,然后利用线条将LOGO悬挂起来,设置阴影,创造层次感。

表格页

首先,梳理表格内容,明确表达的核心观点。活动预算,最核心的当然就是费用啦,所以我们凸显费用,将表格重新排版。

这里的话,右上部分有点空,所以我添加了福袋,并利用PS将产品图也融合了进去,来体现春节活动这一概念。

整体回顾

总结思考
制作过程中过度追求版式统一,容易造成视觉疲劳,应在追求统一风格的同时,在统一中寻求变化,以此方案为例,可在保持统一剪纸风的情况下,部分页面向内剪纸(内凹),部分页面向外剪纸(外凸)。在此再次感谢@离逍大神及音律交流群小伙伴们的指点!