讲透平面构成的5种表现形式

骨骼和基本形

平面构成的形式有:近似、重复、对比、渐变、分割、

对称、平衡、肌理、错视、密集、

发射、变异、特异、空间与矛盾空间。

在开始讲这些构成形式之前,我们先要了解两个概念点,

骨骼和基本形,因为下面会不断地提到。

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

骨骼就是画面的规划、框架,

骨骼的作用就是固定或分割基本形,从而形成不同的画面视觉。

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

如下图所示:

骨骼线可以是隐形的,也可以成为画面的组成部分,骨骼的表现形式有很多,

比如重复骨骼、重叠骨骼、渐变骨骼、透视骨骼等。

另外,设计中的网格线、分栏也是骨骼的一种形式,

作用是用来规范画面或作为某种依据而存在。

总结一下,构成是通过点线面基本形拆分或组合成为新的形态,基本形是构成的组成部分,

骨骼是类似人体骨架的存在,是构成的规则骨架或起到分割线的作用。

今天鱼先生先把平面构成的15种形式统一讲一遍,

之后会把其中常用实用的构成形成拿出来深入讲解,都会免费分享在公号。

构成的5种形式

01 近似构成

近似构成,是基本形态的近似组合,

比如在同一骨骼单位内放置同类属性但又具备变化的形式。

如下图:

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

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

世界上没有两片相同的叶子,但是一棵树的叶子是近似的,

大街上形形色色的人也是近似的,或者你去观察超市的货架,

琳琅满目的商品也有同一个类型的,这些都是近似的构成形式。

再比如我们常见的手机app应用,就是用无形或有形的骨骼单位分割开来,

而相同的图形内是不同的app图标,这也是近似构成的形式。

如下图:

接下来跟着鱼先生一起在更多的商业案例中观察分析,

加深理解和记忆:

上面这张海报,比较直观的近似案例,可以看到在统一的骨骼单位内,

也就是方格内,图片的光影角度是变化的,静中有动的变化。

整体看,可以看出锥形渐变的角度是从中心往四周发射的,

这个也属于发射构成,后面会讲到。

▲ 辅助图形部分,统一方格(骨骼单位)

内的图案产生变化,形成近似构成

上面这个案例,是一个年轻宠物品牌VI辅助图形部分,

第二张图上面,我用蓝色色块框出了骨骼单位,

每个骨骼单位内的元素发生了小的变化,

让画面显得有秩序的同时,也具备变化的动感和趣味性。

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

我们在考虑构成使用的时候不要太死板,比如像上面的小丑面具,

总属性都是面具,但里面图案和色彩有所变化,

如果你都使用一摸一样的面具,那么画面就会非常单调呆板。

鱼先生说:

近似构成的应用比较广泛,比如logo设计,

甚至建筑设计、动画设计等,都会被经常使用。

总结一下,近似构成的特点就是,在两个以上的图形中,规律中有一点变化,

也可以理解为骨骼不变或少变,

基本形产生一定的变化,从而让画面变得生动、趣味。

02 重复构成

重复构成,是在一个画面中,我们所运用基本形的色彩、大小或方向等,

有规律的重复出现,同样的形象出现两次或以上就形成了重复构成的形式。

重复的例子太多了,比如马路上的汽车、超市的水果、

联排的建筑、军训的队伍都属于重复的形式。

在商业设计中,比如三菱logo,中国移动的logo等,都是重复构成的形式。

重复能够给人带来整齐、规律、强调、震撼等特点,

但是运用不好的话,也会显得太过板正、呆板,画面就很容易平平无奇。

重复构成的形式不是必须要相同的元素,

也可以是大小不同、形状不同等方式的一种重复,或者同一种属性的重复。

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

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

上面这个案例,是以前给绿地集团设计的样册其中的一个对开页,

其中的氢气球元素就是重复,如果我们很规整的去排放,

大小一样,顺序规整,那么设计感就没有了,

所以在重复中,我们也需要来点变化。

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

▲ 重复与近似的结合

鱼先生说:

一个画面中可以运用单个或多个构成形式,

最终的目的是为了让画面更具备视觉冲击力,

比如下面会讲到的重复与变异的结合,

