200张案例!讲透平面构成的15种表现形式

Date 2025-11-06 16:49:44

200张案例!讲透平面构成的15种表现形式

设计的实用方法来源于基础构成。今天我们就用这篇文章带你学习平面构成的东西。 15 表现形式。

往期干货:

大家好,我是鱼先生,不仅会设计 90 后来解忧大叔。

只有有了骨架的支撑,一个人才能自由活动,所以在设计上也是如此,需要基础作为「骨架」支持设计。

因此,从今天起,鱼先生将陪您学习和巩固设计基础、构图、布局、色彩、设计师心理学等。

今日重点介绍平面构成中的平面构成 15 形式概念及其在商业设计中的应用。

※ 本文案例图片来自网络,仅展示学习,不做商业。

一、骨骼和基本形状

平面构成的形式有:近似、重复、对比、渐变、分割、对称、平衡、纹理、错视、密集、发射、变异、特异、空间与矛盾空间。

在我们开始谈论这些组成形式之前,我们需要了解两个概念点,骨骼和基本形状,因为下面将继续提到它们。

基本形是图片中的点、线、面,或图形、文字等元素由个人或组合组成。

骨骼是画面的规划、框架,骨骼的作用是固定或分割基本形状,从而形成不同的画面视觉。

骨骼由骨架、骨线、骨点和骨单位组成。

如下图所示:

200张案例!讲透平面构成的15种表现形式

骨线可以是看不见的,也可以是图片的一部分。骨骼的表现形式有很多,如重复骨骼、重叠骨骼、渐变骨骼、透视骨骼等。

此外,设计中的网格线和分栏也是骨骼的一种形式,用于规范画面或作为某种依据。

综上所述,构图是通过点、线、表面的基本形状进行分割或组合,形成一种新的形式。基本形状是构成的组成部分,骨骼与人体骨架的存在相似,是构成的规则骨架或起到分割线的作用。

今天,鱼先生先把平面构成了 15 统一讲述种形式,然后对常用实用构成进行深入讲解。

二、构成的 15 种形式

1. 近似构成

近似构成是一种基本形式的近似组合,如将相似属性放置在同一骨骼单位中,但有变化。

如下图:

200张案例!讲透平面构成的15种表现形式

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

200张案例!讲透平面构成的15种表现形式

水果在同一立体方块中的变化

世界上没有两片相同的叶子,但一棵树的叶子是相似的,街上各种各样的人也是相似的,或者你去观察超市的货架,各种各样的商品也有相同的类型,这些都是相似的组成形式。

再比如我们常见的手机 app 应用程序是将无形或有形的骨骼单位分开,而相同的图形是不同的 app 图标,这也是一种类似的组成形式。

如下图:

200张案例!讲透平面构成的15种表现形式

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

200张案例!讲透平面构成的15种表现形式

上面的海报,更直观的类似案例,你可以看到在统一的骨骼单位,即方形,图片的光和阴影角度是变化的,静态和移动的变化。

总的来说,可以看出锥形渐变的角度是从中心发射到周围的,这也属于发射组成,后面会提到。

200张案例!讲透平面构成的15种表现形式

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

200张案例!讲透平面构成的15种表现形式

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

让我们看看其他一些案例,给你一种感觉,如下:

200张案例!讲透平面构成的15种表现形式

当我们考虑使用组成时,我们不应该太僵硬。例如,像上面的小丑面具一样,总属性是面具,但图案和颜色发生了变化。如果你用同样的面具,画面会非常单调和僵硬。

鱼先生说:

近似构成的应用比较广泛,例如 logo 经常使用设计,甚至建筑设计、动画设计等。

综上所述,近似组成的特点是,在两个以上的图形中,规律有一点变化,也可以理解为骨骼不变或少变,基本形状有一定的变化,使图片生动有趣。

2. 重复构成

200张案例!讲透平面构成的15种表现形式

重复构成是我们在一张图片中使用的基本形状的颜色、大小或方向,并定期重复。如果相同的图像出现两次或两次以上,就会形成重复构成的形式。

