一个人有了骨架的支撑，才能活动自如，那么在设计中也是如此，需要基础作为「骨架」来支撑设计。所以从今天起，鱼先生会陪着你一起学习和巩固设计基础，构成、版式、色彩、设计师心理学等。
今天重点讲平面构成中的15种形式概念以及在商业设计中的应用。本文近7000字，200张案例，预计阅读5到10分钟。平面构成的形式有：近似、重复、对比、渐变、分割、对称、平衡、肌理、错视、密集、发射、变异、特异、空间与矛盾空间。在开始讲这些构成形式之前，我们先要了解两个概念点，骨骼和基本形，因为下面会不断地提到。基本形，是画面中的点线面，或者图形、文字等元素内容以个体或组合组成。骨骼就是画面的规划、框架，骨骼的作用就是固定或分割基本形，从而形成不同的画面视觉。骨骼线可以是隐形的，也可以成为画面的组成部分，骨骼的表现形式有很多，比如重复骨骼、重叠骨骼、渐变骨骼、透视骨骼等。另外，设计中的网格线、分栏也是骨骼的一种形式，作用是用来规范画面或作为某种依据而存在。总结一下，构成是通过点线面基本形拆分或组合成为新的形态，基本形是构成的组成部分，骨骼是类似人体骨架的存在，是构成的规则骨架或起到分割线的作用。
今天鱼先生先把平面构成的15种形式统一讲一遍，之后会把其中常用实用的构成形成拿出来深入讲解，都会免费分享在公众号。
构成的15种形式 近似构成，是基本形态的近似组合，比如在同一骨骼单位内放置同类属性但又具备变化的形式。世界上没有两片相同的叶子，但是一棵树的叶子是近似的，大街上形形色色的人也是近似的，或者你去观察超市的货架，琳琅满目的商品也有同一个类型的，这些都是近似的构成形式。再比如我们常见的手机app应用，就是用无形或有形的骨骼单位分割开来，而相同的图形内是不同的app图标，这也是近似构成的形式。接下来跟着鱼先生一起在更多的商业案例中观察分析，加深理解和记忆：上面这张海报，比较直观的近似案例，可以看到在统一的骨骼单位内，也就是方格内，图片的光影角度是变化的，静中有动的变化。整体看，可以看出锥形渐变的角度是从中心往四周发射的，这个也属于发射构成，后面会讲到。▲ 辅助图形部分，统一方格（骨骼单位）内的图案产生变化，形成近似构成上面这个案例，是一个年轻宠物品牌VI辅助图形部分，第二张图上面，我用蓝色色块框出了骨骼单位，每个骨骼单位内的元素发生了小的变化，让画面显得有秩序的同时，也具备变化的动感和趣味性。 我们在考虑构成使用的时候不要太死板，比如像上面的小丑面具，总属性都是面具，但里面图案和色彩有所变化，如果你都使用一摸一样的面具，那么画面就会非常单调呆板。近似构成的应用比较广泛，比如logo设计，甚至建筑设计、动画设计等，都会被经常使用。总结一下，近似构成的特点就是，在两个以上的图形中，规律中有一点变化，也可以理解为骨骼不变或少变，基本形产生一定的变化，从而让画面变得生动、趣味。重复构成，是在一个画面中，我们所运用基本形的色彩、大小或方向等，有规律的重复出现，同样的形象出现两次或以上就形成了重复构成的形式。重复的例子太多了，比如马路上的汽车、超市的水果、联排的建筑、军训的队伍都属于重复的形式。在商业设计中，比如三菱logo，中国移动的logo等，都是重复构成的形式。重复能够给人带来整齐、规律、强调、震撼等特点，但是运用不好的话，也会显得太过板正、呆板，画面就很容易平平无奇。重复构成的形式不是必须要相同的元素，也可以是大小不同、形状不同等方式的一种重复，或者同一种属性的重复。上面这个案例，是以前给绿地集团设计的样册其中的一个对开页，其中的氢气球元素就是重复，如果我们很规整的去排放，大小一样，顺序规整，那么设计感就没有了，所以在重复中，我们也需要来点变化。一个画面中可以运用单个或多个构成形式，最终的目的是为了让画面更具备视觉冲击力，比如下面会讲到的重复与变异的结合，就会让太规律的画面打破规律，从而形成视觉焦点，以及画面的吸睛效果。▲ 重复的鸡蛋中，有一个鸡蛋产生变异，打破规律，形成了视觉焦点▲ 重复+变异，黑色灯泡图标的中间出现一个黄色的图形，形成了视觉焦点对比的表现形式有很多，比如大小对比、远近对比、虚实对比、明暗对比、动静对比、空间对比、方向对比、位置对比、疏密对比、粗细对比等。总之呢，反义词含义都可以形成对比形式，咱们延伸一下，黑与白，战争与和平，正与反等。对比还可以理解产生冲突，冲突式对比很容易产生吸睛的效果，经常被我们运用在设计创意中。延伸到抽象的理解，还有情绪对比、心理对比，这都是对比的一种形式。对比在设计中的应用非常广泛，之后我也会单独拎出来再仔细讲解。大小对比、冲突式对比，让整个画面看起来非常吸引视觉，而且我们看到，无论两边的大人如何制造矛盾，甚至有恐吓情绪，中间的人仍旧保持平静的微笑，这也是一种情绪的冲突。放大键盘，增加视觉冲突，本来应该小的键盘变大了，人物站在了键盘上，就好像是一场用键盘展开的竞争，这是从视觉上就可以给人的感觉，非常直观。对比一定会产生冲突，具象冲突和抽象冲都可以运用，大家不要太局限自己的思维，可以放开的去思考。冲突是创意的重要表现形式之一，在适合的设计实战中可以考虑运用冲突，增加对比以及画面的视觉冲击力。渐变是有规律或不受规律约束的层次变化，把基本形按照大小、色彩、虚实、疏密等形式进行层次的渐变排列效果，我们常见的有颜色渐变、透视渐变、大小渐变、虚实渐变、疏密渐变等。▲ 鸡蛋的颜色刻意摆放之后，颜色从浅到深形成了渐变书本排列的骨骼线由大到小，形成了透视效果，近大远小，在设计中，特意加强透视的比例，从而让整个画面更具备空间感和视觉冲击力。再一起多看一些案例，大家自己分析看看，也并不复杂：▲ 柠檬从新鲜到腐坏，好与坏之间的延伸形成了一个渐变构成 杜蕾斯的海报创意一直都比较不错，做设计的都可以关注一下杜蕾斯，重点是学习人家的创意思想，可别跑偏了。 从视觉上来看，普通鞋子到金色鞋子的蜕变，看似是颜色渐变，但延伸一下也可以理解为灰姑娘到公主的渐变构成，这样更具备想象力。 作为设计师不能仅仅从具象方面去思考创意，我们可以通过画面把抽象的思考视觉化，从而让画面显得更加生动、具备创意。分割构成，是把整体分为不同的个体，可以等形分割，有规则的分割，无规则的分割。也可以利用一些设计规则来分割，比如黄金分割，从而形成视觉美。▲ 台面的分割，人物与蜜蜂的大小对比，让整个画面富含想象力和趣味性▲ 一支铅笔内部用不同的水果进行同构，形成了趣味性，增加了画面的视觉冲击力上面这两张文字排版，像期刊、杂志设计的时候使用比较多，通过有形或无形的骨骼线进行分割，从而让画面中的文字形成一定的规律，这种排版要注意整体版式的美观和字体的阅读性。▲ 镂空的文字放在人像的上面产生了分割效果，同时保留了文字的识别性，文字可以作为符号存在，也可以作为可阅读性符号存在▲ 具象物体经过分割之后，采用其他元素进行补充，整体中有局部，局部中又显得整体，增加画面的趣味性、生动性▲ 画册中的版式分割，画册中的分栏也是一种分割形式，还有整个版面来看，对文字、图片进行不同区域的排版，也是一种分割形式▲ 在主图中我们看到由四块组成，一块文字和三个不同的角色人物，蒙太奇拼贴分割就是通过骨骼线的规则或不规则运动，建立不同的区域，在设计中也可以结合分割设计出有趣生动的版式。▲ 把琴的一半切割开，然后用文字进行替补，让整个版面显得有趣、活跃，而且也不会影响文字的阅读性。 或者在画面中可以利用分割来区分不同的层级，再结合色彩、大小、粗细等形式来丰富版式以及增加画面的清晰和冲击力。肌理构成的概念比较容易理解，也比较常见，就是生活中我们所说的质感、纹理、肌理，比如人的皮肤，人的指纹，树叶的脉络，不同的石头肌理等。
鱼先生非常建议大家多多观察大自然，融入大自然，特别是与创造有关的职业，因为大自然真的很美，而且有太多值得我们学习和敬畏的方面。▲ 局部放大老虎的斑纹毛发形成了肌理，增加了视觉吸引力，更与主题文字相互呼应
肌理有自然肌理和人造肌理，肌理的表现形式是为了增加画面的视觉感、质感，或者是结合创意使用。如果从感受来看，那么还分为视觉肌理和触觉肌理，也就是眼睛看到的肌理和触摸到的肌理。我们看到上面的盲文，或者你闭上眼睛去触摸有凹凸感的事物所感受到的就是触觉肌理。对称，是指从色彩、大小、面积等方面保持一样，形成一种对称的形式。对称也是平衡的形式之一，对称从视觉上看比较美观、稳定，但对称的缺点是有点呆板。平衡不仅仅靠对称才能达成，可以通过元素的布局、配合、重量、大小、留白等，达到视觉上的平衡。杂技中的平衡表演，不利用对称形式，也能够保持平衡，可以理解为重心平衡。▲ 两把琴左右对称，中间负空间形成了一个人物头像轮廓，比较有趣、吸睛再看下面这张，琴在左侧非常的重，为了达到视觉平衡，右边空白的地方用文字进行压制，让整个画面看上去平衡，并且通过留白，整个画面的透气性也非常好，再加上主题文字的轻松书写，用来表现音乐的律动、放松、轻松的特性。对称能够给人稳重、整体的感觉，缺点就是会略显呆板、中规中矩，没有破的感觉。在不对称的平衡画面中就会突破这种僵局，利用图片、文字等基本形元素来突破规则，同时又不失平衡。错视，直观理解就是能够骗过你眼睛，但是现实中不会存在的的画面形式。错视的表现形式，充满趣味性，会给人意想不到的惊讶，起到吸睛和增加视觉冲击力的效果。这三条线长度是一样的，但你看起来就会觉得第一条线长于第二条线，但实际上他们是一样长的，因为处在不同的环境，或者不同的角度，而欺骗了你的眼睛。▲ 老爷爷是坐在上面还是下面？这取决于你眼睛盯的位置错视在绘画中被使用的特别广泛，一起来看些有趣的画面：▲ 画面有美人鱼，你看到了吗？另外画面中最少有十个以上人物，看下你能看到几个？正负形也是错视的常用表现形式之一，正负形具备趣味性、视觉性，也经常被我们用在各种设计案例中。特异属于变异，但还是有点区别，我放在一起来讲，大家可以更容易理解一些。变异和特异，是在有秩序、有规律的画面中，部分元素产生变异，两者的区别重点在于变异数量上，特异是少数或个体产生变异，形成视觉焦点，而变异可以是多个基本形产生变异，比如上图的番茄案例，就是特异。 变异和特异的特点都是为了让有规律的画面打破常规，产生视觉性、动感、趣味性，特别是特异，就好像是30个人的队列中，有29个男生穿的是黑色衣服，中间有一个女生穿着红色裙子，你可以想象一下这个画面，就是特异的典型例子。变异的表现形式通常有大小变异、形状变异、色彩变异、方向变异等。▲ 刷子、油漆与花的结合，单从视觉上看就非常有趣，可以看出来设计者所表达的香味、天然、环保等创意点重点就是在有秩序的环境中，打破秩序，或者成为另类的存在，从而在画面中形成视觉焦点，或者让整个画面产生变异，打破僵局，显得生动、趣味、具备视觉冲击力。密集构成的形式比较自由，形式分为有规律和无规律，密集的表现形式有大小、疏密、方向、虚实、色彩等，或者利用点线面元素进行视觉表现。有规律的密集就是通过预先设计骨骼线或基本形的数量进行，无规则就是随心所欲，同时也要注意画面的平衡和美感。▲ 以上两张画面，利用字体疏密的结合，从而让整个画面有张力感的同时充满趣味性，甚至也可以增加故事性▲ 摄影作品中我们也会经常见到密集构成的形式，比如上图，船只的无规则排列，形成密集的形式字体是很单薄的，锤子是具备力量感的，利用下面文字的密集，给人增加支撑的感觉，让画面充满了冲突和张力，制造冲突也是创意的一种表现形式。密集地使用，可以表现画面的紧张和放松，以及不同的冲突对比，从而增加画面的视觉性。发射构成，以单点或多点向四周发射、扩散，整体会有较强的动感及节奏感，发射的表现形态有点式发射、多点式发射、旋转式发射。
发射形式，是利用骨骼线和基本形用离心式、向心式、同心式以及上面提到的种种发射形式而构成。
发射的作用可以形成一个或多个视觉焦点，也可以起到烘托主题的作用，比如最后一张百事可乐的设计，利用吸管给可乐制作了一个座椅，后面的吸管以发射状呈现，从而烘托主题产品。发射构成看起来很有攻击性、力量感、旋律感，大家可以多观察以及实践运用。
平面构成中的空间，是利用基本形，比如点线面的疏密、透视、大小等，从而从视觉上形成空间感，有助于增加画面的视觉冲击力，以及延伸感。无论是二维、三维，在平面构成中，它始终还是平面的，它的空间和室内空间不同，平面构成中的空间就是利用长、宽、高制造的视觉假象。我们经常会看到一些无限循环电影，比如一个人被困在楼梯里面，或者一个人被困在某一天，这些空间只能出现在视觉或影视里面，客观上是不存在的。矛盾空间从视觉上看是存在的，但在现实中不会存在的空间，它利用立体空间透视中的视点、消失点的变动，形成不合理空间，从而给人带来强烈的视觉冲击。大家常说的不可能图形，就是矛盾空间的表现形式，这里不得不提一下埃舍尔的画手。▲ 再比如上面这张，大家可以观察一下，有哪些矛盾的地方？利用视觉效果让大家意想不到，从而让整个画面产生趣味性和视觉冲击力。矛盾空间也可以在讽刺性海报中去运用，利用反向意图达到明确主题的效果。或者在公益海报中也可以利用矛盾性，造成视觉上的冲击力，从而惊醒人们对自然环境的保护。以上讲完了平面构成的15种表现形式，最后我们再一起来看些综合运用案例。
写在最后 大家注意，在商业设计中，并不是说每次设计只能用一种构成形成，综合运用也是可以的，最重要的就是要把握好设计的功能性和视觉美感。我们可以看到，这张设计案例中，想表达的就是车的安全保护性，那么这个里面运用了变异、分割、空间、肌理、平衡等。可能有些同学会认为，在一个画面中运用多个构成形式自己会搞晕，其实不要担心，熟练掌握平面构成的形式之后，在之后的设计运用中要学会灵活运用。如果太刻意去思考用什么，反而会限制你的想象力。所以鱼先生一直强调大家对基础的熟练掌握，就是为了熟能生巧，让这些基础知识成为你的思考习惯，自然你的灵感创意就会变多了。
那么我们再看一张，给大家留个小作业，下面这张海报中运用了哪些平面构成？在评论里写出你的答案，看一下，我写了近7000字+找200张案例的一篇基础内容，你是否完全吸收了。OK，今天我们的设计教程暂且到这里结束，针对个别经常用到的构成形式，我会在之后单独拿出来细讲，以便于大家更加的深入理解。
|
