莫b

我通过对大量的专业设计书籍的知识进行吸收与分析,并在我脑海中形成了多个完整的知识体系。但很多知识不回想是容易忘记的,因此我就做了随心论的栏目,通过我每天随意的回想学过的知识,来巩固我的记忆,并把这些知识分享给大家的。

目录

空白空间的意义与作用

空间是如何界定的

视觉元素的大小对空间有什么影响

 

空白空间意义与作用

空白空间存在的意义在于,它能使元素突出并达到一种较为和谐的状态。例如把我们的房间堆满生活用品,不留一丝空间,这个房间从功能和美观等角度来看,就不具备实用价值与美感。

如莎士比亚在《皆大欢喜》的著作中说过:我将一处填满,但当使其空置,或许会更好…

undefined

在我们做设计时经常把画面填的很满,这是因为我们忽略了空白空间的存在,而一部分设计师可以有意识的运用空白来形成对比,空白空间比较适合与被填满的空间形成对比,来突出画面的图底关系与环境和主体之间产生的情感联系。

当你能“看见”空间,意识到它的存在,你才会运用它来完善自身的设计

如冈特·兰堡在1960年设计的海报。画面不一定非要填满,当中间的视觉焦点被强化,整个空间感就会更强,空白空间也会更突出和明显。

undefined

另外利用视觉元素的布置,也可以利用空白空间营造出不对称式设计。图与底的关系变得明确,主题也会更明确,视觉信息的传达也会更准确。这里呢就要拿一些国内的反面教材了,例如这样的一张图,这是我在站酷随便找的作品,它是概念海报设计。比较讽刺的是,这个作品里面还写了“Space”,我看到这样的作品,主观感受就是“不太舒服”,比较浮躁。

undefined

这张海报设计的问题问题在于,设计师安排的视觉元素太“满”了,也就是说,设计师太在乎“视觉元素的布置”了,像这些文字元素,只想的是如何在画面中安排它们的位置,一直聚焦在视觉元素,而没有看见空间,就忽略了空白空间的运用。

 

空间是如何界定的

从平面角度来看,空间是一个广延的面,处于二维中,就属于二维空间;那空间的界定方式,首先看传输媒介,像纸张的大小,网页的尺寸,这些是可以界定空间的范围的。除此之外,如壁画装饰,是由里面的设计元素来界定空间的大小的。这个概念不算不难。

undefined

如冈特·兰堡在1960年设计的海报,画面中球形的视觉元素所占的比例是最大的,那这个球形尺寸比较直观,大概占整体画面的六分之一,假设这个球形的尺寸是1000px,那整个画面就是1660px。因此我们可以判读,空间的大小是由空间中的最小的视觉元素来界定的。

 

视觉元素的大小对空间有什么影响

那这里就产生了一个新的问题,就是说“视觉元素大小对空间有什么影响”。同样还是冈特·兰堡的作品,如下图所示。土豆这个图像视觉信息在整个画面中占比较大的比例,那也就是说这个土豆快要把整个空间给填满了。

这种较大的视觉元素填充整个空间,会给人一种空间很窄、很紧密和压抑的感觉。这种大特写可以强调主体本身,可以强调人的情感活动,人的肢体语言和表情更容易被观察,也可以强调物的细微差异,特点和属性。但图底关系中的底会被弱化,画面整体也缺乏“无垠感”。

undefined

如下图所示,电视机为主体,它在画面中所占的面积就没有那么大。当主体视觉元素比较小时,主体就会被弱化,图底关系中的底就会被强化,主体、客体和背景之间,就能产生很强的关联性。

undefined

如果背景可以像地平线那样,向水平的方向延申和扩散,那整体画面就会产生一种“无”的状态。空白本身就是“无”,例如天空的视觉元素,你很难通过视觉去界定它的大小,因为天空本身就是无垠的。

虽然我们可以通过画面中的人物占的画面比例,来推算出整个空间的大小,从而去界定空间,但我们抛出绝对化的物理性质。如无印良品的海报,天空与地面交界的地平线,通过视觉传达的方式来强化画面的无垠感。

undefined

所以,利用视觉元素去填满整个空间,从而界定空间的范围,和利用视觉元素与客体/背景之间的关联,去营造出无的状态,增加无垠感;这两种空间的运用方式,给观众带来的直观感受和情感都是不同的。先区分空间和空白的差别,之后在理解它的定义,就可以正确的运用空间了。

undefined

很多设计师都能看到”空间”,但很少有人能够看到它;在任何的作品中,都有其对应的不同的空间,我们很不经意的就能看到它;但实际我们做设计时,有考虑到说,把空间当作是一种设计的要素,运用它,安排它,布置它,使设计元素在空间中的安排,更具合理性。

做设计从表象来看,是在做视觉元素的安排。只要转化一下思维,从空间的角度来看,则是运用空间来使视觉元素变得更合理。这就是空白空间存在的意义了。

 

原文地址:站酷

作者:罗耀随心论

转载请注明:学UI网 » 空白空间的意义与作用

登录收藏
 
你可能喜欢的:
设计基础(4):B端中后台管理系统色彩体系设计基础(4):B端中后台管理系统色彩体系
如何从体验层面提升NPS——好感体系设计如何从体验层面提升NPS——好感体系设计
工作经验|设计组件的更新和优化,需要哪些流程?工作经验|设计组件的更新和优化,需要哪些流程?
UI新视角-界面三重构UI新视角-界面三重构
设计基础(1):格式塔理论在B端产品中的应用设计基础(1):格式塔理论在B端产品中的应用
让设计感暴增的8个画册标题排版技巧让设计感暴增的8个画册标题排版技巧
设计师应该掌握的“结构化思维”设计师应该掌握的“结构化思维”
插画在 UI 场景中的趋势化探索插画在 UI 场景中的趋势化探索
工作经验|B 端设计师如何理解和洞察业务?工作经验|B 端设计师如何理解和洞察业务?
如何做B端体验标准化:以数据可视化场景为例如何做B端体验标准化:以数据可视化场景为例