查看原文
其他

总监说我的画面太平了!结果同事和我说了几个小妙招!

UI设计达人 2023-07-30

The following article is from 菜心设计铺 Author 慢热

公众号改版后推送不会按顺序展示,想要第一时间阅读设计精选文章,别忘了把公号设为星标,才不会错过每期干货。



我们经常会被需求方说画面太平了,但却不知道怎么让画面不平,其实简单一句话就是让画面更具空间感,那什么又是空间感呢,怎么打造空间感呢?我们今天来简单聊聊!


什么是空间感?

空间感:空间感( sense of space)是指艺术形象通过一定手法引起的类似现实空间的审美感受。艺术家通过特定的瞬间造型和空间深度的追求,使人联想到其活动、生活的环境空间。在绘画、摄摄影艺术中,形象存在于二维平面中,但通过构图、透视、线条走向、光影和色彩处理,使人感受到空间的整体性、立体性。

而在我的理解总结,空间感其实就是运用各种手法,打造出画面的空间纵深感,让二维的画面变成三维,从而提升画面的品质、细节、冲击力。


空间感的优点

我们以人物海报为例对比几张图,直观感受一下:

无空间感:

有空间感:

我们直观的可以看到,都是人物海报,下面的两张明显更有品质感。有空间感的图,画面会更高级。

那是因为空间感会让你的画面更有层次,更灵动和富有场景感。这就是空间感的优点。


如何打造空间感

空间感,其实就是打造画面纵深,让元素之间形成前后关系,那有哪些方法来打造画面纵深呢?我们总结了5个方法来分享给大家:

1.构图

富有极强透视线的构图能很直观地表现出空间感。
比如


这类拥有很强透视的构图,不用做别的,光构图就能体现出很强的空间感了。
实际运用中,我们还可以利用标题文案排列出这种透视构图来打造空间感:


2.虚实

虚实分为:

1.轮廓虚实
2.颜色虚实
轮廓虚实:轮廓虚实:两个相同的元素,轮廓模糊的在空间上会感觉处于轮廓实的元素后方。

这是两个元素,放到一起就会感觉上是在同一个平面上的。没有虚实关系。

如果把其中一个圆的轮廓虚化:

是不是就会感觉出右边的会在左边的前面,拉出了前后的空间感。这就是我们的轮廓虚实了。

颜色虚实:越贴近背景色的颜色,在空间上会感觉处于后方。

还是这两个元素,如果把其中的一个颜色调成和背景贴近:


两相比较,颜色更实的飞碟,会处于颜色较浅的飞碟前面。

3.大小

越大元素会感觉越近,越小的元素感觉越远。
在实际操作中我们一般可以利用不同元素来制作这个效果。

比如这是一堆元素,如果大小都差不多,就会感觉是平铺在一起的,没有空间关系。

如果调整它们的大小, 重新摆放,通过近大远小的原理,就可以很轻易地打造出元素之间的前后关系,从而营造出空间感了。


大小对比空间在其他画面中的应用:


4.明暗对比

除了虚实、大小之外,明暗也能对比出前后关系,从而营造空间感。


通过纹理层次的明暗对比,一明一暗的对比,也能拉出前后关系。从而营造空间感。



5.穿插

利用元素相互穿插产生的前后关系,也能营造出空间感。
这是1个元素和两个圆的平铺,没有交集。
如果我给他们穿插重叠在一起:
那就能产生元素之后的叠压前后关系,从而也能营造空间感。

利用在海报中:

以上这五种方式就是我们今天分享给大家的方法啦!


总结

在视觉海报的打造中,基本都不是只靠其中一种方法去打造空间感,而是3种,甚至5种一起运用,可以让塑造的空间感的更有层次细节和冲击力。

比如:轮廓虚实+颜色虚实+大小,或者:穿插+大小+明暗。

大家一定要灵活运用,自由组合,以画面最优效果为目标去做,不要局限在某一个框架里。

希望对大家有帮助,欢迎转发分享~


主页君个人微信

添加主页君个人微信领取:大厂设计规范及组件库、免商中文字体、样机、作品集等



推荐阅读

(点击标题可跳转阅读)

UI设计中拉开视觉层级的小技巧UI设计师应该要了解的界面三重构
2022下半年UI设计趋势!
回复 灵感 下载UI设计灵感合辑
点个 “ 在看” 好文不断

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存