首页 电商 正文

老美工日记——如何才能做出一张牛掰的电商海报(汇总篇——必学)

扫码手机浏览

海报设计一直是电商美工攻克的难题,今天我就个人经验讲一下关于设计海报的相关方式方法:海报设计必须有相当的号召力与艺术感染力,要调动形象、色彩、构图、形式感等因素形成强烈的视觉效果;它的画面应有较强···

图片来源@Unsplash,基于CC0协议!

海报设计一直是电商美工攻克的难题,今天我就个人经验讲一下关于设计海报的相关方式方法:

海报设计必须有相当的号召力与艺术感染力,要调动形象、色彩、构图、形式感等因素形成强烈的视觉效果;它的画面应有较强的视觉中心,应力求新颖、单纯,还必须具有独特地艺术风格和设计特点。

这是百度对海报的一段说明,相对于淘宝美工来说,看着不够通俗易懂!呵呵... ...

我喜欢说大白话,就只针对我们做电商美工的同学们说一下海报设计(因为海报是一个应用比较广泛的广告形式,没办法涵盖过多)

我认为的电商海报,无非是对产品烘托的广告平面表现形式,重中之重还是产品。我的第一篇帖子有人回复说没有定论,说是要根据产品价格和品牌定位来决定。这句话并没有错,但是就电商而言,不管是品牌还是地摊货,依旧是艺术形式服务于产品!而不是为了突出品牌和高逼格就忽视了产品的核心价值体现!!!

一.版式选择

版式就好比一个生物的骨骼,有了好的骨骼造型才会再添上血肉的时候够丰富够美。对于一个画面来说起着非常重要的作用,所以大家一定在做海报前先根据产品把版式考虑清楚再下手!

以下是最常用的几种版式:

01.左右式

左右版式是最常用的一种,占据了整个电商产品海报设计的80%以上,最常用的往往最有效,这个左右是相对于文字排版和产品而言的,以下要说的版式也是围绕文案和产品(对于一些初学者有必要说清楚)就网上用图大数据统计而言,左右排版在保证产品不失价值和美感的情况下,尽量文字在左边,产品放右边!!(对于活动图海报更是如此)

02.上下式

建议竖幅海报使用此版式,竖幅海报在电商平台中有着重要的作用,相比横幅,更加可以促使客户下单!(现在女装主图竖版为主了已经)

03.中轴式

视觉焦点集中在中间,很容易起到平衡画面的作用,对于表现“静之美”非常适合!

04.左右对称式

左右对称式,这里也可以认为是左中右版式,一般是文案排版在中间,左右两边是产品,对于产品的多角度展现非常实用!

05.自由式

我习惯把不常用的统称为自由式,细分的话里面还包括倾斜式、平铺式、中心环绕式等等!以产品为基础选择,多适用于多个产品布局画面的时候!重点说下倾斜式,也是比较常用的,可以产生节奏感和紧张感,节日活动海报常用!

.............................................................................................................................

二.海报产品与文字位置布局

文字在海报中的排版相比产品同样重要,是浏览者阅读海报的信息提取点,只有好的文案不行,还要设计排版漂亮到位才算达到我们电商海报设计的要求!

这里我们就通过分析文字和图片的关系来看看怎样来设计排版文字。

切记:学习此篇,一定要熟悉点线面的关系,不了解的可以去学习!

01.根据需要选择文字的组合方式

a.服务于图片的文字,简单说就是为了说明图片或者商品的文字说明而已

例如:

视觉焦点在服装模特,通常这类文字排版是以面的形式出现,在画面中和谐不夸张,和商品形成面与面的关系。换句话说就是文字只是商品海报中对商品的补充说明和点缀作用!主要用在衬托场景风格图片上!!

b.文字突出画面,画面中更突出的是文案信息

例如:

视觉焦点在文字,适合活动类海报,凸显文字信息,通常以点的形式出现,重点突出某些信息,给读者最直接的表达!这个点是通过衬托线或者衬托面等等形式来布局排版。

02.如何根据画面布局文字组合的位置

a.根据商品的位置(即画面主体物)来确定文字组合的位置,多用于左右式排版

例如:

这种有商品主体为主的画面,尽量把文字组合设计成面!

前提是保证画面平衡!

