双十二背景图(双十二海报设计技巧)
当然,这不仅是买家的狂欢节,同时是卖家的狂欢节, 今年的双十二可以说是一场大开眼界的特色盛宴,不仅在创新上充满想象力,在设计风格上也有更多突破~
淘宝双12不仅聚集了很多创意商家,更是集合了图文、视频、直播等多种内容形式,这一次淘宝想给用户呈现一个多种多样的视觉体验。
今年的双十二,在手机的Banner设计上,采用了GIF图的方式进行展现,以此来吸引更多用户的注意。
不仅如此,淘宝将西游记中的8个经典人物重新包装,花费巨资打造出了《淘游记》。
做出一个能留住顾客的海报是关键。我们今天就来讲一讲,在设计淘宝海报的时候需要注意的,高级设计技巧
壹 文字特效制作
01 立体和有层次的文字
主题文字的处理是为了让其看起来更加醒目,通过对文字进行立体和有层次的处理能够吸引大多数人的目光。将主题文案做出3D立体的层次感让整体的图片更有空间感,再加光效等素材的点缀让主题更加聚焦,如图所示。
02 星光熠熠的文字
现在很多电商设计师都会使用星光和光线的特效来让主题更加突出,更加吸引人的眼球。因为大多数人都会对亮闪闪的东西感兴趣,电商设计师抓住这样的心理才能把主题做得更突出,如图所示。
03 创意的文字
制作创意文字的效果时就要发挥自己的想象力,在原有的字体上进行删减和增加图形、图像。这种图形、图像可以自己手绘,也可以找一些相关的素材,也同样是为了让主题更加活泼和形象,从而更具画面感。只在海报上面输入主题,会太死板而且没有聚焦的效果,为了使整个主题更加形象一点,不妨试试这种文字的处理方式,如图所示。
贰 简洁明了的排版
01 居中排版
很多电商设计师都会把主题和副主题按照从上到下的方式排放,主题的占版可以大一些,更醒目一些,而这里选用的处理方式是添加一些有趣的文案来烘托主题,比如“小主!这家折扣还这么低!!!”为了使字体看起来不单调,这里选用的是添加立体标的背景效果来衬托这些有趣的文案,这样看起来主题明确,整张图片都烘托出活动的效果,那么整体的效果就更加耐看,如图所示。
02 上下排版
这种排版方式是上面放主题文案,下面放产品和其他的文案,更加强化主题,弱化产品。在这种海报整体较高的情况下,通常顾客打开页面会先看小主题文案,再往下看才能看到产品部分,主题文案占整体版面的比例大,海报看起来也比较大气,如图所示。
03 左右排版
左右的排版方式大部分都是左文右图或者左图右文,将产品和文字按照3∶7的比例排版,也就是所谓的黄金分割线,商家可根据店铺要突出的是产品还是文案,将这比例进行分割,左右的排版方式是比较常见的,因为这种排版方式比较耐看,将文案和产品划分开,文字集中在一边体现,产品图案在另外一边体现,比较简单但是很耐看,如图所示。
叁 选用合适的背景搭配
01 简单大气
简单大气的背景,不需要太多的素材和色块,只需将白色的背景进行简单的处理,就是为了突出主题。背景越简单越不容易将顾客的目光分散到背景上,而是集中在主题上,这样的处理方式搭配得好的话,会使整体效果非常简洁大气,如图所示。
02 唯美风景
选用唯美风景作为背景图时,要根据产品的色调和产品属性来选择相对应的风景图案背景,可以起到烘托主题的效果。这种搭配方式对产品和背景的融合度要求比较高,如果背景选择和产品格格不入,则会让顾客看起来很不舒服。所以,采用这种背景搭配方式的话要将产品和背景处理得恰到好处,让人感觉到产品和背景是一体的,如图所示。
肆 整体的色彩搭配
整张图片的颜色搭配是非常重要的,电商设计师除了懂得如何利用文案和产品的排版以外,还要对色彩方面有视觉敏感。因为,整张图的色彩搭配关系着该图的视觉协调性,如果在颜色搭配上给人感觉到刺眼或视觉不舒服的话,那么所设计的图片就是失败的作品。而在色彩的搭配上主要分为“对比色搭配”和“相近色搭配”这两大块。
01 对比色搭配
对比色搭配,整张图片颜色搭配都很抢眼,大部分是使用红色调与黄色调这两个相近色,这两个颜色的搭配比较经典,在处理活动图时,为了使整个活动氛围强烈一点,一般都会采用这两个色调的搭配,除了这两个相近色以外,还搭配进了紫色。黄色和红色都属于暖色调,而紫色则属于冷色调,冷色调和暖色调的搭配通俗称为
“对比色搭配”。暖色调和冷色调的颜色差和对比度都比较强烈,会给人的视觉带来很大的冲击,所以,在图片中添加一些紫色,可以让整张图片更有冲击力,为了使整个图片不那么突兀,所以紫色占版面比较少。
但是进行“对比色”颜色搭配时要谨慎,对比色的搭配都比较难,要怎么把两个完全不是同一色系的颜色搭配在一起呢?如果对色彩不是很熟悉的情况下最好不要尝试,因为两个完全不搭的颜色放在一起,会使整个页面看起来很别扭,如图所示。
黄色和蓝色的搭配是对比色里面较为经典的,这两个颜色对视觉的冲击力也比较大,也是互补色。下面为大家展示一下比较经典的对比色搭配,如图所示。
02 相近色搭配
相近色的搭配,指同一色系的颜色进行搭配,这类搭配没有“对比色搭配”的视觉冲击力强,但是相对而言,在配色方面就不会那么难。“相近色”是指在同一色系里面找比较相近的颜色做搭配,比如红色,可以与橙色搭配,可以与玫红等跟红色比较相近的颜色进行搭配,如图所示。
使用“相近色”做整体的搭配时,想要突出活动的氛围,基本上都会选择红色、橙色、玫红等比较刺眼的颜色,达到吸引眼球的目的,如图所示。
还有一种是使用白色和粉色进行搭配,这种搭配一般会吸引女性的眼球,所以在美妆、女装、母婴等针对女性顾客比较多的类目都会使用这样的搭配,如图所示。
伍 产品光效处理
在扁平化普及的设计时代,很多电商设计师都会使用光效处理来突出主题因为人们都会把目光集中在一张图片中比较亮的点。所以,要在一张图片中凸显产品的话,产品光效处理这块也得掌握。下面为大家展示一下产品光效处理的过程,如图所示。
不锈钢类产品
电器类产品
护肤类产品