有太多重复的例子,如道路上的汽车、超市里的水果、联排建筑和军事训练团队。在商业设计中,如三菱 logo,中国移动的 logo 等等,都是重复构成的形式。

200张案例!讲透平面构成的15种表现形式

重复可以给人带来整洁、规律、强调、震撼等特点,但如果使用不好,也会显得太直、太僵硬,画面很容易平淡。

重复组成的形式不需要相同的元素,也可以是不同大小和形状的重复,也可以是相同属性的重复。

让我们来看看一些不同的案例,加深理解和记忆:

“200个案例!15种表现形式由透明平面组成”

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

200张案例!讲透平面构成的15种表现形式

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

200张案例!讲透平面构成的15种表现形式

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

200张案例!讲透平面构成的15种表现形式

重复与近似的结合

200张案例!讲透平面构成的15种表现形式

鱼先生说:

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

如下案例:

200张案例!讲透平面构成的15种表现形式

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

200张案例!讲透平面构成的15种表现形式

重复+变异,黑色灯泡图标中间出现黄色图形,形成视觉焦点

3. 对比构成

对比的表现形式有很多,如尺寸对比、远近对比、虚实对比、明暗对比、动静对比、空间对比、方向对比、位置对比、密度对比、厚度对比等。

200张案例!讲透平面构成的15种表现形式

夸张的大小对比增加了视觉冲击力

总之,反义词的含义可以形成对比形式。让我们延伸一下,黑白、战争与和平、正反等。

对比也可以理解产生冲突,冲突对比容易产生引人注目的效果,常用于设计创意。

比较广泛应用于设计中,然后我 也会单独拿出来再仔细解释。

在案例中与鱼先生一起观察分析:

大小对比和冲突对比使整个画面看起来非常有吸引力,我们可以看到,无论双方的成年人如何制造冲突,甚至恐吓,中间的人仍然保持着平静的微笑,这也是一种情感冲突。

200张案例!讲透平面构成的15种表现形式

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

200张案例!讲透平面构成的15种表现形式

黑白对比采用正负形

200张案例!讲透平面构成的15种表现形式

放大键盘,增加视觉冲突,应该是小键盘变大,角色站在键盘上,就像一场与键盘的竞争,这可以给人视觉上的感觉,非常直观。

您可以自己分析以下案例,加深您的理解:

200张案例!讲透平面构成的15种表现形式

鱼先生说:

对比肯定会产生冲突,可以使用具体的冲突和抽象的冲突,我们不应该太局限于自己的思维,可以放手思考。

冲突是创造力的重要表现形式之一。在适当的设计实战中,可以考虑使用冲突来增加对比度和图片的视觉冲击。

4. 渐变构成

200张案例!讲透平面构成的15种表现形式

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

200张案例!讲透平面构成的15种表现形式

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

200张案例!讲透平面构成的15种表现形式

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

200张案例!讲透平面构成的15种表现形式

书中排列的骨线由大到小,形成透视效果,近大远小。在设计中,透视的比例特别加强,使整个画面更具空间感和视觉冲击力。

再看一些案例,大家自己分析一下,也不复杂:

200张案例!讲透平面构成的15种表现形式

色彩渐变

“200个案例!15种表现形式由透明平面组成”

字体虚实渐变、疏密渐变

200张案例!讲透平面构成的15种表现形式

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

200张案例!讲透平面构成的15种表现形式

杜蕾斯植树节利用海报,虚实渐变

杜蕾斯的海报创意一直比较好,设计师可以关注杜蕾斯,重点是学习别人的创意,不要误入歧途。

200张案例!讲透平面构成的15种表现形式

颜色渐变,密度渐变

从视觉上看,从普通鞋到金鞋的转变似乎是颜色的渐变,但也可以理解为灰姑娘到公主的渐变,更具想象力。

鱼先生说:

作为设计师,我们不能仅仅从具体的角度来思考创造力。我们可以通过图片视觉化抽象思维,使图片看起来更加生动和创造性。

5. 分割构成

200张案例!讲透平面构成的15种表现形式

分割构成,就是把整体分成不同的个体,可以等形分割,有规则分割,无规则分割。

