这是鱼先生的第2篇设计教程

大家好，我是鱼先生，不止会设计的90后解忧大叔。

一个人有了骨架的支撑，才能活动自如，那么在设计中也是如此，需要基础作为「骨架」来支撑设计。

所以从今天起，鱼先生会陪着你一起学习和巩固设计基础，构成、版式、色彩、设计师心理学等。

今天重点讲平面构成中的15种形式概念以及在商业设计中的应用。

本文近7000字，200张案例，预计阅读5到10分钟。

※ 本文案例图片来自网络，仅限展示不做商用。

骨骼和基本形

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

在开始讲这些构成形式之前，我们先要了解两个概念点，骨骼和基本形，因为下面会不断地提到。

基本形，是画面中的点线面，或者图形、文字等元素内容以个体或组合组成。

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

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

如下图所示：

骨骼线可以是隐形的，也可以成为画面的组成部分，骨骼的表现形式有很多，比如重复骨骼、重叠骨骼、渐变骨骼、透视骨骼等。

另外，设计中的网格线、分栏也是骨骼的一种形式，作用是用来规范画面或作为某种依据而存在。

总结一下，构成是通过点线面基本形拆分或组合成为新的形态，基本形是构成的组成部分，骨骼是类似人体骨架的存在，是构成的规则骨架或起到分割线的作用。

今天鱼先生先把平面构成的15种形式统一讲一遍，之后会把其中常用实用的构成形成拿出来深入讲解，都会免费分享在公众号。

构成的15种形式

01 近似构成

近似构成，是基本形态的近似组合，比如在同一骨骼单位内放置同类属性但又具备变化的形式。

如下图：

▲ 以窗户为骨骼单位，每个窗户画面又具备变化

▲ 同样的立体方块内水果的变化

世界上没有两片相同的叶子，但是一棵树的叶子是近似的，大街上形形色色的人也是近似的，或者你去观察超市的货架，琳琅满目的商品也有同一个类型的，这些都是近似的构成形式。

再比如我们常见的手机app应用，就是用无形或有形的骨骼单位分割开来，而相同的图形内是不同的app图标，这也是近似构成的形式。

如下图：

接下来跟着鱼先生一起在更多的商业案例中观察分析，加深理解和记忆：

上面这张海报，比较直观的近似案例，可以看到在统一的骨骼单位内，也就是方格内，图片的光影角度是变化的，静中有动的变化。

整体看，可以看出锥形渐变的角度是从中心往四周发射的，这个也属于发射构成，后面会讲到。

▲ 辅助图形部分，统一方格（骨骼单位）内的图案产生变化，形成近似构成

上面这个案例，是一个年轻宠物品牌VI辅助图形部分，第二张图上面，我用蓝色色块框出了骨骼单位，每个骨骼单位内的元素发生了小的变化，让画面显得有秩序的同时，也具备变化的动感和趣味性。

我们再看一些其他的案例，给大家找找感觉，如下：

 我们在考虑构成使用的时候不要太死板，比如像上面的小丑面具，总属性都是面具，但里面图案和色彩有所变化，如果你都使用一摸一样的面具，那么画面就会非常单调呆板。

鱼先生说：

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

总结一下，近似构成的特点就是，在两个以上的图形中，规律中有一点变化，也可以理解为骨骼不变或少变，基本形产生一定的变化，从而让画面变得生动、趣味。

02 重复构成

重复构成，是在一个画面中，我们所运用基本形的色彩、大小或方向等，有规律的重复出现，同样的形象出现两次或以上就形成了重复构成的形式。

重复的例子太多了，比如马路上的汽车、超市的水果、联排的建筑、军训的队伍都属于重复的形式。在商业设计中，比如三菱logo，中国移动的logo等，都是重复构成的形式。

重复能够给人带来整齐、规律、强调、震撼等特点，但是运用不好的话，也会显得太过板正、呆板，画面就很容易平平无奇。

重复构成的形式不是必须要相同的元素，也可以是大小不同、形状不同等方式的一种重复，或者同一种属性的重复。

一起来看一些不同的案例，加深理解与记忆：

▲ 从视觉上看，这是一个与笔杆子有关的题材

上面这个案例，是以前给绿地集团设计的样册其中的一个对开页，其中的氢气球元素就是重复，如果我们很规整的去排放，大小一样，顺序规整，那么设计感就没有了，所以在重复中，我们也需要来点变化。

▲  蓝色小球的重复，大小不一样，增加对比和视觉性

▲  重复与近似的结合

鱼先生说：

一个画面中可以运用单个或多个构成形式，最终的目的是为了让画面更具备视觉冲击力，比如下面会讲到的重复与变异的结合，就会让太规律的画面打破规律，从而形成视觉焦点，以及画面的吸睛效果。

