软件下载 | 资讯教程 | 最近更新 | 下载排行 | 一键转帖 | 发布投稿
您的位置:最火下载站 > 设计在线 > 设计理论 > 感恩节折扣活动Banner完整设计思路

注册送白菜网

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

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

mhrf-cpmh-57102f20z.jpg

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

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

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

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

1.gif

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

2.jpg

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

3.gif

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

4.gif

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

5.gif

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

6.jpg

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

7.jpg

  来源:飞鱼的声纳

上一篇:10大你不该做自由网页设计师的理由
下一篇:暂无文档
    相关阅读
    栏目导航
    推荐软件