今天我们来说说三大构成中平面构成的“面”要素
在设计里,“面”也许是我们最常使用的构成元素了,有时候我们也把面称为“形”。形的丰富多样,虚实变换就能让玩出各种不同风格的视觉效果。
1、“面”的概念:
“面”是“线”的连续移动形成的轨迹,“面”有长度、宽度,没有厚度。直线平行移动成为长方形;直线旋转移动成为圆形;直线和弧线结合运动形成不规则形;自由直线移动构成有机形(特点:膨胀、优美、弹性。例:水滴、鹅卵石、扁豆、马铃薯等)。因此,“面”也被称为“形”。面在造型中所形成的各种形态,是设计基础中的重要形态因素。
2、“面”的种类
“面”的形态是多种多样的,在平面意义上的形,归纳起来有:直线形、曲线形(几何曲线形、自由曲线形——包含不规则曲线形)、偶然形。



3、“面”与“面”的关系:

这八种关系并非单一发生,也有可能是组合在一起共同发生,形成错综复杂的关系,共同营造整个平面的设计氛围。但是在实际操作中,如果面与面所发生关系过多,会让观众产生视觉判断的疲劳,从而放弃对设计的理解,因此要针对不同的目的进行关系编排。
这种组合设计通过大量练习与临摹便如下般运用自如







4、“面”与“面”的对比
很多情况下我们不论做UI设计或是平面设计,都会涉及到画面一开始如何布局的问题如果遇见页面模块多,逻辑层级多的情况下,在做之前一定先自己用灰块迅速将页面搭起来。


包括一些活动专题页,要是需求内容结构单一,应该如何去用面与面之间的对比,让页面整体闲的不那么单一呢?
以我一直以来接的中医项目为例;


5、“感性与理性
用线封闭成形且填充后就能成为一块面,这块面会有一种充实感,让你实际体会到它的存在。一块面与另一块面的区别就在于它的轮廓外形。直线围绕而成的形,如方形、三角形、平行四边形等会给人一种踏实、平稳的感受,当然也会有城市建筑感。在这两年,直线型的美术插画设计非常流行,它提炼了事物的外形,获得一种抽象的理性美感。

如果一个画面曲直结合的话,比较常见的是圆形,它与直线形有机联合,共同创造的形象,并非一丝不苟,而又充分演绎了这样一种即感谢也带点理性的审美风。
就像曲线能表达出某种自由浪漫,曲线形也同样适用于所有类似的题材,例如女性、儿童等柔和活泼的主题。


最后一类是不规则的形,它完全没有曲直的规律,似乎只是偶然形成,比如水纹、火苗、大理石纹理等,天下没有完全相同的两片叶子,同样解释也就是所有自然所形成的偶然形都不完全相同,因此它即使形成了纹理,也是有机纹理,运用偶然形就能设计出自然生机。通常这类形像是以群集的方式出现,比如下图中公鸡的羽毛。

以及肌理构成就是完全由不规则形态组成
因此,我们可以这样说,如果这个世界上的氛围可以简化为理性和感性,把它们设定为两个极端,那么我们就有了这个认识。

设计时,可以参考这个滑块,根据设计的题材选用不同的形态来表现不同的氛围。比如你的题材涉及到男性,那么你所考虑选用的形就靠左,女性题材则设计时就以曲线居多。左边象征理性,右边象征感性,这也和我们左右脑的分工是一致的。按照需要也可相互杂糅在一起,有机结合,阴阳协调。
6、虚实空间
除了面与面之间的关系,面与空间也有一定的关系,什么是空间?简单说,就是你的焦点图形外的背景。背景其实也是一块面,只是它的视觉影响力稍弱,处于退后的位置。于是,把一个画面简单概括为正负形,也有的称为前后景。背景其实是负形空间,正负形关系相互影响。
大多数电影海报爱用此手法
电影信息量特别大,因此设计师们必须熟练使用构成来巧妙的为海报说故事


我所说的这些理论都只是一个理论框架,理论本身不是目的,结合实际事件才是。
在做任何设计项目前先把需求吃透,运用你了如指掌的构成手段
起码:构图问题解决了、如何表意清晰解决了、画面美观解决了、甚至能完美的解释你的设计理念。
最后给大家欣赏一个仅仅利用【结合】来做活动推广产品logo熟知度的经典案例
网友评论