• 关于我们关于我们
  • 海口企业网站建设电话0898-66611999 / 66611996 / 66611997
  • 海口企业网站建设电话400-8168-664
硕思科技  >>  网站策划  >> 

感恩节折扣活动Banner完整设计思路(感恩节 思路 折扣 完整 活动)

作者:海口硕思建站来源:海口网站建设发布时间:2013-12-14 11:40:05

在QQ群里和大家交流的时候,有童鞋提到如何做一个感恩节商品折扣Banner的问题,于是就打算有时间的时候自己也动手做一个此主题的Banner作为设计的练习,正好昨天在全景素材网站上看到一张适合此主题的素材,于是就动手完成了这个Banner的设计,在此将整个的设计思路的方法梳理出来,供大家参考。

一般来说,一个Banner的设计要契合整体的网站风格进行创作,包括要考虑到网站的整体配色,但这里我们只是单纯的做一个Banner,所以限制相对来说要少一些,既然素材已经确定好,我打算以此素材作为设计风格的出发点。先来看看这张素材。

感恩节折扣活动Banner完整设计思路,PS教程,思缘教程网

可以看到,这张美女图片给人的整体感受是清新淡雅的,图片中的色彩多是纯度较低、亮度较高的粉色系色彩,依此为依据,我们可以将Banner的风格往这个方向上靠,确定为清新的风格。有了这个基调,我们就让整个的设计,包括色彩方案、元素样式、使用的素材等等都向这个方向靠拢。

在开始动手之前,我们需要进行设计上的创意。由于我们已经确定好的slogan为”感恩节5折优惠”,因此我打算将此文字作为主视觉进行创作,旁边搭配美女的手指指向主视觉的图片,这个设计由于开始的比较仓促,我没有画草图,但是还是建议大家在进行设计之前最好画完草图,考虑周到了再开始。

下面我们正式开始设计的制作。

由于是商品打折活动,要有热闹的气氛,所以我打算给白色的背景铺上颜色,把热闹的气氛烘托出来,这里我选择了素材图片购物袋上纯度较低,但亮度较高的橙色,这样也可以和素材的色彩搭配起来。

感恩节折扣活动Banner完整设计思路,PS教程,思缘教程网

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

感恩节折扣活动Banner完整设计思路,PS教程,思缘教程网

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

感恩节折扣活动Banner完整设计思路,PS教程,思缘教程网

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

感恩节折扣活动Banner完整设计思路,PS教程,思缘教程网

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

感恩节折扣活动Banner完整设计思路,PS教程,思缘教程网

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

感恩节折扣活动Banner完整设计思路,PS教程,思缘教程网

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

感恩节折扣活动Banner完整设计思路,PS教程,思缘教程网

4008-168-664  
返回顶部  
海南硕思云网络科技有限公司     地址:海南省海口市国贸大道海涯国际大厦19F
咨询电话:0898-66611999 / 66611997 / 66611996    全国免费电话:400-8168-664    企业QQ:466611999

2003-2018 Hisosi.Com  All Rights Reserved. 版权所有:硕思科技   

您好,硕思科技欢迎您的光临,请问有什么可以帮到您?