就会让太规律的画面打破规律,从而形成视觉焦点,以及画面的吸睛效果。

如下案例:

▲ 重复的鸡蛋中,有一个鸡蛋产生变异,

打破规律,形成了视觉焦点

▲ 重复+变异,黑色灯泡图标的中间出现一个黄色的图形,

形成了视觉焦点

03 对比构成

对比的表现形式有很多,比如大小对比、远近对比、

虚实对比、明暗对比、动静对比、空间对比、

方向对比、位置对比、疏密对比、粗细对比等。

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

总之呢,反义词含义都可以形成对比形式,

咱们延伸一下,黑与白,战争与和平,正与反等。

对比还可以理解产生冲突,冲突式对比很容易产生吸睛的效果,

经常被我们运用在设计创意中。

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

延伸到抽象的理解,还有情绪对比、

心理对比,这都是对比的一种形式。

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

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

大小对比、冲突式对比,让整个画面看起来非常吸引视觉,而且我们看到,

无论两边的大人如何制造矛盾,甚至有恐吓情绪,

中间的人仍旧保持平静的微笑,这也是一种情绪的冲突。

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

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

放大键盘,增加视觉冲突,本来应该小的键盘变大了,

人物站在了键盘上,就好像是一场用键盘展开的竞争,

这是从视觉上就可以给人的感觉,非常直观。

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

鱼先生说:

对比一定会产生冲突,具象冲突和抽象冲都可以运用,

大家不要太局限自己的思维,可以放开的去思考。

冲突是创意的重要表现形式之一,

在适合的设计实战中可以考虑运用冲突,

增加对比以及画面的视觉冲击力。

04 渐变构成

渐变是有规律或不受规律约束的层次变化,

把基本形按照大小、色彩、虚实、疏密等形式进行层次的渐变排列效果,

我们常见的有颜色渐变、透视渐变、大小渐变、虚实渐变、疏密渐变等。

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

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

书本排列的骨骼线由大到小,形成了透视效果,

近大远小,在设计中,特意加强透视的比例,

从而让整个画面更具备空间感和视觉冲击力。

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

▲ 色彩渐变

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

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

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

杜蕾斯的海报创意一直都比较不错,

做设计的都可以关注一下杜蕾斯,

重点是学习人家的创意思想,可别跑偏了。

▲ 色彩渐变,疏密渐变

从视觉上来看,普通鞋子到金色鞋子的蜕变,

看似是颜色渐变,但延伸一下也可以理解为灰姑娘到公主的渐变构成,

这样更具备想象力。

鱼先生说:

作为设计师不能仅仅从具象方面去思考创意,

我们可以通过画面把抽象的思考视觉化,

从而让画面显得更加生动、具备创意。

05 分割构成

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

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

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

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

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

▲ 窗户结构形成了分割

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

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

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

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

上面这两张文字排版,像期刊、杂志设计的时候使用比较多,

通过有形或无形的骨骼线进行分割,从而让画面中的文字形成一定的规律,

这种排版要注意整体版式的美观和字体的阅读性。

▲ 镂空的文字放在人像的上面产生了分割效果,

同时保留了文字的识别性,文字可以作为符号存在,

也可以作为可阅读性符号存在

▲ 等形分割

▲ 模仿拉链效果的分割

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

▲ 具象物体经过分割之后,采用其他元素进行补充,

整体中有局部,局部中又显得整体,增加画面的趣味性、生动性

▲ 画册中的版式分割,画册中的分栏也是一种分割形式,

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

▲ ‍在主图中我们看到由四块组成,

一块文字和三个不同的角色人物,蒙太奇拼贴

鱼先生说:

分割就是通过骨骼线的规则或不规则运动,

建立不同的区域,在设计中也可以结合分割设计出有趣生动的版式。

如下图:

▲ 把琴的一半切割开,然后用文字进行替补,

让整个版面显得有趣、活跃,而且也不会影响文字的阅读性

或者在画面中可以利用分割来区分不同的层级,

再结合色彩、大小、粗细等形式来丰富版式以及增加画面的清晰和冲击力。

摘自:https://www.zcool.com.cn/article/ZMTQyNTk2NA==.html