一些设计规则也可以用来分割,比如黄金分割,从而形成视觉美。

直接进入案例观察分析环节:

200张案例!讲透平面构成的15种表现形式

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

200张案例!讲透平面构成的15种表现形式

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

200张案例!讲透平面构成的15种表现形式

窗户结构形成分割

200张案例!讲透平面构成的15种表现形式

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

200张案例!讲透平面构成的15种表现形式

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

200张案例!讲透平面构成的15种表现形式

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

200张案例!讲透平面构成的15种表现形式

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

200张案例!讲透平面构成的15种表现形式

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

200张案例!讲透平面构成的15种表现形式

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

200张案例!讲透平面构成的15种表现形式

等形分割

200张案例!讲透平面构成的15种表现形式

模仿拉链效果的分割

200张案例!讲透平面构成的15种表现形式

以海平面为分割线

200张案例!讲透平面构成的15种表现形式

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

“200个案例!15种表现形式由透明平面组成”

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

200张案例!讲透平面构成的15种表现形式

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

200张案例!讲透平面构成的15种表现形式

鱼先生说:

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

如下图:

200张案例!讲透平面构成的15种表现形式

切割钢琴的一半,然后用文字替换,使整个布局看起来有趣和活跃,不会影响文本的可读性

或者分割可以用来区分画面中不同的层次,然后结合色彩、大小、厚度等形式来丰富布局,增加画面的清晰度和冲击力。

6. 肌理构成

200张案例!讲透平面构成的15种表现形式

纹理构成的概念更容易理解和常见,即我们在生活中所说的纹理、纹理和纹理,如人的皮肤、人的指纹、叶子的上下文、不同的石头纹理等。

质感构成,我想带你去欣赏大自然的美。

200张案例!讲透平面构成的15种表现形式

鱼先生强烈建议你多观察大自然,融入大自然,尤其是与创造有关的职业,因为大自然真的很美,值得学习和敬畏的方面太多了。

接下来,我们来欣赏一些实战案例:

200张案例!讲透平面构成的15种表现形式

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

200张案例!讲透平面构成的15种表现形式

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

200张案例!讲透平面构成的15种表现形式

鱼先生说:

纹理具有自然纹理和人工纹理,纹理的表现形式是增加图片的视觉感、纹理,或与创意相结合。

假如从感觉的角度来看,也分为视觉纹理和触觉纹理,即眼睛看到的纹理和触摸的纹理。

如下图:

200张案例!讲透平面构成的15种表现形式

当我们看到上面的盲文时,或者当你闭上眼睛触摸凹凸的东西时,你感觉到的是触觉纹理。

7. 对称与平衡

对称是指在颜色、大小、面积等方面保持相同,形成对称的形式。

200张案例!讲透平面构成的15种表现形式

对称也是平衡的形式之一。对称在视觉上是美丽和稳定的,但对称的缺点是有点僵硬。

平衡不仅可以通过对称来实现,还可以通过元素的布局、协调、重量、大小、空白等来实现视觉平衡。

200张案例!讲透平面构成的15种表现形式

羽毛平衡杂技

杂技中的平衡表现也可以理解为重心平衡,而不使用对称的形式。

跟随鱼先生看一些案例,加深记忆和理解:

200张案例!讲透平面构成的15种表现形式

两架钢琴左右对称,中间的负空间形成了人物的轮廓,更有趣,引人注目

看下面这个,钢琴在左边很重,为了达到视觉平衡,右边的空白用文字抑制,让整个画面看起来平衡,通过空白,整个画面的透气性也很好,加上主题文本的轻松写作,用来表达音乐节奏、放松、放松的特点。

200张案例!讲透平面构成的15种表现形式

对称构成

200张案例!讲透平面构成的15种表现形式

200张案例!讲透平面构成的15种表现形式

200张案例!讲透平面构成的15种表现形式

以上三张都是视觉平衡

鱼先生说:

对称可以给人一种稳定、整体的感觉,缺点是会有点僵硬、规则,没有破碎的感觉。

