服务热线:
18971120504
图文展示
衍果视觉设计培训学校

武汉电商设计培训主图怎样设计才更出效果?

在电商设计中,产品图的重要性永远都是排在第一位的。我们在做图的时候,有很大一部分时间都是在思考产品图要怎么摆放才美观,如何才能突出产品的卖点等等。

在实际的设计中,产品图的摆放基本就决定了整个设计的框架。因此,在有限的需求时间里,能不能快速、合理的找到产品图的处理方式,是新手设计师与老手的重要区别。

今天这期的内容,我就带大家看看,如何判断一张图是否合适,以及处理主图都有哪些常用的招式。

OK,废话少说,干货走起。


如何选图

在具体讲怎么摆放产品图之前,我们先要知道什么样的图片适合用作广告中的主图,这个问题我门会在正式课程中讲解。

1、清晰。

毫无疑问,一张清晰的产品图是最最重要的。无论设计做得多精美,一张模糊的产品图都能将用户劝退了。所以,任何时候都不要使用低精度的图片。

电商设计主图如何选图

2、造型独特。

在选择主图的时候,要尽量选择新颖的造型或者独特的视角,这样可以放大主图的视觉冲击力,起到事半功倍的作用。

电商设计培训难不难

3、细节精美。

对于产品图来说,丰富的细节在视觉上更有表现力,会让人觉得更有品质感。这里说的细节,可以是漂亮的光影,清晰的纹理,细腻的质感等等。

淘宝电商主图选择要看细节

基本上只要符合上面3条原则,就可以算是合适的主图了。

具体关于怎么选择主图我课程里面会详情讲解,有兴趣的同学可以 戳这里 去学习下。

今天的内容主要讲怎么处理主图,下面正式进入今天的主题。


对称

对称意味着协调、均衡,它是大自然中最基本的规律,所以对称的设计是可以被所有人接受的。

最常见的是左右对称,两边重量平衡,有种平稳大气的美感。

电商美工设计时要讲求对称

下图的产品从左到右一字排开,以大壶为中线对称,这种绝对的对称方式在视觉上十分有秩序感。

怎样设计主图会更好看

除了绝对的左右对称,也可以斜线对称。

对称的商品也不需要颜色和款式完全一样,不同的角度变化,以及颜色对比,都可以给画面带来活力。

电商设计主图颜色怎样选择

好了,

下一个。

平铺

产品数量比较多的情况下,我们可以选择产品视角一致,按照一定的规律平铺的画面上。

最常见的就是这种“翻包图”式的设计。

淘宝电商设计平铺方式

将一件件物件翻出来,摆得整整齐齐,会给人一种心理上的满足感。

武汉电商设计培训学习多久

在具体的设计中,有两种平铺形式。

第一种是将不同的产品,按照统一的视角,方向,规律摆放在页面中,使得不同产品和谐相处,产生韵律感。

汉口电商设计培训哪里好
如何做出高质量的主图

第二种是将同一个产品变换角度,以及不同产品细节,然后以一定的规律摆放在画面中,在重复中形成变化。

主图设计要对不同的产品细节进行设计
主图效果展示

漂浮

飘浮的物件在视觉上有强烈的动感,再加上产品的大小角度变化,以及光影效果,可以营造出强烈的空间感。

电商主图漂浮设计

产品要想飘浮起来,投影至关重要。产品和投影之间的距离越大,它就会越有飞起来的感觉。

电商美工设计产品漂浮效果

除了产品之间的投影效果,背景上也要有光影的变化,这样会与产品的飘浮效果相呼应,形成空间感。

电商淘宝美工怎么学习才专业

在美食设计主题中,飘浮可以营造出琳琅满目的感觉,刺激用户的食欲。

淘宝包美工学习难不难

蒙版

有时候我们拿到的素材图片不太好抠图,或者抠出来之后会损失原图的品质感。这个时候我们可以把它放到一个几何形的蒙版来处理,这样既可以保持原图的风格,又可以方便我们后期的排版处理。

最常用的蒙版形式是简洁的几何形,尤其是圆形和方形用得最多。

电商设计中的蒙版知识
学习电商设计有哪些好处
淘宝电商美工零基础要学多久呀

几何形的蒙版看起来很规整,为了让版式更活跃一些,我们可以让主体的一部分突出原有的图形,形成破版的效果。

蒙版设计高级效果

还有一种特殊的蒙版,那就是文字。

在以文案为主的设计中,为了让文字没那么单调,我们可以在文字的轮廓中嵌入产品图,给文字增加纹理效果,这样就很巧妙的给纯文字画面增加了商品的属性。

