美工设计 百分网手机站

淘宝美工的构图教程

时间:2017-10-20 16:40:51 美工设计 我要投稿

关于淘宝美工的构图教程

  今天我们就一起来理清一下我们的思路,告诉你如何快速走进设计之路——从模仿别人的设计开始自己的设计生涯——这就是你入行电商设计的一个捷径。下面是小编为大家整理的关于淘宝美工的构图教程,欢迎参考~

  关于淘宝美工的构图教程

  为什么我会说从模仿别人的设计开始自己的设计生涯呢?我们先从一个好的设计是如何构成的,去分析我们入这一行需要走的路有哪些。如下图。

关于淘宝美工的构图教程

  So nice!看到上图的时候,你的感观是不是触动了,就像是看到了一个黑长直的美女一样,叫你忍不住的想多看一眼!那么,美女美在哪里你应该知道吧?如果你不知道,那只能说你真的瞎了,虽然每个的眼光都不一样,但是共同的美的感观肯定还是存在的,那么我们就一起来分析一下吧,上图如此高大上是怎么做到的!

  通过上图我们可以看到的一个设计可以分为几个元素组成:

   产品,就是你要围绕着它为主题来设计的东西,是整个设计的主心骨(当然这个不一定,主次关系,可能因为不同的需求来把控,但是我们首先把它定位在第一位先)。

   背景,背景就是为了衬托出产品的价值,以为整个设计的氛围的一个元素,它是整个设计中好像最不显眼却最重要的一个元素,也是让人非常头疼的一个东西,但是你记住,它终究是配角,不能让它占了主人的位置。

   颜色,在电商设计中,颜色可以说是重中之重,它是体现一个设计水平的重要条件,因为颜色带有感情,能影响人的情绪,所以如何用色,如何布局颜色也是一个重要的课程。

   排版,一个好的排版,能让人的视觉得到舒缓,不易疲劳,且看起来很舒服,所以一个好的排版也是构成一个好设计的重要元素之一

   感情,这个概念有点模糊,上面我们也说了,颜色可以影响我们的情感,但是我为何要分开这一部分来说呢?因为感情除了颜色外还有另外一层的意思,下面我们就会讲到。

  现在我们来总结一下如何去入行电商设计:

  首先实操就是必不可少的,其次就是理解设计的一个思路,(今天我们会把模仿构图讲完,请大家耐心看完),然后我们必须要掌握的设计基础技能(有很多人说,技能那么多,我应该从何学起,那么你平时练习就必不可少了,不知道从何学起,就从模仿人的设计开始,哪个效果不会就在网上找教程,及时练习即时学就是提升最快的一种方式,平时多交流,分享自己的心得,有助于你提高自己的能力),必须要掌握色彩理论,还有构图的.技巧。

  然后把课程表排下来就简单多了:首先每天多看好的设计,理解一个好设计好在哪里,做好笔记!然后多练习,多学习各种不同的效果的制作方法,提升自己的工具设计能力,学习色彩理论,理解颜色的情感,颜色与颜色之间的关系,把握设计动向,现在的设计往哪个方向走,现在流行的元素有哪些?

  总之一句话,如果你真的不知道应该怎么办,那就先去模仿别人的设计,什么不会就现学什么?现在网络传播如此强大,基本上想学的东西都应有尽有,放开你的心来去做吧,别怕自己设计的东西不好,都需要一个过程,慢慢就会好了。

  下面我们就来分析一下,如何时去模仿一个好的设计,我们还是拿上图来分析一下:

  首先我们要正确理解一下,我们说的模仿不是让你抄,其实是让你理解,其实我们抄的只是作者的想法,用色关系和布局,而不是叫你完全的把它抄下来,我们一起来再看一下下图:

关于淘宝美工的构图教程

  首先整个图的设计,我们先来大概的分析一下,是一件夏天穿的圆点连衣裙,主题是波尔卡圆,轻松感,那么我们很快就可以发现作者需要突出的一个氛围就是轻松感。我们来通过上图来大胆猜测一下设计师的设计思路如下:

  由于是现在是夏季,所以蓝天白云打造的氛围是最好不过的一个轻松氛围了,于是刚好黄色与蓝色成对比色,这样黄色就容易突出了,产品的视觉点也就有了,于是背景用蓝色,但是我们来看看,如果大面积的使用蓝色的话,肯定会造成一个视觉疲劳,太刺眼了,我们想像一个蓝天白云是什么样子的?

关于淘宝美工的构图教程

  当我们想到蓝天的时候,白云总是不可缺少的一个元素之一,如果单单只有蓝色,肯定会造成的我们的视觉疲劳,所以我们用白色来辅助一下的话就会达到更好的效果,而且还能营造出静谧轻松的感觉来,所以我们看到上图作者使用了比较大面积的白色来衬托蓝色。

  我们再来理清一下作者的配色思路,因为产品(这里我要把产品看作是坐在椅子上的模特)本身橙色与黄色占的面积较大,所以取了蓝色大面积来压制一下,同时作到一个突出的效果。由于蓝色太刺眼,而且我们需要营造一种轻松的气氛,所以通过蓝天白云的构想,使用白色(略带点粉)玫瑰来点缀背景,使蓝色与白色结色营造出轻松的气氛。

【关于淘宝美工的构图教程】相关文章:

1.淘宝美工构图教程

2.淘宝美工专用调色教程

3.「淘宝美工教程」宝贝详情页

4.20种淘宝美工小技巧教程

5.淘宝美工教程:banner设计文字排版技巧

6.美工设计构图原则

7.美工设计构图技巧

8.传统美工与淘宝美工的区别