返回列表

作者:巨人电商

如何做好电商美工构图

POST TIME:2020-10-24

  一个好的电商美工设计师,需要的具备怎样的能力?当然了,过硬的技术和强烈的美感很重要。通常来说,一个好的设计图由产品、背景、颜色、排版、感情几个因素组成。要如何把这几个因素巧妙地融合到一起,这既是技术问题,也是思维方式的问题。那么,对于初入电商设计行业的新手来说,要如何做好电商美工构图?  很多时候,新手刚上路,都是走模仿路线,从别人的设计中吸收精髓,再慢慢提升自己的操作水平。这几乎是每一位成功者前期都会经历的事。

   上图给你是否有一种触动的感觉,就像是看到了一个黑长直的美女一样,叫你忍不住的想多看一眼!到底设计师是如何做到这一点的,里面需要哪几个元素的配合。  1)产品。产品是整个设计的主心骨,需要你围绕着它为主题来设计东西。  2)背景。背景,一个看似不起眼的元素,但却是最为重要的元素。是为了衬托出产品的价值,以为整个设计的氛围元素。   3)颜色。在电商设计中,颜色是重中之重,它是体现一个设计水平的重要条件。由于颜色是带有感情的,能影响人的情绪,所以如何用色,如何布局颜色也是一个重要的课程。  4)排版。一个好的排版,能给人舒缓,不易疲劳的感觉。  5)感情。对于这一概念确实有点抽象,但刚才我们也说了颜色是可以影响我们的情感,所以,要想你的设计图能给人产生情感,颜色的运用也很关键。  新手做好电商美工构图,从模仿开始。要注意了,模仿的意思并不是叫你照抄,而是让你理解,思考别人的用色关系和布局。还是借用上图的例子来述说下吧:

   1、背景  首先整个图的设计,是一件夏天穿的圆点连衣裙,主题是波尔卡圆,轻松感,那么我们可以很快地发现到作者需要突出的一个氛围就是轻松感。  由于现在是夏季,所以蓝天白云打造的氛围是最好不过的一个轻松氛围了,于是刚好黄色与蓝色成对比色,这样黄色就容易突出了,产品的视觉点也就有了,于是背景用蓝色,但若大面积地使用蓝色的话,肯定会造成一个视觉疲劳。所以,为了体现轻松的感觉,当我们想到蓝天时,白云是不可缺少的一个元素之一,用白色来辅助或许会达到更好的效果,而且还能营造出静谧轻松的感觉来,所以我们看到下图作者使用了比较大面积的白色来衬托蓝色。使蓝色与白色结色营造出轻松的气氛。

    所以我们在配色的时候,我们也可以通过这一种思路来进行配色,首先取我们首要突出的颜色,然后对其进行分析,得出我们需要用到的其它颜色。  2、布局  通过上面的布局,我们可以画出一个作者的布局图来:

    用数字标示出来,分别显示主次突出的顺序,所以我们来看一下,产品在页面占的位置大概是占了整个页面的3分,(以黄金分割比例来说,我们大概把内容的主次分成3/7,也就是说重点和非重点之间的一个关系,)用一个较为直观的图来简单分析一下:

    我们在模仿设计时,可以把内容分开一下,想想大概的布局是怎样的,同时我们平时有时间的时候,也可以把一些好的设计拿出来分析一下布局,并存好档,在我们需要设计时,就可以通过平时的积累来丰富我们的设计,例:

    再来看看作者的文案排版,由于作者需要突出的产品元素是圆点,那么为了突出这个元素,他把圆这个元素融入到了文字当中,通过文字更直面的表达出这个元素,于是作者字体改用准圆体并把文字的圆的的正四方改成了一个加圆,同时用一个曲线来勾勒其形状,达到一个优雅的效果,所以当我们在使用字体时,就要注意与产品的情感结合在一起,而不是盲目的使用自己喜欢的字体。

    上图中的玫瑰花,带给我们不一样的视觉感受,同时也影响了我们的情感,这其实就是一种视觉情感,由静到动的一种引导。  总结一下上面举出例子的图片设计技巧,颜色黑白橙黄,要突出夏天的静谧的感觉→于是采用夏天天空蓝色为背景主色,用白色来辅助→产品亮点是波尔卡圆点,于是把字体定位成准圆体,并对其进行修饰,突出圆点这个概念元素→产品本身是优雅高贵的气质,于是摒弃了白云这个元素,改用玫瑰花来点缀,再加上阴影的衬托,对比感觉使得这个元素带来的感觉更加直观→注意留白,来大家足够的思维空间来创造他需要赋予这个设计的情感。  在电商设计这行,要如何做好电商美工构图?一定要注意颜色、背景、布局、产品等因素的协调搭配。更多淘宝美工设计经验分享,请登录开淘装修网(https://)。