这种僵局将在不对称的平衡画面中突破,利用图片、文字等基本形元素来突破规则,同时又不失平衡。

8. 错视

“200个案例!15种表现形式由透明平面组成”

错误的视觉,直观的理解就是可以欺骗你的眼睛,但在现实中并不存在。

错视的表现形式,充满趣味性,会给人意想不到的惊喜,起到吸引眼球、增加视觉冲击力的作用。

先看一个例子:

200张案例!讲透平面构成的15种表现形式

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

200张案例!讲透平面构成的15种表现形式

爷爷是坐在上面还是下面?这取决于你眼睛盯着的位置

爷爷的案例是彭罗斯三角形。让我们来看看动画片:

200张案例!讲透平面构成的15种表现形式

彭罗斯三角形,错视&矛盾空间

错误被广泛应用于绘画中。让我们来看看一些有趣的图片:

200张案例!讲透平面构成的15种表现形式

左右是不同的场景

200张案例!讲透平面构成的15种表现形式

船可以在水中或空中

200张案例!讲透平面构成的15种表现形式

到底有没有桥?

200张案例!讲透平面构成的15种表现形式

图片中有美人鱼,你看到了吗?此外,图片中至少有十个人物,看看你能看到多少个人物?

我们来看看一些设计案例,加深你的理解和记忆:

200张案例!讲透平面构成的15种表现形式

整体和局部是不同的

200张案例!讲透平面构成的15种表现形式

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

200张案例!讲透平面构成的15种表现形式

酒杯与窗户的完美结合

鱼先生说:

正负形也是错视的常见表现形式之一,正负形有趣、视觉,也常用于各种设计案例。

比如我们再看几张:

200张案例!讲透平面构成的15种表现形式

9. 变异和特异

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

200张案例!讲透平面构成的15种表现形式

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

让我们来看看下面两个案例来区分:

200张案例!讲透平面构成的15种表现形式

One Yellow Chick Surrounded by White Chicks with All Staring at the Odd One Out

突然出现的黄色图案,变异中的特异性

200张案例!讲透平面构成的15种表现形式

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

200张案例!讲透平面构成的15种表现形式

字母变成了鸟,变异形式

变异和特异的特点是让有规律的画面打破常规,产生视觉、动态、有趣,尤其是特异,就像 30 个人队列中,有 29 一个男孩穿着黑色的衣服,中间有一个女孩穿着红色的裙子,你可以想象这张照片,这是一个特别的典型例子。

变异的表现形式通常有大小变异、形状变异、颜色变异、方向变异等。

让我们来看看变异和特殊的图片和设计案例:

200张案例!讲透平面构成的15种表现形式

“200个案例!15种表现形式由透明平面组成”

条形码与面条的结合

200张案例!讲透平面构成的15种表现形式

人物的变异

200张案例!讲透平面构成的15种表现形式

建筑物和突然出现的人脸

200张案例!讲透平面构成的15种表现形式

色彩变异

200张案例!讲透平面构成的15种表现形式

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

200张案例!讲透平面构成的15种表现形式

大脑和场记板

200张案例!讲透平面构成的15种表现形式

黑胶唱片和高层建筑

200张案例!讲透平面构成的15种表现形式

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

200张案例!讲透平面构成的15种表现形式

刷子、油漆和花的结合在视觉上非常有趣,可以看到设计师所表达的香味、自然、环保等创意点

鱼先生说:

关键是在有序的环境中打破秩序,或成为另类存在,从而在画面中形成视觉焦点,或使整个画面变异,打破僵局,显得生动、有趣、视觉冲击。

10. 密集构成

密集组成的形式相对自由,分为规则和不规则,密集的表达形式包括大小、密度、方向、虚拟现实、颜色等,或使用点、线、表面元素进行视觉表达。

200张案例!讲透平面构成的15种表现形式

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

200张案例!讲透平面构成的15种表现形式

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

200张案例!讲透平面构成的15种表现形式

在摄影作品中,我们经常看到密集的组成形式,如上图,船舶的不规则排列,形成密集的形式

多看看鱼先生的案例,增加理解和记忆:

