深度解密：设计中的点线面

设计中点线面的知识是很多科班生必学的知识点，也有很多人看过有关点线面的文章却不知如何去应用；有些人认为点线面属于很基础的平面设计的知识，不屑深度的研究；而事实上这样基础的知识才是一个设计作品的灵魂所在，套用网络上流行的一句话：“好看的外表千篇一律，有趣的灵魂万里挑一”，要把点线面的知识恰当的融入到我们的设计作品中，提升整体的设计感；这期就和大家说下点线面在设计中应该如何运用？

 

 

点线面如果单从字面上理解其实很简单，就是点状、线状、面状几何图形的形式，用一张图表示可以是这样：

只从这张图中我们不难发现，点状元素的特点是分散的，线状元素特点是具有连贯性，面状元素则是整体感更强，这是基于几何的理解方式，而设计中的点线面并不能完全按照这种方式理解，它们之间看似完全独立的元素，实则存在着很大的关联性：

从这张图中我们可以看出点、线、面存在着相辅相成的作用，线可以是很多点有规律组合成的元素，面也可以看做是由很多线组合成的元素，而点的面积足够大时也可以视作为面；这是点线面之间存在的关系，下面我们回归设计中，如何给点、线、面下个定义呢？

在我看来，

• 设计中的点可以理解为：在画面整体中元素中面积较小且装饰性很强的元素可视为点状元素；
• 设计中的线可以理解为：画面整体中面积不大且具有一定装饰性、连贯性的元素可视为线状元素；
• 面可以理解为：画面整体中面积较大且整体性很强的元素，往往是一个画面的主体，可视为面；

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

 

 

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

中国菜品讲究色香味俱全，所谓“色”就是指看起来要足够诱人，而这里的葱花就能极大的提升“色”的品质；它也就是我们所说的点状元素，它在整体中除了能起到一定的调味作用外，更多的是整体的一个点缀；在设计中同样也是这个道理，点状元素给予我们更多的是装饰性、丰富画面的作用，比如：

通过对比这些海报我们发现，有点状元素的画面整体更精致，而这里的点状元素也并非都是几何图形里的点，形态也都不尽相同；所以设计中的点可以是：形状、文字、图形、图标、树叶、光效等等，而点在设计中最大的作用就是装饰以及烘托气氛！但是很多人知道理论，不知道如何合理的使用，那么我们应该在什么时候用点状元素最为恰当呢？

 

 

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

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

 

二：当画面整体气氛不够浓烈时，可以用点状元素加以烘托，比如：

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

 

三：当画面整体太过呆板的时候，可以适当的加一些点状元素活跃板式，比如：

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

 

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

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

 

 

设计中的线是具有连贯性的，面积不大的元素，线的形式可以是几何中的线条，也可以是一段文字，或者是很多点组合而成的，关于几何中线条的作用在《设计中线条的妙用，你造吗？》文章中有很详细的介绍，这里就以总结的形式和大家说下：设计中的线条有引导视觉、串联主题、突出主题、分割整体、修饰、分类的作用；而非几何线条即我们所说的类似点的组合形式或者隐形的线条，其实在设计中同样也能起到上述所说的作用，那么我们应该如何灵活的运用呢？

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

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

 

 

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

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

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

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

 

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