威龙发艺发型设计价格联盟

电商设计中的点、线、面,你的设计师真的会用么

三毛大湿2022-08-17 16:30:14

为什么有些页面看起来那么的平庸,没有层次,甚至觉得很空。究其原因,就是在点线面的运用上没有把握好。今天木一就和大家说下点线面在电商设计中应该如何运用。



如果我们把点、线、面元素恰当地融入作品中,那么整体的设计感就会得到很好的提升。设计中,在画面整体中元素中面积较小且装饰性很强的元素可视为点状元素。


线可以理解为,画面整体中面积不大且具有一定装饰性、连贯性的元素可视为线状元素。


面可以理解为:画面整体中面积较大且整体性很强的元素,往往是一个画面的主体,可视为面。


点、线、面在一个作品中往往不是独立存在的,那么在设计中他们的作用是什么?如何运用呢?


【点的作用】


点作为面积较小的元素,但是在设计整体中所起到的作用却是至关重要的,其实在现实生活中我们也能见到很多点状元素的应用。



中国菜品讲究色香味俱全,所谓“色”就是指看起来要足够诱人,而这里的葱花就能极大的提升“色”的品质。


这里的葱花就可以当做我们所说的点状元素,它在整体中除了能起到一定的调味作用外,更多的是整体的一个点缀。


在设计中同样也是这个道理,点状元素给予我们更多的是装饰性、丰富画面的作用,比如:



通过对比这些海报我们发现,有点状元素的画面整体更精致,而这里的点状元素也并非都是几何图形里的点,形态也都不尽相同。


所以设计中的点可以是:形状、文字、图形、图标、树叶、光效等等,而点在设计中最大的作用就是装饰以及烘托气氛!


但是很多人知道理论,不知道如何合理的使用,那么我们应该在什么时候用点状元素最为恰当呢?

【点的运用方式】


一:当画面整体太空且不适合大面积留白时,可以用到点状元素,目的是装饰、填充空白区域。



这里中间的空白区域并不适合留白,因为这里的留白面积偏大,破坏了画面的整体性。那么我们就可以在留白区域添加一定的点状元素,用于填充空白,增强其整体性,同时也能起到很好的点缀、打破板式的作用!


二:当画面整体气氛不够浓烈时,可以用点状元素加以烘托。



画面主体给人的感觉应该是开心,像站在领奖台上的喜悦,但是上面海报虽然用到点状元素,却给人的感觉氛围不够浓烈,所以我们就可以把点状元素适当的增多,增强整体的气氛,起到了很好的烘托作用!


三:当画面整体太过呆板的时候,可以适当的加一些点状元素活跃板式。



左侧海报给人的感觉太过中规中矩,板式整体有点呆板。而右侧海报则把文案作为画面整体的点状元素的形式排版,使得整体板式更活跃!


四:当画面整体设计感不够强烈时,可以通过点状元素提升整体设计感。



很显然右侧海报的设计感更强,而左侧海报给人感觉太过单薄,而且就是传统的图片加文案,而右侧海报通过添加点状元素,提升了海报整体的逼格,整体的设计感也更强。


【线的作用及运用】


设计中的线是具有连贯性的,面积不大的元素,线的形式可以是几何中的线条,也可以是一段文字,或者是很多点组合而成的,设计中的线条有引导视觉、串联主题、突出主题、分割整体、修饰、分类的作用。


而非几何线条即我们所说的类似点的组合形式或者隐形的线条,其实在设计中同样也能起到上述所说的作用,那么我们应该如何灵活的运用呢?


简单的用一句话来说:缺什么补什么。比如画面整体感觉太乱,元素信息整合不够清晰时,那么我们可以用线引导用户阅读,把信息规整。



通过线条把原本杂乱的多条信息串联为一个整体,同时也起到了引导用户阅读的作用!同样的道理,如果画面想要分割信息时,一样可以用到线条,切记一句话:需要什么就用什么。


【面的运用】


设计中的面很多时候都是主体的载体,因为面较于点、线而言,其面积更大,更加稳重。设计中面的形式也可以有很多种,几何的面、文字、规则与不规则的形状等等,而面在设计中的作用很多时候都充当着主角。




上图的面就是是作为主体的载体形式出现的,无论是很直观的面还是隐形的面,单从面积上看它是画面整体最大的,也是整体中最稳重的部分,所以作为画面主体给人的感觉能起到很好的控制全局的作用。


设计中的面也能起到很好的分割作用,把原本层次不够分明的一个整体通过面的形式分割开。



面的分割在网页中是很常见的,通过区分面的形式划分不同的区域,使得整体层次感更强。


【最后总结】


设计中点线面并不是独立存在的,它们之间互有关联,我们在使用这些技巧时一定要明白为什么使用,它能给作品带来哪些好处;工作中要先学会分析自己的作品,找到其不足之处,对症下药,不能为了使用而使用,一定是因为需要才使用,学会灵活运用所谓的技巧!


一个预告


三毛大湿滑屏营销——卖货秘诀线下课,将于6月27日-28日,在浙江嘉兴电商产业园举行。


想知道内容化营销时代什么才是影响卖货的关键因素么?长按识别下方二维码添加木一为好友进行咨询。


三毛大湿

湿身付出只为更多干货 

扫一扫关注我

友情链接