@飞屋睿UIdesign :在设计里,点线面中的「面」,也许是我们最常使用的构成元素了。有时候我们也把面称为“形”。形的丰富多样,虚实变换就能让你玩出各种不同风格的视觉效果。本篇主要介绍平面设计中面的风格及视觉感受,面的作用以及玩法。
往期回顾:
具体到电商设计的玩法,可以参见这篇:《设计基础功!聊聊平面构成中的点线面(超多案例)》
一、面也是一种轨迹
当我们说点是线的移动轨迹的同时,其实面也是线的移动轨迹。面拥有二维成像的特征,只有长度、宽度等,没有厚度。
直线的平行移动为方形,直线回旋移动成圆形,直线和弧线结合运动形成不规则形。
二维平面也可以产生出三维的视觉效果,是我们利用了光线和透视的原理,也就是玩了一场小把戏。下面这个人物,其实就是由许多直线形的面所构成的。利用色彩来模拟光照,我们就能获得一种三维的立体效果。
二、感性与理性
用线封闭成形且填充后就能成为一块面,这块面会有一种充实感,让你实际体会到它的存在。一块面与另一块面的区别就在于它的轮廓外形。
直线围绕而成的形,如方形、三角形、平行四边形等会给人一种踏实、平稳的感受,当然也会有城市建筑感。在这两年,直线型的插画设计非常流行,它提炼了事物的外形,获得一种抽象的理性美感。
虽然是曲线形的面,但它必须为尺规数理所约束,也同样拥有直线形的面所有的理性和秩序。比较常见的是圆形,它与直线形有机联合,共同创造的形象,并非一丝不苟,而又充分演绎了这样一种理性审美风。
就像曲线能表达出某种自由浪漫,曲线形也同样适用于所有类似的题材,例如女性、儿童等柔和活泼的主题。
最后一类是不规则的形,它完全没有曲直的规律,似乎只是偶然形成,比如水纹、火苗、大理石纹理等,天下没有完全相同的两片叶子,同样解释也就是所有自然所形成的偶然形都不完全相同,因此它即使形成了纹理,也是有机纹理,运用偶然形就能设计出自然生机。通常这类形像是以群集的方式出现,比如下图中公鸡的羽毛。
因此,我们可以这样说,如果这个世界上的氛围可以简化为理性和感性,把它们设定为两个极端,那么我们就有了这个认识。
设计时,你就能参考这个滑块,根据设计的题材选用不同的形态来表现不同的氛围。比如你的题材涉及到男性,那么你所考虑选用的形就靠左,女性题材则设计时就以曲线居多。左边象征理性,右边象征感性,这也和我们左右脑的分工是一致的。
但是,我的个人体验就是纯感性或纯理性都不太理想,应该是相互杂糅在一起,有机结合,才能阴阳协调。
三、面与面
一个设计中往往只出现一个面的几率很小,通常我们会运用多个面来创建图形,而面与面之间会发生关系,概括起来,面与面会发生八种关系。
这八种关系并非单一发生,也有可能是组合在一起共同发生,形成错综复杂的关系,共同营造整个平面的设计氛围。但是在实际操作中,如果面与面所发生关系过多,会让观众产生视觉判断的疲劳,从而放弃对设计的理解,因此我们要针对不同的目的进行关系编排。
也是利用面的关系,我们在矢量图形中进行创作时,就能利用不同图形间的关系进行编排创作。
四、虚实空间
除了面与面之间的关系,面与空间也有一定的关系,什么是空间呢?简单说,就是你的焦点图形外的背景。背景其实也是一块面,只是它的视觉影响力稍弱,处于退后的位置。于是,我们把一个画面简单概括为正负形,也有的称为前后景。背景其实是负形空间,正负形关系相互影响。
比如我曾经在文章《网页设计中的极简风格—无的力量》中提到,负空间其实也是设计的元素。现代的设计非常重视留白,是因为我们大量从正形的意义出发,最后导致正形占据压倒性的关注,然而这并不利于焦点的突出。
比较有趣的关系是让大家注意到负形,因此,我们可以利用正负形共同创作。例如下图中就是背景融入到前景中的一种最为简单的创作方式。
五、正负形插画实例:不小心很容易玩坏一个妹子
正负形都参与了主动造型的设计看起来非常奇妙,我们要学的并不是这个结果,而是如何思考正负形。
从摄影照片里找出正负形的关系来创建构图,非常重要的一个不可见的步骤是简化视觉。将高光阴影的关系精简到只剩下唯一线索。然后在软件中用钢笔工具勾画出主要的轮廓形。这里是将原图细节都模糊处理,全部提炼为扁平的形。采用曲线造型突出女性的柔和。
在AI中是用面的关系在组合你的图像,前期一定要认真分析清楚面面关系。不思考就开工,你真的很容易玩坏一个妹子。
经过精炼后,你可以从正形中再考虑用哪一个形状去“融合”负形。因为这张图的负形其实很简单,就是白色背景。因此,最后面对的问题就是,你的背景色与哪一个负形的色彩相同?只要两个色块相互接触,其实就能发生融合的作用。
让我们先用头发试试。
看上去感觉整个画面都是她的头发,这时,如果头发上没有任何的装饰,其实看上去略枯燥。因为你只是将头发隐藏在背景中了,只剩下脸。
再换成肤色,让脖子以下的部分融入负形。这里可以适当换一下配色。
这个模特的形象依然是非常清晰的,因为有阴影的参与,我们仍然仿佛可以看到她的脖子。脑补成功出一个完整的人像。
最后试试采用衣服的颜色。
衣服的粉色非常饱满突出。整个画面冲击力较强。
一个简单的矢量人像插画采用了三种负形融入正形,色彩作为其融合的手段,在此发挥了非常大的作用。
但其实这幅插画看上去仍然显得呆板,因为太中规中矩,缺乏趣味性。这时,你也可以通过这样的方式增加插画的趣味性。
1、增加配饰
给衣服增加一些负形的花纹,再给一对耳环。看上去细节更丰富了。
2、重调构图
稍微调整对象的大小并改变聚焦的位置,残缺似乎更具有想象力。
好了,既然大家都有兴趣继续玩下去,还等什么?找张不错的参考照片开始操作吧。
「飞屋同学的人气教程」
原文地址:ifeiwu
【优设网 原创文章 投稿邮箱:yuan@uisdc.com】
================关于优设网================
"优设网uisdc.com"是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/。
设计微博:拥有粉丝量150万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。
发评论!每天赢奖品
点击 登录 后,在评论区留言,系统会随机派送奖品
2012年成立至今,是国内备受欢迎的设计师平台,提供奖品赞助 联系我们
AI时代的设计师生存手册
已累计诞生 648 位幸运星
发表评论
↓ 下方为您推荐了一些精彩有趣的文章热评 ↓