聊聊平面构成中的点线面

Date 2025-03-07 21:22:28

点、线、面是平面设计的基础,基础知识对设计师的后期成长至关重要。无论表达技巧和形式有多好,如果没有设计的基础和标准,都是有问题的。今天,让我们来谈谈平面构成的基本知识&应用日常设计。

未标题-1.jpg

点、线、面是平面设计的基础,基础知识对设计师的后期成长至关重要。无论表达技巧和形式有多好,如果没有设计的基础和标准,都是有问题的。今天,让我们来谈谈平面构成的基本知识&应用日常设计。

部分案例来源网络,多有得罪请恕罪 O(∩_∩)O哈哈~

内容大纲

1-点/线/面的特征&设计中的应用

2-日常设计中常见的几种平面构成的应用

3-自我提升

一、点线面的基本功能

点-点是点缀和丰富画面氛围的元素(下图左1)

线-线是连接页面,引导视觉,丰富画面(下图)

面-面是信息的载体,分割图片(下图右1)

1.jpg

点的特点是什么?

小、分散、远、大空间比较小、密集。

看看生活中的点:

2.jpg

(围棋、星空)

3.jpg

(雨滴、铃铛)

即使没有绿点,页面仍然很高。当时,在添加了一个小的绿色亮点后,画面改善了视觉感觉,使页面更加透明和丰富。

11.jpg

去掉活跃气氛的飘絮后,画面的气氛就失去了。即使有一些线条驱动画面,气氛也会减弱。

说一说

有对比就有点

点不是单独存在的

用来丰富画面和层次

点可以让你的页面轻轻飘动,也可以让你的页面有速度感

除了这些点,还有很多功能,多观察会看到更多。

线的特点是什么?

细、长、弯、斜

生活中的线:

12.jpg

平面设计中的线:

13.jpg

线的变化

14.jpg

△点、线、面之间的过渡关系

线有位置,长但不宽也不厚。它是点的移动轨迹,是边缘和表面之间的交界处。从形状的意义来看,线只能以一定的宽度表示。点、线、表面可以通过自己的变化切换到另一边。

当线在一定程度上粗化图片时,我们会把它看作是一个表面。点、线、面不是绝对存在的,而是相对存在的。

无形线和有形线

15.jpg

让我们先看看排版中的线。很明显,三个案例中没有几何线。所以我把它们定义为无形线。

16.jpg

看看黑色的条子,我们不难发现。文本的长度、高度也与几何线的变化相对应。为什么我们经常排版丑陋,因为没有厚度和长度的比较。线可以是一条单独的线,也可以是一个元素。点可以是文本,线也可以是。

17.jpg

你看到线了吗?如果没看到,看下图。

18.jpg

通过白线不难发现画面中的线-视线。人物的视线引导我们将视觉转向文本

19.jpg

△ 画面中有形的线

从案例中,清晰的线条使画面具有速度感、层次感和丰富的板式感。

常见的线路应用

信息分类(左1);引导视觉(中间);强调重要性(右1);

20.jpg

21.jpg

线条是对设计的补充,装饰丰富的画面,可以柔和,可以速度,可以静止,千万不要为了加线而加线,这无疑是画蛇添足。

还有很多线的应用就不一一举例了,只要仔细观察就明白了。

脸的特点是什么?

不规则、几何形、偶然性

无形面和有形面

28.jpg

找到面条了吗?不,看下面。

29.jpg

从案例上绘制的黑色块中不难发现,人和物体将我们的图片分为两部分。如果面积超过页面的50%,这些物体、人或元素在图片中的面积比例超过50%,则为表面。它不像几何图形那么清晰,所以我称之为看不见的表面。

设计中有形的表面

30.jpg

从案例上绘制的黑色块中不难发现,几何表面划分了我们的图片,获得了层次感。此外,它还可以作为信息的载体,使文本在图片中更清晰地表达出来。

让我们来看看优秀设计中的点、线、面

31.jpg

用彩色铅笔排列的线条太漂亮了。如果彩虹是一般的。所以当一个元素变成一条线时,这也是一个很好的想法。

32.jpg

用线引导视觉,点也有若隐若现的变化。层次关系明显。

33.jpg

斜切面分割图片,打破传统的表面,使图片充满活力,符合页面主题。

回顾点线面

点-画面的氛围点缀,层次丰富,对比大小有点大

近视构成

40.jpg

1-近视-彼此相似,从远处看是一样的,变化也不一样。

2-自然界中有很多这样的近视形态

3-近视构成是体现画面创意感的好方法,同时失去主体。

41.jpg

海报使用不同类似的任务组成,让人眼前一亮,失去主体。

由近视组成的布局形式

42.jpg

43.jpg

案例中的近视构成使画面变得独一无二,同时也失去了主体。只能用文字来理解意思。

空间构成

1-平面构成中的空间主要是指图片中形成的视觉错觉。

2-空间的性能可以使用,点、线的渐变形式也可以实现形与形的重叠。

3-空间的特殊组合也是一个很好的想法。

44.jpg

海报用文字组合形成一个简单的空间,给人不一样的感觉。很有创意吗?

45.jpg

案列中组合的空间,让人眼前一亮,有新意,耐看。

三、自我提升

多观察,多思考,多做

观察-观察优秀作品中的点、线、面、色、光、质、排版等要素

思考-理解为什么要这样做,这样做的好处

做得更多——做得更好和做得更好取决于你自己

这次分享到此结束,谢谢大家

课程推荐
— Course recommendation —
【红喵设计教育】ps教程-ps零基础课程

红喵设计

【红喵设计教育】C4D基础-C4D软件制作教程

红喵设计

【红喵设计教育】包装设计-免费/PS/AI/CDR/平面设计

红喵设计

【红喵设计教育】版式设计-版式的思路PS/AI/CDR/平面设计/排版技巧

红喵设计

【红喵设计教育】ps基础-ps基础入门教程

红喵设计

【红喵设计教育】CDR基础-CDR零基础入门教程

红喵设计

【红喵设计教育】海报基础-PS合成海报设计教程

红喵设计

【野马设计教育】AI基础-AI软件零基础到精通

红喵设计

Floating Image