如下案例：

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

▲ 重复+变异，黑色灯泡图标的中间出现一个黄色的图形，形成了视觉焦点

03 对比构成

对比的表现形式有很多，比如大小对比、远近对比、虚实对比、明暗对比、动静对比、空间对比、方向对比、位置对比、疏密对比、粗细对比等。

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

总之呢，反义词含义都可以形成对比形式，咱们延伸一下，黑与白，战争与和平，正与反等。

对比还可以理解产生冲突，冲突式对比很容易产生吸睛的效果，经常被我们运用在设计创意中。

比如下面这组创意，就是一个很好的冲突案例：

延伸到抽象的理解，还有情绪对比、心理对比，这都是对比的一种形式。

对比在设计中的应用非常广泛，之后我也会单独拎出来再仔细讲解。

跟着鱼先生一起在案例中进行观察和分析：

大小对比、冲突式对比，让整个画面看起来非常吸引视觉，而且我们看到，无论两边的大人如何制造矛盾，甚至有恐吓情绪，中间的人仍旧保持平静的微笑，这也是一种情绪的冲突。

▲ 大小对比，显得画面非常有张力和视觉冲击力

▲ 黑白对比，运用了正负形

放大键盘，增加视觉冲突，本来应该小的键盘变大了，人物站在了键盘上，就好像是一场用键盘展开的竞争，这是从视觉上就可以给人的感觉，非常直观。

下面的案例，大家可以自己分析一下，加深理解：

鱼先生说：

对比一定会产生冲突，具象冲突和抽象冲都可以运用，大家不要太局限自己的思维，可以放开的去思考。

冲突是创意的重要表现形式之一，在适合的设计实战中可以考虑运用冲突，增加对比以及画面的视觉冲击力。

04 渐变构成

渐变是有规律或不受规律约束的层次变化，把基本形按照大小、色彩、虚实、疏密等形式进行层次的渐变排列效果，我们常见的有颜色渐变、透视渐变、大小渐变、虚实渐变、疏密渐变等。

▲ 鸡蛋的颜色刻意摆放之后，颜色从浅到深形成了渐变

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

书本排列的骨骼线由大到小，形成了透视效果，近大远小，在设计中，特意加强透视的比例，从而让整个画面更具备空间感和视觉冲击力。

再一起多看一些案例，大家自己分析看看，也并不复杂：

▲ 色彩渐变

▲ 字体的虚实渐变，疏密渐变

▲ 柠檬从新鲜到腐坏，好与坏之间的延伸形成了一个渐变构成 

▲ 杜蕾斯植树节借势海报，虚实渐变

杜蕾斯的海报创意一直都比较不错，做设计的都可以关注一下杜蕾斯，重点是学习人家的创意思想，可别跑偏了。

▲ 色彩渐变，疏密渐变

从视觉上来看，普通鞋子到金色鞋子的蜕变，看似是颜色渐变，但延伸一下也可以理解为灰姑娘到公主的渐变构成，这样更具备想象力。 

鱼先生说：

作为设计师不能仅仅从具象方面去思考创意，我们可以通过画面把抽象的思考视觉化，从而让画面显得更加生动、具备创意。

05 分割构成

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

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

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

▲ 一刀切形成了悬崖，与主题形成呼应

▲ 图片的分割，再运用蒙太奇手法拼接

▲ 窗户结构形成了分割

▲ 人物分割，让整个画面更具备延伸感和想象空间

▲ 纸牌分割成迷宫，给人悬疑、魔幻的感觉

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

▲ 一支铅笔内部用不同的水果进行同构，形成了趣味性，增加了画面的视觉冲击力

上面这两张文字排版，像期刊、杂志设计的时候使用比较多，通过有形或无形的骨骼线进行分割，从而让画面中的文字形成一定的规律，这种排版要注意整体版式的美观和字体的阅读性。

▲ 镂空的文字放在人像的上面产生了分割效果，同时保留了文字的识别性，文字可以作为符号存在，也可以作为可阅读性符号存在

▲ 等形分割

▲ 模仿拉链效果的分割

▲ 以上两个以海平面为分割线

▲ 具象物体经过分割之后，采用其他元素进行补充，整体中有局部，局部中又显得整体，增加画面的趣味性、生动性

▲ 画册中的版式分割，画册中的分栏也是一种分割形式，还有整个版面来看，对文字、图片进行不同区域的排版，也是一种分割形式

▲ ‍在主图中我们看到由四块组成，一块文字和三个不同的角色人物，蒙太奇拼贴

鱼先生说：

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

如下图：

