Date 2025-11-06 16:49:44

设计的实用方法来源于基础构成。今天我们就用这篇文章带你学习平面构成的东西。 15 表现形式。
往期干货:
Hi,我是鱼先生,终身学习实践者。
阅读文章 >大家好,我是鱼先生,不仅会设计 90 后来解忧大叔。
只有有了骨架的支撑,一个人才能自由活动,所以在设计上也是如此,需要基础作为「骨架」支持设计。
因此,从今天起,鱼先生将陪您学习和巩固设计基础、构图、布局、色彩、设计师心理学等。
今日重点介绍平面构成中的平面构成 15 形式概念及其在商业设计中的应用。
※ 本文案例图片来自网络,仅展示学习,不做商业。
平面构成的形式有:近似、重复、对比、渐变、分割、对称、平衡、纹理、错视、密集、发射、变异、特异、空间与矛盾空间。
在我们开始谈论这些组成形式之前,我们需要了解两个概念点,骨骼和基本形状,因为下面将继续提到它们。
基本形是图片中的点、线、面,或图形、文字等元素由个人或组合组成。
骨骼是画面的规划、框架,骨骼的作用是固定或分割基本形状,从而形成不同的画面视觉。
骨骼由骨架、骨线、骨点和骨单位组成。
如下图所示:

骨线可以是看不见的,也可以是图片的一部分。骨骼的表现形式有很多,如重复骨骼、重叠骨骼、渐变骨骼、透视骨骼等。
此外,设计中的网格线和分栏也是骨骼的一种形式,用于规范画面或作为某种依据。
综上所述,构图是通过点、线、表面的基本形状进行分割或组合,形成一种新的形式。基本形状是构成的组成部分,骨骼与人体骨架的存在相似,是构成的规则骨架或起到分割线的作用。
今天,鱼先生先把平面构成了 15 统一讲述种形式,然后对常用实用构成进行深入讲解。
1. 近似构成
近似构成是一种基本形式的近似组合,如将相似属性放置在同一骨骼单位中,但有变化。
如下图:

以窗户为骨骼单位,每个窗户的画面都有变化

水果在同一立体方块中的变化
世界上没有两片相同的叶子,但一棵树的叶子是相似的,街上各种各样的人也是相似的,或者你去观察超市的货架,各种各样的商品也有相同的类型,这些都是相似的组成形式。
再比如我们常见的手机 app 应用程序是将无形或有形的骨骼单位分开,而相同的图形是不同的 app 图标,这也是一种类似的组成形式。
如下图:

接下来,在更多的商业案例中观察和分析鱼先生,加深理解和记忆:

上面的海报,更直观的类似案例,你可以看到在统一的骨骼单位,即方形,图片的光和阴影角度是变化的,静态和移动的变化。
总的来说,可以看出锥形渐变的角度是从中心发射到周围的,这也属于发射组成,后面会提到。

在辅助图形部分,统一方格(骨单位)中的图案发生变化,形成近似组成

以上案例是年轻宠物品牌 VI 在辅助图形部分,在第二张图中,我用蓝色块框架制作了骨骼单元,每个骨骼单元的元素都发生了小的变化,使图片看起来有序,但也有动态和有趣的变化。
让我们看看其他一些案例,给你一种感觉,如下:

当我们考虑使用组成时,我们不应该太僵硬。例如,像上面的小丑面具一样,总属性是面具,但图案和颜色发生了变化。如果你用同样的面具,画面会非常单调和僵硬。
鱼先生说:
近似构成的应用比较广泛,例如 logo 经常使用设计,甚至建筑设计、动画设计等。
综上所述,近似组成的特点是,在两个以上的图形中,规律有一点变化,也可以理解为骨骼不变或少变,基本形状有一定的变化,使图片生动有趣。
2. 重复构成

重复构成是我们在一张图片中使用的基本形状的颜色、大小或方向,并定期重复。如果相同的图像出现两次或两次以上,就会形成重复构成的形式。
有太多重复的例子,如道路上的汽车、超市里的水果、联排建筑和军事训练团队。在商业设计中,如三菱 logo,中国移动的 logo 等等,都是重复构成的形式。

重复可以给人带来整洁、规律、强调、震撼等特点,但如果使用不好,也会显得太直、太僵硬,画面很容易平淡。
重复组成的形式不需要相同的元素,也可以是不同大小和形状的重复,也可以是相同属性的重复。
让我们来看看一些不同的案例,加深理解和记忆:

从视觉上看,这是一个与笔杆有关的主题

以上案例是绿地集团之前设计的样本之一,氢气球元素是重复的。如果我们排放规则,大小相同,顺序规则,那么设计感就消失了,所以在重复中,我们也需要改变一些。

