版式设计:番外篇 空间的概念

UI / UI设计教程 / UI教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词

最近买了一批新书到了,就想赶紧把他们读完,这两个月大概看了24本了,自然的就没有时间更新了啊,然后就拖更了,非常抱歉。应网友们的需求,把版面/版心/网格/栅格这些理论知识点单独拿出来讲一下,以方便大家能更好的认识它们,并学以致用。后面我也会与大家分享一些其他的基础理论知识和高阶理论知识。

我打算先讲“空间”和“平面”这两个基础概念,理解这两个概念是十分有必要的,不夸张的说这两个概念可以说的上是建立设计思维的基石,其重要性可想而知。那这篇文章主讲的内容就是“空间”,下一章要讲“平面”,虽然说这些概念意会难懂,但大家理解了这些基础概念的定义,就可以灵活运用在不同的作品层面中,相对的设计思维也会得到相应的提升。如果不去理解它们,那设计思维就会受到约束,也就是常说的陷入“思维定势”。要先理解这些概念后才能活学活用,就像先学习驾驶再去超车的道理一样。

这章的内容有些抽象,很难去理解,我尽量以专业的视角去讲解这些概念来保持专业性,同时我也会加上通俗易懂的白话与足够直观的配图,方便大家去理解。概念来自阿利克斯 · 伍 · 怀特的平面设计原理,同时也非常感谢阿利克斯 · 伍 · 怀特前辈的分享。

1、空间

空间这个概念在各领域有各种不同的定义,这里只讲一下“科学”与“平面”中对空间的定义。科学中对空间的定义就大致了解一下就行,毕竟术业有专攻。而在平面中对空间的定义就讲的多一些。

1.1 科学中“空间”的定义【可以不读】

我们可以从不同的角度来解读“空间”。“空间”一词源自于拉丁文“Spatium”,从科学的角度来讲,“空间”包含:宇宙空间、网络空间、思想空间、数字空间、物理空间等等,从科学的角度来定义“空间”,其含义是“由一个物体同感觉它的人之间产生的相互关系所形成”。

undefined

空间和时间具有客观性,同运动着的物质不可分割。不可否认,建筑在创造空间方面有着极其重要的地位。建筑与绘画,雕塑虽有差别,但又有必然的联系。在法国哲学家笛卡尔的哲学中,物理学占据了很重要的成分。他认为物质只是广延性的东西,不能思想…. 想提升科学中空间的概念这块知识的朋友们,可以去读一下百科和论文,这块知识大致了解一下就行了,术业有专攻这部分内容就不多提了。

1.2 平面中“空间”的定义

因为平面是一个二维的空间,是二维零曲率广延的一种面,因此我们在定义空间时不需要考虑三维的“第个三维度(一个方向的向量)”带来的影响,我们只要定义空间中的最小单位与空间的相对关系,和定义空间的边际就可以了。是不是觉得有点意会难懂,其实不难理解,我来画张图。

undefined

如上图所示】平面二维空间中x轴与y轴无限大,那空间也会随之变大。而三维空间中z轴的不断扩大,空间就会随之变大。

只有在有边际的空间中置入一个要素,即使这个要素是最小要素,空间也能被界定。例如一个正方块(一个要素),被放置到一个参照的方框中,这时小的空间就会被界定。

undefined

如上图所示】二维平面和三维中坐标轴的范围就是界定后的空间,而坐标轴中具体的一个单位就相当于平面中的单一要素。当把要素放入一个有边际的空间中,这个空间就会被界定。

平面的空间可以被设计得看上去非常广阔并无边际,或者也可以被处理为看上去有边界并且能够被划分。将一个要素放入空间中,就形成了对应关系。当某个单一的要素置入空间中,或许很难辨别该要素究竟是大或小、高或低,甚至近或远,它仅仅漂浮于空间之中。空间的边界,无论是由一个方框还是页面边缘来界定,都有助于描述要素所处的位置。

undefined