▲ 把琴的一半切割开，然后用文字进行替补，让整个版面显得有趣、活跃，而且也不会影响文字的阅读性。 

或者在画面中可以利用分割来区分不同的层级，再结合色彩、大小、粗细等形式来丰富版式以及增加画面的清晰和冲击力。

06 肌理构成

肌理构成的概念比较容易理解，也比较常见，就是生活中我们所说的质感、纹理、肌理，比如人的皮肤，人的指纹，树叶的脉络，不同的石头肌理等。

肌理构成，我想先带着大家来欣赏一下大自然的之美。

鱼先生非常建议大家多多观察大自然，融入大自然，特别是与创造有关的职业，因为大自然真的很美，而且有太多值得我们学习和敬畏的方面。

接下来，一起来欣赏一些实战案例：

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

▲ 叶子的肌理放大，与人物形成了大小对比

鱼先生说：

肌理有自然肌理和人造肌理，肌理的表现形式是为了增加画面的视觉感、质感，或者是结合创意使用。

如果从感受来看，那么还分为视觉肌理和触觉肌理，也就是眼睛看到的肌理和触摸到的肌理。

如下图：

我们看到上面的盲文，或者你闭上眼睛去触摸有凹凸感的事物所感受到的就是触觉肌理。

07 对称与平衡

对称，是指从色彩、大小、面积等方面保持一样，形成一种对称的形式。

对称也是平衡的形式之一，对称从视觉上看比较美观、稳定，但对称的缺点是有点呆板。

平衡不仅仅靠对称才能达成，可以通过元素的布局、配合、重量、大小、留白等，达到视觉上的平衡。

▲ 杂技羽毛平衡术

杂技中的平衡表演，不利用对称形式，也能够保持平衡，可以理解为重心平衡。

跟着鱼先生来看一些案例，加深记忆与理解：

▲ 两把琴左右对称，中间负空间形成了一个人物头像轮廓，比较有趣、吸睛

再看下面这张，琴在左侧非常的重，为了达到视觉平衡，右边空白的地方用文字进行压制，让整个画面看上去平衡，并且通过留白，整个画面的透气性也非常好，再加上主题文字的轻松书写，用来表现音乐的律动、放松、轻松的特性。

▲ 对称构成

▲ 以上三张都是视觉平衡

鱼先生说：

对称能够给人稳重、整体的感觉，缺点就是会略显呆板、中规中矩，没有破的感觉。

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

08 错视

错视，直观理解就是能够骗过你眼睛，但是现实中不会存在的的画面形式。

错视的表现形式，充满趣味性，会给人意想不到的惊讶，起到吸睛和增加视觉冲击力的效果。

先看个例子：

这三条线长度是一样的，但你看起来就会觉得第一条线长于第二条线，但实际上他们是一样长的，因为处在不同的环境，或者不同的角度，而欺骗了你的眼睛。

▲ 老爷爷是坐在上面还是下面？这取决于你眼睛盯的位置

老爷爷这个案例就是彭罗斯三角形，我们来看下动图：

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

错视在绘画中被使用的特别广泛，一起来看些有趣的画面：

▲ 左边和右边，是不同的场景

▲ 船可以在水里，也可以在空中

▲ 到底有桥没有桥呢？ 

▲ 画面有美人鱼，你看到了吗？另外画面中最少有十个以上人物，看下你能看到几个？

再来看一些设计案例，加深你的理解和记忆：

▲  整体看和局部看，是不同的

 ▲ 上面最后三张是福田繁雄的错视海报，非常的有趣

▲ 酒杯与机窗的完美结合

▲ 酒杯与服装的结合

鱼先生说：

正负形也是错视的常用表现形式之一，正负形具备趣味性、视觉性，也经常被我们用在各种设计案例中。

比如我们再看几张：

09 变异和特异

特异属于变异，但还是有点区别，我放在一起来讲，大家可以更容易理解一些。

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

我们再看下两个案例区分一下：

▲ 突然出现的黄色图案，变异中的特异

▲ 突然出现的色彩女孩，特异形式

▲ 字母变成了飞鸟，变异形式 

变异和特异的特点都是为了让有规律的画面打破常规，产生视觉性、动感、趣味性，特别是特异，就好像是30个人的队列中，有29个男生穿的是黑色衣服，中间有一个女生穿着红色裙子，你可以想象一下这个画面，就是特异的典型例子。

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

一起来看些变异与特异的画面及设计案例：

▲ 条形码与面条的结合

▲ 人物的变异

▲ 建筑与突然出现的人脸

▲ 色彩变异

▲ 人脸用文字进行替换，是变异的表现形式

▲ 大脑与场记板