文字组合“面”与画面边缘的距离几乎和商品主体“面”与画面边缘的距离(这个距离不止是左右,还可根据上下等,灵活布置)相等。这是最基本的确定方式。

还有两点:

1:文字部分的面积尽量不要大于或接近主体物所占比例(特殊画面处理除外)。

2:文字组合“面”与商品主体“面”的边线保持平行或者对等。

b.根据画面的视觉焦点来确定文字组合的位置,多用于自由式和中轴式

当视觉焦点位于画面中间,文字组合部分则可位置居中放在视觉焦点上。

1.当画面的主体物左右分散排列时,视觉焦点默认在画面中心,文字组合就尽量以点的形式设计在中间位置。

2.当画面感觉被商品切割时,视觉焦点这时只会出现会在切割线上,文字组合默认放置在切割线上。

3.透视形成的视觉焦点,也可把文字组合放在合适的位置。

03.如何才能根据需要设计漂亮的文字组合?

.................................................................................................................................

三.如何设计漂亮的文字组合

设计是真才实学, 不是耍花枪!

文字如何组合是根据画面而定的,好的文字组合会对画面增色不少。

01.文案与图形的组合

形状图形主要指方形、圆形、三角形以及一些不规则的形状图形

三种方式:

a.突出组合:当文字部分在画面中被弱化的时候,在这里最好的办法就是像这样放置一个几何图形在背景,然后再调节字体的颜色与几何图形的对比,使文字部分突出。

b.集中注意:这种方法是为了不弱化图片的情况下,让文字部分集中在一个几何框里,增加可读性。

c.修饰组合:这个几何图形其实只是代表,代表几何图形的灵活运用。当文字组合之间太过散乱,又或者字体之间大小的差异太大的时候,放置一个几何图形,尽可能连接到每一个字上,形成联系。

总结:01可以理解为面与文字组合的方法!!!

02.文案与线的组合

这里的线有两种:单纯的线和文字组合形成的线(比如一行细小的文字组合成的)

为了更好的理解文字或者字符等形成的线,例如:

同样有三种作用

a.联系性:容易理解,主要是建立文字间的相关性,产生联系

b.集中:作用和图形“集中”相同,只是这个是用两条线组成一个隐形的方块,更有形式感。不同这种只能出现在色彩单一或大量留白的照片。

c.连接符提示:组成形式感较强的点缀,可以用于连接文字与文字的内容,电商海报常用

03.字符的巧妙运用

一般是指的数字、英文字母或者标点符号等,配合文字组合得到的效果

例如:

看上面的例子大家不难理解,可多练习,多尝试,提高自己,有效的运用可增强文字组合的艺术感!!

04.色彩的巧妙运用组合

这种组合是建立在前三种基础之上的,方法和前期的主图用色篇差不多。

................................................................................................................................

四.如何才能设计一张好的电商用商品海报

掌握以上三点后,要做的就是审美意识的提高和版式、文字组合和位置三者关系的反复推敲和练习。

自己常用的几种学习方法介绍给大家:

01.我们做电商美工的分类目,我们可以先把自己本类目也就是竞争同行的,不要先管人家店铺的销量,先多看看他们的设计,每天都选择几家店铺看看,熟悉本类目产品的特点,在画面表达时会有帮助。

02.然后再看卖的比较好的几家,提取他们海报的文案信息和主题表达方向,也就是核心促销点的提取!(这点非常重要,一定要好好总结归纳)

03.跳出本类目,去比较大的类目,比如女装类目等,去看看更好的视觉店铺是如何控制画面的!

04.我设计步骤是先把产品摆到画面中,然后围绕它的位置来设计画面(可能每个设计师的方法不一样,个人习惯这样,仅做参考)不管是背景烘托还是文字组合和位置都根据产品来定!

05.电商海报有一个非常重要的就是上面步骤2说的,核心促销点的提取,也就是本张海报的主题方向,这关系到一张海报的成败,我们的海报不止是美观,更重要的是营销目的,视觉营销就是这么回事,不要想得太复杂!

总结:设计是真才实学,不是耍花枪!不要做中看不中用的海报,一定要考虑营销目的!!!

本文转载自互联网,版权归原作者所有,转载目的在于传递更多的信息,并不代表本网站的观点和立场。部分文章推送时未能及时与原作者取得联系,如发现本站文章存在内容、版权或其它问题,烦请告知,我们将及时删除。

推荐文章