美工设计 百分网手机站

淘宝美工构图教程(2)

时间:2017-06-13 16:19:12 美工设计 我要投稿

淘宝美工构图教程

  所以我们在配色的时候,我们也可以通过这一种思路来进行配色,首先取我们首要突出的颜色,然后对其进行分析,得出我们需要用到的其它颜色。

  接下来我们来看设计的布局,通过上面的布局,我们可以画出一个作者的布局图来:

淘宝美工构图教程

  上图我把作者的布局用数字标示出来,也是方便大家理解作者的布局思路,主次突出的顺序分别从1-3,所以我们来看一下,产品在页面占的位置大概是占了整个页面的3分,(以黄金分割比例来说,我们大概把内容的主次分成3/7,也就是说重点和非重点之间的一个关系,)我们用一个比较直观的图来分析一下,其实这个图的布局相对也是非常简单的:

淘宝美工构图教程

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

淘宝美工构图教程

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

  刚才我们也说了,这个设计出发点是突出夏天的静谧气氛,但同时我们也不能忽略了产品本身的气质,在选取配色的时候,我们选用了蓝天白云的这个概念,但是产品是优雅高贵系列的,如果我们用白云的话,就略显调皮了,所以作者用了一朵玫瑰花来代替白云,白中带点淡淡的粉色,衬托出优雅高贵的气质,并用了阴影色来点缀玫瑰花,增加了对比与静谧的感觉,这里就是我之前所提到的感情元素,我们可以从平时的很多设计中看到,例:

淘宝美工构图教程

  上图中的绿叶,这样的一种动感效果,带给我们一种春天的气息一样的感觉,代表了一种纯净美感。

淘宝美工构图教程

  上图中的玫瑰花,带给我们不一样的视觉感受,同时也影响了我们的情感,这其实就是一种视觉情感,由静到动的一种引导。

  聊到这里,我们大概也理清了作者的思路,其实本文我们讲得很长,实际我们总结出来,也不过就是一两句话的事情,重要的还是学会从哪些方面去分析一个好的设计,下面我们来总结一下:

  产品:颜色黑白橙黄(这里我们把椅子也当成是产品的一部分)要突出夏天的静谧的感觉→于是我们得出颜色(采用夏天的天空)蓝色为背景主色,用白色来辅助→产品亮点是波尔卡圆点,于是我们把字体定位成准圆体,并对其进行修饰,突出圆点这个概念元素→产品本身是优雅高贵的气质,于是我们摒弃了白云这个元素,改用玫瑰花来点缀(白色带点淡粉色的玫瑰花本身就有高贵静谧的感觉,再加上阴影的衬托,对比感觉使得这个元素带来的感觉更加直观)→注意留白,来大家足够的思维空间来创造他需要赋予这个设计的情感,别总是把设计堆得满满的,让人的眼睛都不知道往哪里放,在看官看到一个元素后,要给他足够的空间去思考,创造他自己的情感,千万不能让他情绪急躁了。