平面新人必备！超详细的「点/线/面」基础知识

​​

总感觉画面空空的，作为平面新手，却不知加什么好？

经常被说「作品看上去平平无奇」，忍不了背后「指点江山」？

嗨呀！今天咱们平面设计实战营@HE毛蛋老师就来给你支招！

带来一篇点线面的运用干货文，平面新人必备知识点！

一、引言

设计中编排时，我们往往会因编排效果单调无趣，苦恼许久。看着自己的作品，脑袋里却没有想法。

或许，这是因为编排时，你忽略掉了一些细节，才让作品看起来很普通。

「细节」并不一定是很复杂的东西，运用简单的「点线面」，也能很好的起到增添细节的作用。今天我们就来给大家讲讲，如何运用好点线面，为自己的作品增添细节！

二、平面构成的基础

在向大家说明点线面的运用之前，我们需要来了解一下相关的基础知识：什么是「点线面」？

在平面构成的定义中：视觉元素在二次元的平面上，按照美的视觉效果、力学的原理，进行编排和组合，它是以理性和逻辑推理来创造形象、研究形象与形象之间的排列的方法，是理性与感性相结合的产物。而在设计中使用的、出现的各种视觉元素，我们都可将其视为点线面的其中内容。

我们的设计作品，也是依靠点、线、面之间的不同排列组合所搭建而成的。

1.点

在点线面中最基础的是「点」，点是在画面的构成中处于最单一的一种元素。

其表现不仅仅是我们平时脑海中所想到的一个「小圆点」，一个小小的文字，一个小图案，各种类型的几何图形都可以是“点”。

当我们手中掌握着这些「点」，我们可以怎么样去对其进行构成呢？

接下来，我们列举一些常见的「点」的构成形式：

而这些「点」元素的不同构成形式，就能在画面中起到不同的作用。

△ 少量独立的点，能够对画面的信息，起到一定的聚焦，强调作用

△ 重复排列的点，能为画面带来秩序感

△ 点的大小，色彩变化，能够为画面带来韵律变化

△ 有指向性的点元素，能够带来一定的引导作用

2.线

我们可以将「线」，看做是不断缩小点与点之间的距离后的结果，又或者是点的运动轨迹。 但是不管是何种形式，线性元素都是以一个连贯的形式，出现在画面中。

而这个连贯的形式，又可以延伸出各种各样的形态。像横线，有延伸感；竖线有突破感；斜线有速度感；而曲线有柔和感。

我们也可以通过将不同形态的线进行组合，去构成一些常见的「线」的构成形式：

对于这些“花里胡哨”的线的构成形式，是否真的能用到作品上，同学们可能还心存疑虑。

我们可以看看下面的这些案例，它们是如何运用这些构成形式的。

△ 通过线性的关联，增强内容之间的联系

△ 利用线元素的特点，为画面强化速度特征，丰富画面细节

△ 线元素的划分功能，将信息与环境分隔开来，即可增强信息的关注点

3.面

「面」既是点，也是线的集合体。比起线，面多了一个维度，其拥有「面积」的属性。在画面构成使用的时候，多是为画面起到一定的视觉重心作用。

面的类型也是各种各样的。其中主要分为两大类：几何形，不规则形。

其中，几何形常见的有：

不规则形则没有什么区分界限，不少内容在平面设计中，都是充当不规则形的「面」元素在构成画面的。

常见的有人像、不规则曲面、大面积的主标题、插图元素、乃至是大面积的密集文本，都是画面中的面。

至于面的构成，我们也可以看看一些常见的形式：

而这些构成形式，在设计作品中，可以像下面的作品那样体现出来。

△ 通过面的分隔间隔，划分空间，让整个画面变得有条理的同时，利用大小对比产生变化

△ 面与面之间交错产生的形状变化，可以打破过于单一的秩序感，让画面更有趣生动

△ 柔和的曲面与有秩序感的直线面的反差，让信息更加的清晰，易于辨别浏览

以上就是我们在学习运用点线面之前，必须要了解的基础知识。

接下来让我们一起学下，该如何应用点线面，为画面增添细节。

三、点线面的构成应用

实际的设计过程中，我们大多都不是凭空创造点线面，然后再去构成画面的，而是根据基本的内容，再为其划分「定位」。不同的元素定位，在版面中，有不同的功能和作用。

「点」：点缀画面，强调信息。

「线」：引导视线，划分画面空间，增强信息的联系作用。

「面」：承载信息，塑造背景。

▌案例1：

△ 上稿通过面的上下分布，使得整个版面稳定，再通过上下与中间的面积疏密变化，让主标题的表达区域更加干净整洁，适当的线性元素和点元素，增加的细节的同时，也将信息联系起来了。而不同色彩的面元素变化，也让主标题成为了画面的视觉中心，让整体的表达干脆利落。

▌案例2：

△ 画面内容太过集中，导致整个画面近乎仅由面元素构成，这就是使得版面单一无趣的元凶之一。通过增加线元素扩展版面，点元素也是一个点缀画面的好帮手。如此一来，画面构成变得丰富起来后，原先的单调乏味也就不复存在了。

▌案例3：

△ 对重点信息区域进行大量点线面的堆砌，有可能得不偿失，此时我们需要留意整体版面的层级与阅读体验。有秩序的版面中的适量变化，才能让画面在精致的同时，拥有着良好的可读性。

四、总结

文末按照老规矩，我们总结一下。

实际上，「点线面」可以是任何形态。

比如一只蚂蚁，一颗石头，它们是点。一排蚂蚁正在路上搬家，它们就是线。而大量的蚂蚁堆积起来，抢面包屑，它们就变成了面。

通过上述的案例，我们可以了解到，合理的点线面构成，才能够让作品站得住脚。设计时，通过适当的利用不同的构成形式，能够为画面带来不同的特征与细节；不同元素的多与少，疏与密都会影响整个画面的直观感受。所以，当我们在进行设计的时候，不妨多尝试从点线面的角度去构成画面，让整个版面的塑造流程都清晰明了。

点线面是平面设计中基础知识，当然不少设计新人，如果想作品变得更出彩，还需学更多原理和准则，比如网格系统、情绪版、信息梳理逻辑、版面中视线移动的规律，等等基础知识。这些基础知识对设计师后期成长，将会起到至关重要的作用。假如没有设计的基础和准则，再好的表现技法和形式，都会出现一定问题。

好啦！今天的干货分享就到这里。

如果看到这里，小伙伴们想要短期内，就能系统学会平面，，做一名懂原创思维，会独立思考做设计的平面设计师。

嗯，

本周四 ，

也就是 7 月 2 日，

平面营即将开启新一期课程。

有啥疑问，

或者想咨询报名，

都可以添加咱们客服老师微信 ▶uisdc3 ◀

还有 2 天，即将开始

（心急了解课程大纲、时间、报名方式等问题的，可直接添加客服老师，等你来咨询哦！）

1.21节超长课时+15节福利图文小讲堂+17个专项考核作业+独家素材资源+设计原创思维。

2.一对一精准指导+上课考勤全程统计+助教老师在线及时答疑+150多名交流伙伴。

3.学会使用合理适用的字体、构图，打好平面设计的基础，能够会原创，设计流程。

4.毕业考核完成，还可以进入平面进阶营，跟着老师一起做练习，免费终身学习哦！比如优设标题黑，就是老师们带着学员一起做基础字型，和字由多名设计师共同设计。

以下为部分学员作品，由于内容过多，只展示部分，想看更多内容，可以咨询

客服老师微信 ▶uisdc3 ◀