如上图所示】如果不确定空间的边际,那该空间就会变得广阔无痕,而空间中的要素也无法确定其大小、高低和远近。而空间的边际被确定后,那该空间的要素就有了参照,该要素的大小、高低、远近就会被确定。

1.3 空间即是空白

空间即是空白可以用生活来举例子,例如当你们要把收纳箱填满,拿到的箱子,箱子周围加上底部这些材质形成的“围栏”就是空间的边界。那一个空的箱子里面空无一物,可以理解为箱子里面形成了一个“空间”,也可以理解为这个箱子是空的,是“空白“的。那往这个箱子里面放一本书,放进箱子的这本书就可以称为单一”要素“。

undefined

虽然说空间和空白在有些条件下会产生同样的结果,但其实空间和空白是有差别的,差别在于它们会受到物体/物质/分子的约束而变得意义不同。通常可以说一面墙是空白的,一个箱子是空白的,一个冰箱是空无一物的,而不能说一个宇宙是空白的,空无一物的,应该说一个宇宙是一个空间,他们之间的差别一定要搞清楚。

1.4 平面中的空白空间

这的内容我想在下一章要讲“空白”的概念的时候再讲一遍,提前先讲你们先理解一下,然后再去阅读那篇可能会产生不同的理解与心境。

在这里我想引用 威廉 · 莎士比亚 – 《皆大欢喜》话剧中的一句话:“我将一处填满,但当使其空置时,或许会更好”。的确,有目的的空白确实能带来意想不到的感觉。要使自己敏感于对空间的运用,最为重要的一步就是首先要看见空间的存在。格雷格 · 贝里曼(Gregg Berryman)在其《平面设计与视觉传达手记》中写道:每一个人都能‘看到’事物,但实际上很少有人能够‘看见’。

undefined

设计师必须有这种观察看的能力。观看意味着一种经过训练的,对于形状、色彩、纹理、样式和对比等视觉元素的高度敏感,这些元素构建了一种视觉语言,犹如单词构筑起了语义。设计师们最好有老师的指导把观察力训练的更加敏锐,但这种训练要凭借对优秀的艺术作品和设计案例的解析才能牢记于心并活学活用。

undefined

在视觉设计中,唯有空白空间最容易被忽视。正是由于对其缺乏关注,造成了大量丑陋和难以阅读的设计出现。丑陋和难以阅读表明了设计的两种不同的功能,这两种功能偶尔会同时出现。丑陋所针对的是一件物品的审美品质,是我们是否喜欢该件物品的一种评价。难以阅读则更为重要,因为一项难以阅读的设计时一项完全失败的设计。一份印刷文件,无论其用途或价值如何,可读性决不能被忽视。

undefined

设计的各要素总是被放在与其相关的环境中加以审视。在二维设计中空间被称为空白空间,位于文字和图像之后。它不仅仅是背景,如果一项设计的背景看起来相当得体,设计总体的清晰性和实用性将立刻倍增。因此,当空白空间运用得引人入胜,就会成为最为显著的部分。空白空间成了一个实体的形,实与虚的区域相互交织在一起。而这里空白空间的实不是指正形,虚也不是指负形,而是背景中大片空白面积是“实体”,要素的间距,字与字的间距中的空白部分是“虚体”。

undefined

实体部分空白的整块多一些;虚体部分空白被分割的多一些;

1.5 三维空间

绝大多数的平面设计都在二维的平面上进行的:垂直(纵向)和水平(横向)的。然而,我们观察世界却是以三维的方式加上深度(空间),这里的深度空间就是上面说的Z轴,第个三维度(一个方向的向量)。当我们把设计作品加上深度,也就是第三个维度,这时设计就赋有了“活力”,也可以说是具有了节奏感和动势,那相对的也更引人注目了。

undefined

所有的艺术家和设计师均面临着相同的问题。如何将一个空间对其进行划分、围合、限定、置入形式,从而赋予活力,使之具有意义。空白的空间对于平面设计师而言是一种挑战,要求其利用空白空间最有效地表达视觉语言的形式,以便使信息清晰地传达给读者。

undefined

 收藏