如何把控设计的平衡感?

  • A+
所属分类:经验思维

本文来源: 婷姐(公众号:做设计的面条), 共 2514 字

在讲今天的话题之前,我想先问大家几个比较简单的数学问题:假设有一天你去水果店买水果,老板那天不知道抽了什么风,看你人长得很漂亮/很帅,于是决定让你在店子里随意挑选3斤水果,不考虑价格种类也不限,反正只能选3斤,那么你会怎么选择?

嗯,这个选择性真的太多了。你可以选1个3斤重的柚子或哈密瓜,也可以选择5个约半斤重的苹果,或者是2个桃子+4根香蕉,再或者是3斤重的冬枣或龙眼,数量上估摸着有几十颗吧,等等等,水果店里有那么多种类的水果,3斤大家可以自由组合。

反正玩来玩去就是个数学问题对不对?

那么讲到这里大家应该就明白了,实际上那些让设计师感到崩溃的设计中的平衡感,其实就暗藏在我们的日生活里,简单的数学原理里。

只是说,把控设计里的平衡感,所涉及到的因素会更多更复杂一点而已。因为,做设计不比买水果,有专门的称来直观化的衡量重量,它是无法像重量一样被具体数字单位估量的,更多的是从视觉感受上来衡量平衡与否,具体的主要看以下几个方面来综合考虑:颜色的平衡、数量的平衡、面积的平衡、大小的平衡、形状的平衡。

1、颜色的平衡,如下图所示:

如何把控设计的平衡感?

我们知道颜色有冷色、暖色、中性色之分,有彩色和无彩色之分,还有明度、纯度、饱和度的概念。所以,相同面积、纯度、明度、饱和度的2种冷暖色放一块,在视觉上看,你会感觉暖色的面积要更大一点,所以视觉天枰会感觉向暖色偏移,如图编号1;但是当我们改变色彩的纯度、明度、饱和度后,你会感觉视觉天枰倾斜的不那么严重了,接近平衡了,如编号2。

当我们将相同色相相同面积,但是不同明度、纯度、饱和度的2个色块放一起,我们会发现视觉天枰又开始向饱和度高的那一侧倾斜,如编号3;此时如果我们增加低饱和度那个色块的面积呢?你会发现画面视觉天枰又开始趋于平衡了,如编号4。

所以现在大家告诉我,上图中看起来最不平衡的是编号几?是不是编号3?

明白这个色彩平衡的道理后,大家以后就可以通过改变某个色块的明度、纯度、饱和度、大小面积、数量等,来控制画面的平衡度了。无彩色黑白灰的视觉平衡对比,道理也是一样的,可以参考编号3和编号4。

色彩平衡原理在设计里的运用是相当广泛的:比如当想着重突出某个利益点信息或者某个按钮吸引人点击的时候,我们往往就会利用色彩的不平衡原理;而当我们希望画面更耐看、更舒适,不要那么咄咄逼人的时候,就会利用色彩的平衡原理。

 

2、数量的平衡,如下图所示:

如何把控设计的平衡感?

为了方便大家理解,我这里排除了颜色的干扰,仅用黑白灰来演示说明就好。

比如我们看编号1平衡吗?嗯,的确是平衡的,但却有点太过于对秤了,所以显得呆板,于是我们改变其中一个圆的大小,最后发现有点头重脚轻对不对?所以画面显得不太平衡,这时候我们联想前面我们提到的买水果的例子,1个柚子可以等于2个苹果的重量,所以1个大圆可以和2个小圆取得平衡,如编号3;

但是编号3跟编号1的情况一样,太对秤了,显得呆板,于是我们可以继续改变圆的大小,并调整其位置,于是得到了编号4,看起来既平衡也不呆板。同理,我们可以继续改变圆的大小和数量以及位置,甚至可以将圆切掉一部分吗,最后得到了编号5和编号6,画面依旧是既平衡又不呆板的。

数量的平衡原理,带设计当中的运用也是相当广泛的,比如在一些比较严肃或严谨的设计场合,像偏政府部门性质或者为一些思想比较传统的甲方做设计,我们在排版的时候经常会选择编号1或编号3那种偏对秤的形式去排版;

而如果想追求画面的透气性、节奏感,想体现自由的气息、现代的精神、开放的态度,则会选择编号4、5、6那种排版方式。

至于面积的平衡、大小的平衡、形状的平衡,则跟上面数量的平衡是同理的,我在上面其实已经附带着讲解了,大家可以自行去体会和摸索一下就好。

如何把控设计的平衡感?

当然,在实际的设计项目当中,我们所面临的情况会比我在上面演示的单一情况要复杂得多,因为基本是各个因素都要考虑到,而不能单线程去考虑问题了,而应该有把握大局观的概念,脑袋需要灵活变通。

比如,前几天一位妹子,就问了我一个问题:

如何把控设计的平衡感?

如何把控设计的平衡感?

我给这位面粉说的是,要想你设计的画面有平衡感,可以好好联想一下“秤”这个东西,并且设计的平衡感,不能靠死记硬背,而是要权衡画面里颜色的平衡、数量的平衡、面积的平衡、大小的平衡、形状的平衡。

这些东西其实并不复杂,但是也没你想象那么简单,你需要花费大量的时间和精力去反复练习,才能熟练掌握。比如这位面粉提到的这幅海报,是我用我吃完的水果核设计而成的:

如何把控设计的平衡感?

这幅海报,即便是做成了模版,看起来都非常有节奏感、平衡感:

如何把控设计的平衡感?

而它在被设计成海报之前,其实也是一张画面比较平衡的照片:

如何把控设计的平衡感?

但是当你将一幅原本画面就比较平衡的照片设计成一幅海报,给他添加文字文案的时候,势必会打破它原来的平衡,所以你需要对原先画面里的元素位置、数量、形象等等做一些调整,使之达到一种新的平衡,如下图所示:

如何把控设计的平衡感?

再比如另一位面粉,前段时间发了一张自己的随手拍照片设计成的海报给我看,我觉得还是蛮不错的:

如何把控设计的平衡感?

色调和意境都很不错,配上日文感觉还像那么回事:

如何把控设计的平衡感?

不过,我还是重新帮她调色改了一稿:

如何把控设计的平衡感?

改稿后的海报是下面这样子:

如何把控设计的平衡感?

我主要调整修改了以下几个方面:

1、通过调整色调,画面的意境更改了,从初秋的清爽感变成了晚秋的清冷感,2种意境都可以,主要看设计者的心境;

2、原图背景比较杂乱,通过压暗、降低饱和度等方式,可以减少很多杂乱的干扰;

3、原海报右边的桂花很集中,几乎是堆积成了一个三角形,但是底部却是空荡荡的,导致画面整体在视觉上有点不太平衡,所以我复制了一部分花瓣把底部空缺部分修补了一下;

4、其他修改调整,比如换了非衬线字体,更改了文案排版方向等等;

其中,大家主要看第2、3点更改原因就好了,第1、4点其实改不改都可以,因为不同的设计师审美和习惯都不一样。

而以上所有修改点,总结起来无非就是为了让画面更平衡罢了,至于改稿前后的区别,大家可以自己感受一下,如下图所示:

如何把控设计的平衡感?

另外我想说的是,设计无好坏之分,什么时候该让画面具有平衡感,什么时候要利用画面的不平衡感,都是依据你的目的而决定的,所以我一再强调的都是:要想做好设计,脑袋一定要灵活点,切勿死搬硬套。

那么,关于把控设计画面的平衡感,今天我就为大家讲解到这里吧,路漫漫其修远兮,吾将上下而求索,大家一起加油。



发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: