【干货】设计中的点线面到底有什么用？

原创 董浩 超级美工 2017-10-20

兄弟们

姐妹们

大家好

之前写完配色之后准备写下版式，版式当中的最基础的莫过于点线面了，之前有一个粉丝留言问，为什么会有点线面这个概念啊？我当时看到就啧啧称奇，这个问题问的实在太棒了！

为什么会有点线面这个概念？点线面到底是什么？

点线面就是画面中最基础的3个构成元素。是画面的骨架。

点线面的组合会让画面更有美感。让画面更生动活跃。说白了，就是让你的设计能装逼！

你看看下图，一个普通的煎饼果子，加上点和线就直接牛逼了…调性立马上去了

你肯定知道汉字的构成是横批竖捺等笔画，英语是26个字母，音乐的构成元素是

Do rui mi fa suo la xi ，对于设计和美术而言，点线面就是画面最基础的构成元素，所以无论你使用何种设计表现技法，画面中最基本骨架点线面元素是不会变的。

好比人的脸长千奇百怪的都有，但是每人都有五官，人脸都是五官组成。

无印良品的系列海报想必大家都看过，无印良品设计的最大特点是极简。这也是他们的品牌价值观去除了一切不必要的加工和装饰，简单到只剩下素材和功能本身。

对于海报设计来说，想到传递无印良品的价值观，精简到极致，就只剩下点线面了。你明白了没？ 点线面就是画面的骨架，最基础的构成元素。

点线面的概念是谁提出来的呢？

就是下面这位

康定斯基。俄国的艺术家。据说有一天晚上康定斯基打量自己的一幅油画，由于灯光昏暗，只能看到画面大体的线条和色调，虽然主题难以辨认，但是依然有一种魔力的美感，后来康定斯基开始花时间去研究了…在后来康定斯基从几何学的基础上提出了点线面这一概念，通过这三个元素的不同组合成为绘画的构成元素。说白了就是画面的骨架，同时将点线面作为一种观察方法和解构作者设计意图的方法。

点线面之间有什么关系？

点连成线，线连成面。

不知道你看到这句话会不会想到中国的一本古书《道德经》，道德经里有这么一句话，道生一，一生二，二生三，三生万物。点线面与这个道理是完全相通的。所以任何优秀设计最后解构倒推到基本的元素就是点线面。

为什么画面当中一定会有点线面呢？点线面到底各起到什么作用？

你想象一下你站在岸边望着大海，大海上什么都没有，一望无际，就你就觉得这个海略显单调单一。假如你看到大海上有一艘游轮，游轮上方还有几只海鸥，天上还飘着几朵白云，是不是整个画面就有了对比，就丰富起来了。

你看看下面两张对比图，包含点和线（椰树和太阳）的图是不是就比左边的图更有意境，画面更加丰富耐看。

在摄影中也是一样，你看下下面第一张图没有点和线，孤零零的就很单调，第二种图有了周围一些物体的衬托，画面就有了层次感，有了氛围。

那么点线面每个元素自身有什么意义和作用呢？

对于电商设计而言，点等同于点缀、装饰、页面上的小图标等等。点主要起到装饰画面，营造气氛的功能。运用点缀的时候要注意大小的变化。

线最常见2个功能，一个是丰富画面，让画面看起来更精致，另一个就是引导信息或者区隔信息。下面这个图就用了很多线（竖排英文），使得画面看起来很精致。

下面这个活动时间轴就是很常见的利用线去串联引导信息。就像铁路一样，把每一站连接起来。

下面这个导视牌则是利用线把不同的信息区隔开，就像一条马路一样隔开不同地方。为什么会给你产生这种的心里感觉？因为设计就是源于生活。

最后说下面。 假如在一个海报中，面就是代表主产品。假如在一个长页面上，面就会起到信息分组的作用。比如一个手表页面，男款手表一个背景色块，女款手表一个背景色块。同一个色块说明你们属于同一组属性。

下面这个活动模块，一个色块就是一个面，就代表一个活动内容。

最常见的面，除了矩形之外，还有三角形和圆形。三角形的面会给人锋利，运动，男性的味道。圆形的曲面会给人女性柔美的味道。

下面这个图，倾斜的三角色块就给带来运动，动感的调性。

含有圆弧的曲线的页面则会给人带来柔美的的感觉。

总结下：其实点线面理论最大的作用是一种思维方式，推理方式。教你透过优秀的作品看懂原作者的设计思路、作品的设计骨架，从点线面三个维度去分析，看看自己的作品缺少哪个层面的元素，以便自己更好的改进。

实际工作中，很多朋友的作品要么缺少点，要么缺少线。

你看看下面这根薯条，加上一堆看不懂的点和线，就有一种牛逼哄哄的感觉…

国外有很多设计，没有绚丽的特效合成，只是通过点线面配合网格系统就可以实现很有逼格的调性。

当你觉的自己的作品总是差点感觉时，不妨通过点线面的维度去分析揣摩优秀的设计作品，找到自身不足，持续的改进自己，把自己修炼成想要成为的模样。

今天就到这里。