淘宝美工纯干货!“点线面”在淘宝美工设计中的运用
4649人阅读
  •   一般来讲分析一张海报图都会从产品、背景、文案、配色、排版这几块组成的,今天小编带你来了解了解“点线面”及“点线面”在淘宝美工设计中的运用。

      淘宝美工

      点线面之间的关系是相对的,不是绝对的。

      淘宝美工

      在重复一遍,点线面之间的关系是相对的,不是绝对的,这个画面中:

      A比较B,A是面,B是点。 F比较B,F是面,B是点。

      小时候刚学素描时候老师讲过一句话,点连成线,线连成面,这句话也是最近猛然又想起的,直到现在发现原来设计与素描有很多相通之处……在上面这个画面中,C比较B,C是线,B还是点。B多了连成了C,C多了连成为E。

      知道上面这些有什么用吗?我感觉卵用不是太大……大致了解下就可以,至少现在我是这么认为的……主要还是看知道这个玩意对我们有什么帮助…

      淘宝美工

      上图中的点线面很好区分,图中的模特以及中间的大三角形可以理解为“面”背景中的小三角形可以理解为“点”,背景上的线条装饰可以理解为“线”。

      淘宝美工

      点的元素在电商设计中主要存在的意义就是点缀活跃画面,烘托氛围,丰富画面!点在画面中常见的表现元素有:绿叶、花瓣、玻璃、火花、几何色块、碎石等等添加点元素的时候注意近实远虚,近大远小的以及疏密的对比等。

      绿叶与花瓣

      淘宝美工

      玻璃碎片(这个可以下载玻璃笔提升)

      淘宝美工

      火花

    淘宝美工  

      几何碎片

      淘宝美工

      彩片、金币、红包(常见于扁平化风格)

      淘宝美工

      点元素的选用主要是要契合画面的氛围,使用可以配合主题的点元素,当然点元素绝不止上面几种,下图中的圆形标签也可以理解为”点“。

      淘宝美工

      下图中的手表,眼镜,箱子都可以理解为“点”,契合海报的主题箱包会场。

      淘宝美工

      下图中的绿叶、小鸟都可以理解为”点“,配合营造一个早春的主题

      淘宝美工

      大家看看有”点“和没有”点“画面是什么样子?是不是少了很多气氛。

      淘宝美工

    淘宝美工

      线的存在意义,渲染画面,引导或分割画面元素,串联画面中的元素。

      淘宝美工

      线做为背景用来渲染画面,最常见基本两种,一种是放射性的线,一种是45°的斜线放射性线有很强视觉冲击。45°斜线会有一种失衡带来的运动感,和视觉活力。运用的时候需要注意线条的粗细和长短对比。

      淘宝美工

      线条在文案中配合色块可以起到分割画面信息的作用,让文案更有条理。有时候也起引导指向作用,就整个画面而言,文案也可以理解为“线”,比如汉字下面的几行英文小字,它们的存在可以很好的增加画面的细腻感和逼格。如下图

      淘宝美工

      线条在画面中也有引导指向作用,串联信息的作用,如下图

      淘宝美工

      面一般是画面中的主角,在电商海报中一般就是指产品了。除了产品之外的面,在设计中面元素还经常起到组合信息,分割画面的作用。

      淘宝美工

      一些常见的首页基本都是通过色块也就是“面”来组合画面,需要注意的是面与面之间要通过不同的排列来灵活对比。

      淘宝美工

      不得不提现在非常常见的几何色块元素,不规则几何元素让画面背景不再单调,同时让画面增加现代时尚感,同时让画面也有层次和活力。

      淘宝美工

      背景采用不同形状切割画面,可以与产品配合,加些投影营造画面的前后层次感,同时也让画面富有活力和动感。

      淘宝美工

      你能看出下面海报中的“点线面”吗?

      淘宝美工

    淘宝美工

    淘宝美工

          用不同的方法分析图片的出来的结论就会不一样,入伙用以前的产品、背景、文案、配色、排版来分析的话也是可以的,不信你去试试,每个人设计风格也会有不同,所以只要你看懂了这篇文章懂了什么点线面在以后去做图分析图片的时候可以运用到那这篇文章就没有写错了。

    小编推荐阅读《淘宝美工:怎样才是一张成功的海报

    小编推荐阅读《淘宝美工从不告诉你的主图技巧

    查看更多相似文章
    发表评论
    昵称
    问答
    网上开店
    淘宝运营
    活动大促
    其他

    ©Copyright ©2007-2017 www.kaitao.cn (开淘网) All Rights Reserved