▲ 黑胶唱片与高楼大厦

▲ 森林与毛衣的结合，很有寓意 

▲ 刷子、油漆与花的结合，单从视觉上看就非常有趣，可以看出来设计者所表达的香味、天然、环保等创意点

鱼先生说：

重点就是在有秩序的环境中，打破秩序，或者成为另类的存在，从而在画面中形成视觉焦点，或者让整个画面产生变异，打破僵局，显得生动、趣味、具备视觉冲击力。

10 密集构成

密集构成的形式比较自由，形式分为有规律和无规律，密集的表现形式有大小、疏密、方向、虚实、色彩等，或者利用点线面元素进行视觉表现。

有规律的密集就是通过预先设计骨骼线或基本形的数量进行，无规则就是随心所欲，同时也要注意画面的平衡和美感。

▲ 以上两张画面，利用字体疏密的结合，从而让整个画面有张力感的同时充满趣味性，甚至也可以增加故事性

▲ 摄影作品中我们也会经常见到密集构成的形式，比如上图，船只的无规则排列，形成密集的形式

跟着鱼先生再多看一些案例，增加理解与记忆：

字体是很单薄的，锤子是具备力量感的，利用下面文字的密集，给人增加支撑的感觉，让画面充满了冲突和张力，制造冲突也是创意的一种表现形式。

鱼先生说：

密集地使用，可以表现画面的紧张和放松，以及不同的冲突对比，从而增加画面的视觉性。

11 发射构成

发射构成，以单点或多点向四周发射、扩散，整体会有较强的动感及节奏感，发射的表现形态有点式发射、多点式发射、旋转式发射。

发射形式，是利用骨骼线和基本形用离心式、向心式、同心式以及上面提到的种种发射形式而构成。

一起在画面和案例中观察学习一下：

▲自然发射形态之美

▲ 文字形成一把把利刃

▲ 中心向外散射，起到了聚焦的作用

鱼先生说：

发射的作用可以形成一个或多个视觉焦点，也可以起到烘托主题的作用，比如最后一张百事可乐的设计，利用吸管给可乐制作了一个座椅，后面的吸管以发射状呈现，从而烘托主题产品。

发射构成看起来很有攻击性、力量感、旋律感，大家可以多观察以及实践运用。

12 空间与矛盾空间

平面构成中的空间，是利用基本形，比如点线面的疏密、透视、大小等，从而从视觉上形成空间感，有助于增加画面的视觉冲击力，以及延伸感。

无论是二维、三维，在平面构成中，它始终还是平面的，它的空间和室内空间不同，平面构成中的空间就是利用长、宽、高制造的视觉假象。

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

一起来看些案例，加深理解和记忆：

▲ 光与影空间，也可以理解为正义与邪恶

矛盾空间

矛盾空间属于空间构成。

矛盾空间从视觉上看是存在的，但在现实中不会存在的空间，它利用立体空间透视中的视点、消失点的变动，形成不合理空间，从而给人带来强烈的视觉冲击。

大家常说的不可能图形，就是矛盾空间的表现形式，这里不得不提一下埃舍尔的画手。

▲ 再比如上面这张，大家可以观察一下，有哪些矛盾的地方？

继续来看些案例，在案例中感受一下：

鱼先生说：

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

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

或者在公益海报中也可以利用矛盾性，造成视觉上的冲击力，从而惊醒人们对自然环境的保护。

以上讲完了平面构成的15种表现形式，最后我们再一起来看些综合运用案例。

写在最后 

大家注意，在商业设计中，并不是说每次设计只能用一种构成形成，综合运用也是可以的，最重要的就是要把握好设计的功能性和视觉美感。

比如下图：

我们可以看到，这张设计案例中，想表达的就是车的安全保护性，那么这个里面运用了变异、分割、空间、肌理、平衡等。

可能有些同学会认为，在一个画面中运用多个构成形式自己会搞晕，其实不要担心，熟练掌握平面构成的形式之后，在之后的设计运用中要学会灵活运用。

如果太刻意去思考用什么，反而会限制你的想象力。所以鱼先生一直强调大家对基础的熟练掌握，就是为了熟能生巧，让这些基础知识成为你的思考习惯，自然你的灵感创意就会变多了。

那么我们再看一张，给大家留个小作业，下面这张海报中运用了哪些平面构成？

在公众号【摆渡鱼生】留言，写出你的答案，看一下，我写了近7000字+找200张案例的一篇基础内容，你是否完全吸收了。

OK，今天我们的设计教程暂且到这里结束，针对个别经常用到的构成形式，我会在之后单独拿出来细讲，以便于大家更加的深入理解。

跟着鱼先生系统学习平面设计▼