设计中点线面的知识是很多科班生必学的知识点,也有很多人看过有关点线面的文章却不知如何去应用;有些人认为点线面属于很基础的平面设计的知识,不屑深度的研究;而事实上这样基础的知识才是一个设计作品的灵魂所在,套用网络上流行的一句话:“好看的外表千篇一律,有趣的灵魂万里挑一”,要把点线面的知识恰当的融入到我们的设计作品中,提升整体的设计感;这期就和大家说下点线面在设计中应该如何运用?
点线面如果单从字面上理解其实很简单,就是点状、线状、面状几何图形的形式,用一张图表示可以是这样:
只从这张图中我们不难发现,点状元素的特点是分散的,线状元素特点是具有连贯性,面状元素则是整体感更强,这是基于几何的理解方式,而设计中的点线面并不能完全按照这种方式理解,它们之间看似完全独立的元素,实则存在着很大的关联性:
从这张图中我们可以看出点、线、面存在着相辅相成的作用,线可以是很多点有规律组合成的元素,面也可以看做是由很多线组合成的元素,而点的面积足够大时也可以视作为面;这是点线面之间存在的关系,下面我们回归设计中,如何给点、线、面下个定义呢?
在我看来,
- 设计中的点可以理解为:在画面整体中元素中面积较小且装饰性很强的元素可视为点状元素;
- 设计中的线可以理解为:画面整体中面积不大且具有一定装饰性、连贯性的元素可视为线状元素;
- 面可以理解为:画面整体中面积较大且整体性很强的元素,往往是一个画面的主体,可视为面;
点、线、面在一个作品中往往不是独立存在的,那么在设计中他们的作用是什么?如何运用呢?
点作为面积较小的元素,但是在设计整体中所起到的作用却是至关重要的,其实在现实生活中我们也能见到很多点状元素的应用,比如:
中国菜品讲究色香味俱全,所谓“色”就是指看起来要足够诱人,而这里的葱花就能极大的提升“色”的品质;它也就是我们所说的点状元素,它在整体中除了能起到一定的调味作用外,更多的是整体的一个点缀;在设计中同样也是这个道理,点状元素给予我们更多的是装饰性、丰富画面的作用,比如:
通过对比这些海报我们发现,有点状元素的画面整体更精致,而这里的点状元素也并非都是几何图形里的点,形态也都不尽相同;所以设计中的点可以是:形状、文字、图形、图标、树叶、光效等等,而点在设计中最大的作用就是装饰以及烘托气氛!但是很多人知道理论,不知道如何合理的使用,那么我们应该在什么时候用点状元素最为恰当呢?
一:当画面整体太空且不适合大面积留白时,可以用到点状元素,目的是装饰、填充空白区域,比如:
这里中间的空白区域并不适合留白,因为这里的留白面积偏大,破坏了画面的整体性,那么我们就可以在留白区域添加一定的点状元素,用于填充空白,增强其整体性,同时也能起到很好的点缀、打破板式的作用!
二:当画面整体气氛不够浓烈时,可以用点状元素加以烘托,比如:
画面主体给人的感觉应该是开心,像站在领奖台上的喜悦,但是上面海报虽然用到点状元素,但是给人的感觉氛围不够浓烈,所以我们就可以把点状元素适当的增多,增强整体的气氛,起到了很好的烘托作用!
三:当画面整体太过呆板的时候,可以适当的加一些点状元素活跃板式,比如:
左侧海报给人的感觉太过中规中矩,板式整体有点呆板;而右侧海报则把文案作为画面整体的点状元素的形式排版,使得整体板式更活跃!
四:当画面整体设计感不够强烈时,可以通过点状元素提升整体设计感:
很显然右侧海报的设计感更强,而左侧海报给人感觉太过单薄,而且就是传统的图片加文案,而右侧海报通过添加点状元素,提升了海报整体的逼格,整体的设计感也更强!
设计中的线是具有连贯性的,面积不大的元素,线的形式可以是几何中的线条,也可以是一段文字,或者是很多点组合而成的,关于几何中线条的作用在《设计中线条的妙用,你造吗?》文章中有很详细的介绍,这里就以总结的形式和大家说下:设计中的线条有引导视觉、串联主题、突出主题、分割整体、修饰、分类的作用;而非几何线条即我们所说的类似点的组合形式或者隐形的线条,其实在设计中同样也能起到上述所说的作用,那么我们应该如何灵活的运用呢?
简单的用一句话来说:缺什么补什么;比如画面整体感觉太乱,元素信息整合不够清晰时,那么我们可以用线引导用户阅读,把信息规整:
通过线条把原本杂乱的多条信息串联为一个整体,同时也起到了引导用户阅读的作用!同样的道理,如果画面想要分割信息时,一样可以用到线条,切记一句话:需要什么就用什么!
设计中的面很多时候都是主体的载体,因为面较于点、线而言,其面积更大,更加稳重;而设计中面的形式也可以有很多种,比如:几何的面、文字、规则与不规则的形状等等,而面在设计中的作用很多时候都充当着主角,比如:
这里的面都是作为主体的载体形式出现的,无论是很直观的面还是隐形的面,单从面积上看它是画面整体最大的,也是整体中最稳重的部分,所以作为画面主体给人的感觉能起到很好的控制全局的作用!
设计中的面也能起到很好的分割作用,把原本层次不够分明的一个整体通过面的形式分割开,比如:
面的分割在网页中是很常见的,通过区分面的形式划分不同的区域,使得整体层次感更强!
设计中点线面并不是独立存在的,它们之间互有关联,我们在使用这些技巧时一定要明白为什么使用,它能给作品带来哪些好处;工作中要先学会分析自己的作品,找到其不足之处,对症下药,不能为了使用而使用,一定是因为需要才使用,学会灵活运用所谓的技巧!
原文地址:美工美邦(公众号)
作者:张家彬