蓝球的重复,大小不同,增加了对比度和视觉效果

重复与近似的结合

鱼先生说:
一个图片可以使用一个或多个组成形式,最终目的是使图片更具视觉冲击力。例如,下面将讨论的重复和变异的结合将使过于规则的图片打破规则,从而形成视觉焦点和图片的醒目效果。
如下案例:

在重复的鸡蛋中,有一个鸡蛋产生变异,打破规律,形成视觉焦点

重复+变异,黑色灯泡图标中间出现黄色图形,形成视觉焦点
3. 对比构成
对比的表现形式有很多,如尺寸对比、远近对比、虚实对比、明暗对比、动静对比、空间对比、方向对比、位置对比、密度对比、厚度对比等。

夸张的大小对比增加了视觉冲击力
总之,反义词的含义可以形成对比形式。让我们延伸一下,黑白、战争与和平、正反等。
对比也可以理解产生冲突,冲突对比容易产生引人注目的效果,常用于设计创意。
比较广泛应用于设计中,然后我 也会单独拿出来再仔细解释。
在案例中与鱼先生一起观察分析:
大小对比和冲突对比使整个画面看起来非常有吸引力,我们可以看到,无论双方的成年人如何制造冲突,甚至恐吓,中间的人仍然保持着平静的微笑,这也是一种情感冲突。

对比大小,画面很有张力和视觉冲击力

黑白对比采用正负形

放大键盘,增加视觉冲突,应该是小键盘变大,角色站在键盘上,就像一场与键盘的竞争,这可以给人视觉上的感觉,非常直观。
您可以自己分析以下案例,加深您的理解:

鱼先生说:
对比肯定会产生冲突,可以使用具体的冲突和抽象的冲突,我们不应该太局限于自己的思维,可以放手思考。
冲突是创造力的重要表现形式之一。在适当的设计实战中,可以考虑使用冲突来增加对比度和图片的视觉冲击。
4. 渐变构成

渐变是一种有规律或不受规律约束的层次变化。根据大小、颜色、虚拟现实、密度等形式对基本形状进行渐变排列。我们常见的有颜色渐变、透视渐变、大小渐变、虚拟现实渐变、密度渐变等。

鸡蛋的颜色故意摆放后,颜色从浅到深形成渐变

通过字体的大小和密度进行排列

书中排列的骨线由大到小,形成透视效果,近大远小。在设计中,透视的比例特别加强,使整个画面更具空间感和视觉冲击力。
再看一些案例,大家自己分析一下,也不复杂:

色彩渐变

字体虚实渐变、疏密渐变

柠檬从新鲜到腐烂,好坏之间的延伸形成了渐变构成

杜蕾斯植树节利用海报,虚实渐变
杜蕾斯的海报创意一直比较好,设计师可以关注杜蕾斯,重点是学习别人的创意,不要误入歧途。

颜色渐变,密度渐变
从视觉上看,从普通鞋到金鞋的转变似乎是颜色的渐变,但也可以理解为灰姑娘到公主的渐变,更具想象力。
鱼先生说:
作为设计师,我们不能仅仅从具体的角度来思考创造力。我们可以通过图片视觉化抽象思维,使图片看起来更加生动和创造性。
5. 分割构成

分割构成,就是把整体分成不同的个体,可以等形分割,有规则分割,无规则分割。
一些设计规则也可以用来分割,比如黄金分割,从而形成视觉美。
直接进入案例观察分析环节:

一刀切形成悬崖,呼应主题

图片的分割,然后用蒙太奇拼接

窗户结构形成分割

人物分割,使整个画面更具延伸感和想象力

纸牌被分成迷宫,给人一种悬念和神奇的感觉

台面的分割,人物和蜜蜂的大小对比,让整个画面富有想象力和趣味性

铅笔内部用水果同构,形成趣味性,增加画面的视觉冲击力

以上两种文本排版,如期刊、杂志设计,通过有形或无形的骨线进行分割,使图片中的文本形成一定的规则,这种排版应注意整体布局的美观和字体的可读性。

镂空的文本在保留文本识别的同时,在肖像上产生分割效果。文本可以作为符号或可读符号存在

等形分割

模仿拉链效果的分割

以海平面为分割线

分割后,用其他元素补充具体物体。整个物体中有一部分,一部分看起来像一个整体,增加了画面的趣味性和生动性。

专辑中的布局划分也是专辑中的一种划分形式。此外,从整个布局来看,不同区域的文本和图片排版也是一种划分形式

在主图中,我们可以看到蒙太奇拼贴由四块组成,一块文字和三个不同的角色

鱼先生说:
分割就是通过骨线的规则或不规则运动,建立不同的区域,在设计中也可以结合分割设计出有趣生动的布局。
如下图:

