在QQ群里和大家交流的时候,有童鞋提到如何做一个感恩节商品折扣Banner的问题,于是就打算有时间的时候自己也动手做一个此主题的Banner作为设计的练习,正好昨天在全景素材网站上看到一张适合此主题的素材,于是就动手完成了这个Banner的设计,在此将整个的设计思路的方法梳理出来,供大家参考。
一般来说,一个Banner的设计要契合整体的网站风格进行创作,包括要考虑到网站的整体配色,但这里我们只是单纯的做一个Banner,所以限制相对来说要少一些,既然素材已经确定好,我打算以此素材作为设计风格的出发点。先来看看这张素材。

可以看到,这张美女图片给人的整体感受是清新淡雅的,图片中的色彩多是纯度较低、亮度较高的粉色系色彩,依此为依据,我们可以将Banner的风格往这个方向上靠,确定为清新的风格。有了这个基调,我们就让整个的设计,包括色彩方案、元素样式、使用的素材等等都向这个方向靠拢。
在开始动手之前,我们需要进行设计上的创意。由于我们已经确定好的slogan为”感恩节5折优惠”,因此我打算将此文字作为主视觉进行创作,旁边搭配美女的手指指向主视觉的图片,这个设计由于开始的比较仓促,我没有画草图,但是还是建议大家在进行设计之前最好画完草图,考虑周到了再开始。
下面我们正式开始设计的制作。
由于是商品打折活动,要有热闹的气氛,所以我打算给白色的背景铺上颜色,把热闹的气氛烘托出来,这里我选择了素材图片购物袋上纯度较低,但亮度较高的橙色,这样也可以和素材的色彩搭配起来。

接下来,为了不让纯色的背景过于死板,增加背景的层次,我给背景添加了一些白色的圆圈,降低它的不透明度,让这些圆圈不至于过分显眼。这样既增加了背景层次,也符合清新、干净的设计风格。

然后我们将Slogan”感恩节5折优惠”的文字键入,在这个文案中,我们要凸显的信息是幅度较大的打折信息,所以我将5折优惠中的”5″字放大,其余三个字稍小一点,并且选择符合干净设计风格的非衬线字体,”5″字使用了英文中的ChunkFive字体,而”折优惠”三个字选择了方正超粗黑简体,这两个字体的笔画较粗,体积较大,能够压得住整个版面。文字的颜色选择了白色,这样让整体的设计看上去干净一些。

为了进一步凸显”5″字,我把文字的颜色更改为和背景色接近的红色,但是不要太红,纯度低一些,目的是保持设计清新的感觉。然后再将”感恩节”的中英文添加上去,做一个排版。字体依然选择简洁的非衬线字体。

为了增加这部分设计的视觉比重,我们再来给它添加一些效果和细节。添加阴影和层次。最后将活动日期添加上去。

到这里,主视觉文字部分基本已经完成,但是整体的设计看上去过于平静,节日的气氛也不足,怎么办?没关系,我们来给它添加一些节日的元素,既然是打折嘛,可以把金币放上去,也可以放一些彩色气球,再放一些彩纸上去,这样看上去气氛就起来了。

最后我们把美女放上去,美女的衣服是白色的,为了让气氛更热闹,我们把她的颜色改成主色调红色。但是美女放上去之后,我们发现空间有点紧张,所以我们把金币拿掉,至此整个的Banner设计就完成了。

情非得已
3个平面设计技巧学会动态字体海报2020-07-09
如何设计出优秀的文字类海报排版2020-04-02
7个有效提升传达率折页设计技巧2020-03-19
设计师如何解决作品视觉缺少层次感2020-03-14
详细解析平面设计中元素的使用技巧2020-03-13
设计师必须要学习的平面设计配色技巧2020-03-11
解析设计师常用的6大构图方法2020-03-11
3个帮你快速掌握字体搭配思路2020-03-10
设计师如何设计出中国风主题LOGO2019-10-21
详解如何让板式海报设计变得简单2019-10-21
4个配色技巧帮助您解决色彩问题2021-03-10
设计师需要掌握的平面设计技巧2021-03-10
详细解析插画类海报的绘制思路和方法2021-03-09
详细解析设计师必须掌握的色彩知识2021-03-09
设计师必须要学习的高级配色技法2021-03-10
设计师必须要学习的几个排版小技巧2021-03-10
详细解析UI设计中终极配色宝典2021-03-11
详解如何把产品和背景融合到一起2021-03-11
详细解析UI设计中终极配色宝典
相关文章1162021-03-11
详解如何把产品和背景融合到一起
相关文章1072021-03-11
设计师必须要学习的几个排版小技巧
相关文章1682021-03-10
4个配色技巧帮助您解决色彩问题
相关文章2022021-03-10
设计师需要掌握的平面设计技巧
相关文章1882021-03-10
设计师必须要学习的高级配色技法
相关文章1762021-03-10
详细解析设计师必须掌握的色彩知识
相关文章1792021-03-09
详细解析插画类海报的绘制思路和方法
相关文章1842021-03-09