电商主图蒙版字体效果

放大

人都是视觉动物,很容易被细节打动,越精致的细节越能形成强烈的视觉震撼。如果你的产品图足够精美,那么就尽量放大它的优点,震撼用户的眼球吧!

最擅长这一招的,莫过于苹果。在苹果的官网上,随处可见这种精致到令人想添屏幕的细节大图。很多时候我打开苹果官网,尽管没有购买需求,我都会点开所有的产品详情页慢慢看,简直无法自拔。

电商主图放大细节效果
电商设计配图效果

作为苹果的忠实学徒,锤子在这方面也得到真传。

淘宝美工学习多久就业

放大的局部,可以让用户的视线更聚焦到产品的某一个细节或者功能上,起到强化卖点的作用。

电商产品插电设计
电商设计主图效果设计
汉口淘宝美工培训

图文穿插

一般我们做图文排版的时候,肯定将图片和文案做主次之分。要么突出图片,要么突出文案,这样层次清晰,利于阅读。

但是也有一种特殊的设计手法,将图片和文案的视觉比重放到同一个层次。图片和文案交叉、叠压,使文案和产品成为一体,从而强化整体的视觉冲击力。

例如在之前的教程中,我做的运动鞋的案例就用了这种产品图的文案叠压的设计手法,手写书法字体与动感的运动鞋结合在一起,有种奔放自由的气势感。


这种图文相互穿插、叠压的排版方式,对排版的功底要求比较高,要不然就容易相互影响,导致图文含混不清。

在实际的应用中,我们需要尽量保持色彩和造型的一致性。

电商穿插设计视觉效果

色彩的处理上,可以使用不同明度的颜色拉开对比,形成空间层次感。

淘宝美工主图配色处理

文案字体尽量选择粗壮型的,这样让文案和图片的视觉比重达到平衡。

主图效果字体选择方式
主图字体排版效果

OK,招式就到这里为止。

那这些招到底好不好用呢?总得试试才知道对吧!

下面我们就来几个实操案例,看看这些招具体怎么应用。


实操案例

下面我以同一张素材图为例,应用上面讲过的几种不同的处理主图的方式,做3张不同的案例。

案例1:

用图文穿插的方式处理主图。

这次的案例素材我找了一张中年人的最爱——枸杞。

淘宝美工设计主图如何产品突出效果

OK,抠好图,接下来请开始你的养生。。

第一步,给产品加入光影效果,因为背景上的光是顶光,所以商品的投影也是上面淡,下面重一些。

电商视觉设计的高级效果

第二步,将标题文案打上去。图文穿插的排版需要大图大字,所以我选择了一个粗壮些的字体。

怎样做一个好的电商设计师

这一步需要注意的是,图片和文案结合在一起的时候,一定要保持文案的可读性,同时图片也不要受到太大的干扰,不然就得不偿失了。

好了,最后再添加一些细节,丰富一下画面就完工了!

武汉电商美工设计培训怎样学

继续下一个案例。

案例2:

以蒙版效果处理主图

还是同一张素材,先在画面中添加一些圆形的图形,让产品的上半部分破出圆形。

如何从众多电商设计师中脱颖而出

为了表现枸杞的品质,在圆形中嵌入一张枸杞生长的图片,让用户直观的感受到宁夏枸杞的饱满。

好的电商设计师是怎样学习的

添加一张带有光影效果的背景图,增加画面的层次感。

电商设计培训目前还有前途吗

最后再将文案排版好,用一些小的点缀元素平衡一下版式。

一张主图怎样排版效果更佳

完工!

下一个案例走起。

案例3:

让产品飘浮起来

自由摆放的产品,再加上合适的投影就能营造出飘浮的感觉。因此第一步我们需要将产品斜放,让它看起来像是随意的摆放。

产品漂浮设计效果体现

调整好背景颜色,再添加辅助图形到画面中,与主产品形成上下叠压的空间关系。

选择电商设计培训怎样选

继续完善画面,将文案排布到合适的位置。

衍果电商设计课程靠谱

最后,我觉得整个画面稍弱有点散,所以我添加了一个强对比的蓝色色块进来,让画面的右边形成区块感,同时在色彩上也提升了对比度。

电商设计培训班

OK,完工!

今天的内容就到这,怎么样,这些招都不错吧!


联系老师

联系老师

副标题

 
 
 
 
 工作时间
周一至周日 :8:30-21:00
 联系方式
客服热线:18971120504