切割钢琴的一半,然后用文字替换,使整个布局看起来有趣和活跃,不会影响文本的可读性
或者分割可以用来区分画面中不同的层次,然后结合色彩、大小、厚度等形式来丰富布局,增加画面的清晰度和冲击力。
6. 肌理构成

纹理构成的概念更容易理解和常见,即我们在生活中所说的纹理、纹理和纹理,如人的皮肤、人的指纹、叶子的上下文、不同的石头纹理等。
质感构成,我想带你去欣赏大自然的美。

鱼先生强烈建议你多观察大自然,融入大自然,尤其是与创造有关的职业,因为大自然真的很美,值得学习和敬畏的方面太多了。
接下来,我们来欣赏一些实战案例:

局部放大老虎的斑纹毛发形成纹理,增加了视觉吸引力,并与主题文字相呼应

叶子的纹理被放大,与人物的大小形成对比

鱼先生说:
纹理具有自然纹理和人工纹理,纹理的表现形式是增加图片的视觉感、纹理,或与创意相结合。
假如从感觉的角度来看,也分为视觉纹理和触觉纹理,即眼睛看到的纹理和触摸的纹理。
如下图:

当我们看到上面的盲文时,或者当你闭上眼睛触摸凹凸的东西时,你感觉到的是触觉纹理。
7. 对称与平衡
对称是指在颜色、大小、面积等方面保持相同,形成对称的形式。

对称也是平衡的形式之一。对称在视觉上是美丽和稳定的,但对称的缺点是有点僵硬。
平衡不仅可以通过对称来实现,还可以通过元素的布局、协调、重量、大小、空白等来实现视觉平衡。

羽毛平衡杂技
杂技中的平衡表现也可以理解为重心平衡,而不使用对称的形式。
跟随鱼先生看一些案例,加深记忆和理解:

两架钢琴左右对称,中间的负空间形成了人物的轮廓,更有趣,引人注目
看下面这个,钢琴在左边很重,为了达到视觉平衡,右边的空白用文字抑制,让整个画面看起来平衡,通过空白,整个画面的透气性也很好,加上主题文本的轻松写作,用来表达音乐节奏、放松、放松的特点。

对称构成



以上三张都是视觉平衡
鱼先生说:
对称可以给人一种稳定、整体的感觉,缺点是会有点僵硬、规则,没有破碎的感觉。
这种僵局将在不对称的平衡画面中突破,利用图片、文字等基本形元素来突破规则,同时又不失平衡。
8. 错视

错误的视觉,直观的理解就是可以欺骗你的眼睛,但在现实中并不存在。
错视的表现形式,充满趣味性,会给人意想不到的惊喜,起到吸引眼球、增加视觉冲击力的作用。
先看一个例子:

这三条线的长度是一样的,但你似乎认为第一条线比第二条线长,但实际上它们是一样的,因为它们在不同的环境或角度欺骗你的眼睛。

爷爷是坐在上面还是下面?这取决于你眼睛盯着的位置
爷爷的案例是彭罗斯三角形。让我们来看看动画片:

彭罗斯三角形,错视&矛盾空间
错误被广泛应用于绘画中。让我们来看看一些有趣的图片:

左右是不同的场景

船可以在水中或空中

到底有没有桥?

图片中有美人鱼,你看到了吗?此外,图片中至少有十个人物,看看你能看到多少个人物?
我们来看看一些设计案例,加深你的理解和记忆:

整体和局部是不同的

以上最后三张是福田繁雄的错视海报,非常有趣

酒杯与窗户的完美结合
鱼先生说:
正负形也是错视的常见表现形式之一,正负形有趣、视觉,也常用于各种设计案例。
比如我们再看几张:

9. 变异和特异
特异属于变异,但还是有点不同,我放在一起,大家可以更容易理解一些。

变异和特异性,是在有序、有规律的图片中,部分元素产生变异,两者的区别在于变异的数量,特异性是少数或个体产生变异,形成视觉焦点,变异可以是多个基本形状的变异,如上面的番茄案例,是特异性。
让我们来看看下面两个案例来区分:

One Yellow Chick Surrounded by White Chicks with All Staring at the Odd One Out
突然出现的黄色图案,变异中的特异性

突然出现的色彩女孩,特殊形式

字母变成了鸟,变异形式
变异和特异的特点是让有规律的画面打破常规,产生视觉、动态、有趣,尤其是特异,就像 30 个人队列中,有 29 一个男孩穿着黑色的衣服,中间有一个女孩穿着红色的裙子,你可以想象这张照片,这是一个特别的典型例子。
变异的表现形式通常有大小变异、形状变异、颜色变异、方向变异等。
让我们来看看变异和特殊的图片和设计案例:


条形码与面条的结合

人物的变异

