欢迎来到深圳爱企网科技有限公司,电子商务网站建设中心!我们只专注于商城网站建设。

点线面在电商设计中的实际运用!

发布时间:2015-08-25 点击次数:文章来自深圳商城网站建设
分享到

电商设计

以前我所理解的海报一般是背景、产品、文案这几部分组成,后来接触了一些设计知识,原来从设计的角度来看,所有的设计作品都可以理解为是点线面组成的。今天把所了解的知识做个总结,总结此文前阅读过的书箱《网店视觉营销》《版式设计法则》还有阿门和豪斯大神在站酷的相关文章等等。
 
点线面

点线面之前的关系是相对的,不是绝对的。
 
点线面
 
再重复一遍,点线面之间的关系是相对的,不是绝对的,这个画面中:A比较B,A是面,B是点。F是面,B是点。
 
小时候刚学素描的时候老师讲过一句话,点连成线,线连成面,这句话也是最近猛然又想起的,直到现在发现原来设计与素描有很多相通之处……在上面这个画面中,C比较B,C是线,B还是点。B多了成了C,C多了成为了E。
 
知道上面这些有什么用吗?我感觉卵用不是太大……大致了解下就可以,至少现在我是这么认为的……主要还是看知道这个玩意对我们有什么帮助……
 
点连成线,线连成面
 
上图中的点线面很好区分,图中的模特以及中间的大三角形可以理解为“面”背景中的小三角形可以理解为“点,背景上的线条装饰可以理解为“线”。
 
电商设计
 
点的元素在电商设计中主要存在的意义就是点缀活跃画面,烘托氛围,丰富画面!

点在画面中觉的表现元素有:绿叶、花瓣、玻璃、火花、几何色块、碎石等等添加点元素的时候注意近实远虚,近大远小的以及疏密的对比等
 
绿叶与花瓣
 
点的实际运用
 
玻璃碎片(这个可以下载玻璃笔刷)
 
点的实际运用
 
火花
 
点的实际运用
 
几何碎片
 
点的实际运用
 
彩片、金币、红包(常见于扁平化风格)
 
点的实际运用
 
点元素的选用主要是契合画面的氛围,使用可以配合主题的点元素,当然点元素绝不止上面几种,下图中的圆形标签也可以理解为“点”。
 
点元素
 
下图中的手表,眼镜,箱子都可以理解为“点”,契合海报的主题的箱包会场。
 
点元素
 
下图中的绿叶、小鸟都可以理解为“点”,配合营造一个早春的主题
 
点元素
 
大家看看有“点”和没有“点”画面是什么样子?是不是少了很多气氛。
 
点元素
 


线的实际运用

 
线的存在意义,渲染画面,引导或分割画面元素,串联画面中的元素。
 
线的实际运用
 
线做为背景用来渲染画面,最常见基本两种,一种是放射性的线,一种是45°的斜线放射性线有很强视觉冲击。45°斜线会有一种失衡带来的运动感,和视觉活力。运用的时候需要注意线条的粗细和长短对比。
 
线的实际运用
 
线条在文案中配合色块可以起到分割画面信息的作用,让文案更有条理。有时候也起引导指向作用,就整个画面而言,文案也可以理解为“线”,比如汉字下面的几行英文小字,它们的存在可以很好的增加画面的细腻感和逼格。

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

 
面的实际运用
 
面一般是画面中的主角,在电商海报中一般就是指产品了。除了产品之外的面,在设计中面元素还经常起到组合信息,分割画面的作用。
 
面的实际运用
 
一些常见的首页基本都是通过色块也就是“面”来组合画面,需要注意的是面与面之间通过不同的排列来灵活对比
 
面的实际运用
 
不得不提现在非常常见的几何色块元素,不规则几何元素让画面背景不再单调,同时让画面增加现代时尚感,同时让画面也有层次和活力。
 
面的实际运用
 
背景采用不同形状切割画面,可以与产品配合,加些投影营造画面的前后层次感,同时也让画面富有活力和动感。
 
面的实际运用

 
你现在能找出下列画面中的点线面了吗?
 
面的实际运用
点线面在电商设计中的实际运用! : http://www.iqwweb.net/tec/25.html