200张案例!讲透平面构成的15种表现形式

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

200张案例!讲透平面构成的15种表现形式

鱼先生说:

密集使用可以显示画面的紧张和放松,以及不同的冲突对比,从而增加画面的视觉。

11. 发射构成

200张案例!讲透平面构成的15种表现形式

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

200张案例!讲透平面构成的15种表现形式

发射形式是由离心式、向心式、同心式和上述各种发射形式组成的骨线和基本形式。

在图片和案例中一起观察和学习:

200张案例!讲透平面构成的15种表现形式

自然发射形态之美

200张案例!讲透平面构成的15种表现形式

文字形成一把锋利的刀刃

“200个案例!15种表现形式由透明平面组成”

中心向外散射,起到聚焦的作用

鱼先生说:

发射的作用可以形成一个或多个视觉焦点,也可以衬托主题。例如,最后一个百事可乐的设计使用吸管为可乐制作座椅,后吸管以发射形式呈现,以衬托主题产品。

发射组成看起来很有攻击性,力量感,旋律感,大家可以多观察和实践。

12. 空间与矛盾空间

200张案例!讲透平面构成的15种表现形式

平面构成中的空间利用基本形状,如点、线、表面的密度、透视、尺寸等,从而在视觉上形成空间感,有助于增加画面的视觉冲击力和延伸感。

无论是二维还是三维,在平面构成中,它总是平面的。它的空间不同于室内空间。平面构成中的空间是由长、宽、高制成的视觉错觉。

我们经常看到一些无限循环的电影,比如一个人被困在楼梯里,或者一个人被困在某一天。这些空间只能出现在视觉或影视中,客观上是不存在的。

让我们来看看一些加深理解和记忆的案例:

200张案例!讲透平面构成的15种表现形式

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

200张案例!讲透平面构成的15种表现形式

矛盾空间

矛盾空间属于空间构成。

矛盾空间存在于视觉上,但不存在于现实中。它利用三维空间视角和消失点的变化,形成不合理的空间,给人们带来强烈的视觉冲击。

人们常说的不可能的图形,是矛盾空间的表现形式,这里不得不提到埃舍尔的画家。

200张案例!讲透平面构成的15种表现形式

再比如上面这个,大家可以观察一下,有哪些矛盾?

继续看一些案例,在案例中感受一下:

200张案例!讲透平面构成的15种表现形式

鱼先生说:

利用视觉效果使大家意想不到,从而使整个画面产生趣味性和视觉冲击力。

在讽刺的海报中也可以利用矛盾空间,利用反向意图来达到明确主题的效果。

或者矛盾也可以用于公益海报,造成视觉冲击,从而唤醒人们对自然环境的保护。

以上完成了平面构成。 15 最后,让我们来看看一些综合应用案例。

写在最后

请注意,在商业设计中,并不是说每个设计只能由一个组成部分形成,综合应用也可以,最重要的是掌握设计的功能和视觉美。

比如下图:

200张案例!讲透平面构成的15种表现形式

我们可以看到,在这个设计案例中,我们想表达的是汽车的安全保护,所以它使用了变异、分割、空间、纹理、平衡等。

有些学生可能会认为,在一张图片中使用多种组成形式会感到头晕,事实上,不要担心,在掌握了平面组成的形式后,在以后的设计和应用中学会灵活使用。

如果你过于刻意地思考使用什么,它会限制你的想象力。因此,鱼先生一直强调,每个人对基础的掌握都是为了熟能生巧,让这些基础知识成为你的思维习惯。当然,你会有更多的灵感和创造力。

那我们再看一张,给大家留个小作业。下面这张海报用了哪些平面?

在评论中写下你的答案,看一看,我写得很近 7000 字+找 200 你是否完全吸收了张案例的基本内容。

200张案例!讲透平面构成的15种表现形式

OK,今天,我们的设计教程将在这里结束。对于一些经常使用的组成形式,我将在以后单独详细介绍,以便您能够更深入地理解。

欢迎关注作者微信微信官方账号:「摆渡鱼生」

200张案例!讲透平面构成的15种表现形式