建筑物和突然出现的人脸

色彩变异

用文字替换人脸是变异的表现形式

大脑和场记板

黑胶唱片和高层建筑

森林和毛衣的结合很有意义

刷子、油漆和花的结合在视觉上非常有趣,可以看到设计师所表达的香味、自然、环保等创意点
鱼先生说:
关键是在有序的环境中打破秩序,或成为另类存在,从而在画面中形成视觉焦点,或使整个画面变异,打破僵局,显得生动、有趣、视觉冲击。
10. 密集构成
密集组成的形式相对自由,分为规则和不规则,密集的表达形式包括大小、密度、方向、虚拟现实、颜色等,或使用点、线、表面元素进行视觉表达。

有规律的密集性是通过预先设计骨线或基本形状的数量来进行的。不规则是随意的,也要注意画面的平衡和美感。

以上两张图片采用字体密度的组合,使整个画面具有张力感和趣味性,甚至增加了故事性

在摄影作品中,我们经常看到密集的组成形式,如上图,船舶的不规则排列,形成密集的形式
多看看鱼先生的案例,增加理解和记忆:

字体很薄,锤子有力量感。下面文字的密集使用给人一种增加支撑的感觉,使画面充满冲突和张力。制造冲突也是一种创造力的表达。

鱼先生说:
密集使用可以显示画面的紧张和放松,以及不同的冲突对比,从而增加画面的视觉。
11. 发射构成

发射组成,以单点或多点向周围发射和扩散,整体动态和节奏感强,发射表现形式有点发射、多点发射和旋转发射。

发射形式是由离心式、向心式、同心式和上述各种发射形式组成的骨线和基本形式。
在图片和案例中一起观察和学习:

自然发射形态之美

文字形成一把锋利的刀刃

中心向外散射,起到聚焦的作用
鱼先生说:
发射的作用可以形成一个或多个视觉焦点,也可以衬托主题。例如,最后一个百事可乐的设计使用吸管为可乐制作座椅,后吸管以发射形式呈现,以衬托主题产品。
发射组成看起来很有攻击性,力量感,旋律感,大家可以多观察和实践。
12. 空间与矛盾空间

平面构成中的空间利用基本形状,如点、线、表面的密度、透视、尺寸等,从而在视觉上形成空间感,有助于增加画面的视觉冲击力和延伸感。
无论是二维还是三维,在平面构成中,它总是平面的。它的空间不同于室内空间。平面构成中的空间是由长、宽、高制成的视觉错觉。
我们经常看到一些无限循环的电影,比如一个人被困在楼梯里,或者一个人被困在某一天。这些空间只能出现在视觉或影视中,客观上是不存在的。
让我们来看看一些加深理解和记忆的案例:

光影空间也可以理解为正义和邪恶

矛盾空间
矛盾空间属于空间构成。
矛盾空间存在于视觉上,但不存在于现实中。它利用三维空间视角和消失点的变化,形成不合理的空间,给人们带来强烈的视觉冲击。
人们常说的不可能的图形,是矛盾空间的表现形式,这里不得不提到埃舍尔的画家。

再比如上面这个,大家可以观察一下,有哪些矛盾?
继续看一些案例,在案例中感受一下:

鱼先生说:
利用视觉效果使大家意想不到,从而使整个画面产生趣味性和视觉冲击力。
在讽刺的海报中也可以利用矛盾空间,利用反向意图来达到明确主题的效果。
或者矛盾也可以用于公益海报,造成视觉冲击,从而唤醒人们对自然环境的保护。
以上完成了平面构成。 15 最后,让我们来看看一些综合应用案例。
请注意,在商业设计中,并不是说每个设计只能由一个组成部分形成,综合应用也可以,最重要的是掌握设计的功能和视觉美。
比如下图:

我们可以看到,在这个设计案例中,我们想表达的是汽车的安全保护,所以它使用了变异、分割、空间、纹理、平衡等。
有些学生可能会认为,在一张图片中使用多种组成形式会感到头晕,事实上,不要担心,在掌握了平面组成的形式后,在以后的设计和应用中学会灵活使用。
如果你过于刻意地思考使用什么,它会限制你的想象力。因此,鱼先生一直强调,每个人对基础的掌握都是为了熟能生巧,让这些基础知识成为你的思维习惯。当然,你会有更多的灵感和创造力。
那我们再看一张,给大家留个小作业。下面这张海报用了哪些平面?
在评论中写下你的答案,看一看,我写得很近 7000 字+找 200 你是否完全吸收了张案例的基本内容。

OK,今天,我们的设计教程将在这里结束。对于一些经常使用的组成形式,我将在以后单独详细介绍,以便您能够更深入地理解。
欢迎关注作者微信微信官方账号:「摆渡鱼生」
