转载至：https://www.zcool.com.cn/article/ZNzM3MTM2.html本文是结合了阿利克斯 · 伍 · 怀特的设计经验而产出的结果，如有不对之处请多指点，多多批评。最近买了一批新书到了，就想赶紧把他们读完，这两个月大概看了24本了，自然的就没有时间更新了啊，然后就拖更了，非常抱歉。应网友们的需求，把版面/版心/网格/栅格这些理论知识点单独拿出来讲一下，以方便大家能更好的认识它们，并学以致用。后面我也会与大家分享一些其他的基础理论知识和高阶理论知识。我打算先讲“空间”和“平面”这两个基础概念，理解这两个概念是十分有必要的，不夸张的说这两个概念可以说的上是建立设计思维的基石，其重要性可想而知。那这篇文章主讲的内容就是“空间”，下一章要讲“平面”，虽然说这些概念意会难懂，但大家理解了这些基础概念的定义，就可以灵活运用在不同的作品层面中，相对的设计思维也会得到相应的提升。如果不去理解它们，那设计思维就会受到约束，也就是常说的陷入“思维定势”。要先理解这些概念后才能活学活用，就像先学习驾驶再去超车的道理一样。这章的内容有些抽象，很难去理解，我尽量以专业的视角去讲解这些概念来保持专业性，同时我也会加上通俗易懂的白话与足够直观的配图，方便大家去理解。概念来自阿利克斯 · 伍 · 怀特的平面设计原理，同时也非常感谢阿利克斯 · 伍 · 怀特前辈的分享。1、空间空间这个概念在各领域有各种不同的定义，这里只讲一下“科学”与“平面”中对空间的定义。科学中对空间的定义就大致了解一下就行，毕竟术业有专攻。而在平面中对空间的定义就讲的多一些。1.1 科学中“空间”的定义【可以不读】我们可以从不同的角度来解读“空间”。“空间”一词源自于拉丁文“Spatium”，从科学的角度来讲，“空间”包含：宇宙空间 、网络空间、思想空间、数字空间、物理空间等等，从科学的角度来定义“空间”，其含义是“由一个物体同感觉它的人之间产生的相互关系所形成”。
111648nsjhou6k22ckyt6w.jpg
(136.84 KB, 下载次数: 0, 售价: 1 U点)
空间和时间具有客观性，同运动着的物质不可分割。不可否认，建筑在创造空间方面有着极其重要的地位。建筑与绘画，雕塑虽有差别，但又有必然的联系。在法国哲学家笛卡尔的哲学中，物理学占据了很重要的成分。他认为物质只是广延性的东西，不能思想…. 想提升科学中空间的概念这块知识的朋友们，可以去读一下百科和论文，这块知识大致了解一下就行了，术业有专攻这部分内容就不多提了。1.2 平面中“空间”的定义因为平面是一个二维的空间，是二维零曲率广延的一种面，因此我们在定义空间时不需要考虑三维的“第个三维度（一个方向的向量）”带来的影响，我们只要定义空间中的最小单位与空间的相对关系，和定义空间的边际就可以了。是不是觉得有点意会难懂，其实不难理解，我来画张图。
111648o8853th1k3q235kb.jpg
(86.95 KB, 下载次数: 0, 售价: 3 U点)
【如上图所示】平面二维空间中x轴与y轴无限大，那空间也会随之变大。而三维空间中z轴的不断扩大，空间就会随之变大。只有在有边际的空间中置入一个要素，即使这个要素是最小要素，空间也能被界定。例如一个正方块（一个要素），被放置到一个参照的方框中，这时小的空间就会被界定。
111648fxx7h7j8vzzbbgy8.jpg
(105.36 KB, 下载次数: 0, 售价: 1 U点)
【如上图所示】二维平面和三维中坐标轴的范围就是界定后的空间，而坐标轴中具体的一个单位就相当于平面中的单一要素。当把要素放入一个有边际的空间中，这个空间就会被界定。平面的空间可以被设计得看上去非常广阔并无边际，或者也可以被处理为看上去有边界并且能够被划分。将一个要素放入空间中，就形成了对应关系。当某个单一的要素置入空间中，或许很难辨别该要素究竟是大或小、高或低，甚至近或远，它仅仅漂浮于空间之中。空间的边界，无论是由一个方框还是页面边缘来界定，都有助于描述要素所处的位置。
111648j66zd734fpedft7p.jpg
(91.41 KB, 下载次数: 0, 售价: 3 U点)
【如上图所示】如果不确定空间的边际，那该空间就会变得广阔无痕，而空间中的要素也无法确定其大小、高低和远近。而空间的边际被确定后，那该空间的要素就有了参照，该要素的大小、高低、远近就会被确定。1.3 空间即是空白空间即是空白可以用生活来举例子，例如当你们要把收纳箱填满，拿到的箱子，箱子周围加上底部这些材质形成的“围栏”就是空间的边界。那一个空的箱子里面空无一物，可以理解为箱子里面形成了一个“空间”，也可以理解为这个箱子是空的，是“空白“的。那往这个箱子里面放一本书，放进箱子的这本书就可以称为单一”要素“。
111648mwkhsebw224esska.jpg
(49.75 KB, 下载次数: 0, 售价: 3 U点)
虽然说空间和空白在有些条件下会产生同样的结果，但其实空间和空白是有差别的，差别在于它们会受到物体/物质/分子的约束而变得意义不同。通常可以说一面墙是空白的，一个箱子是空白的，一个冰箱是空无一物的，而不能说一个宇宙是空白的，空无一物的，应该说一个宇宙是一个空间，他们之间的差别一定要搞清楚。1.4 平面中的空白空间这的内容我想在下一章要讲“空白”的概念的时候再讲一遍，提前先讲你们先理解一下，然后再去阅读那篇可能会产生不同的理解与心境。在这里我想引用 威廉 · 莎士比亚 - 《皆大欢喜》话剧中的一句话：“我将一处填满，但当使其空置时，或许会更好”。的确，有目的的空白确实能带来意想不到的感觉。要使自己敏感于对空间的运用，最为重要的一步就是首先要看见空间的存在。格雷格 · 贝里曼（Gregg Berryman）在其《平面设计与视觉传达手记》中写道：每一个人都能‘看到’事物，但实际上很少有人能够‘看见’。
111648szs2ejccjp1ergcs.jpg
(195.63 KB, 下载次数: 0, 售价: 3 U点)
设计师必须有这种观察看的能力。观看意味着一种经过训练的，对于形状、色彩、纹理、样式和对比等视觉元素的高度敏感，这些元素构建了一种视觉语言，犹如单词构筑起了语义。设计师们最好有老师的指导把观察力训练的更加敏锐，但这种训练要凭借对优秀的艺术作品和设计案例的解析才能牢记于心并活学活用。
111648kovxq9va9i9ov440.jpg
(149.17 KB, 下载次数: 0, 售价: 4 U点)
在视觉设计中，唯有空白空间最容易被忽视。正是由于对其缺乏关注，造成了大量丑陋和难以阅读的设计出现。丑陋和难以阅读表明了设计的两种不同的功能，这两种功能偶尔会同时出现。丑陋所针对的是一件物品的审美品质，是我们是否喜欢该件物品的一种评价。难以阅读则更为重要，因为一项难以阅读的设计时一项完全失败的设计。一份印刷文件，无论其用途或价值如何，可读性决不能被忽视。
111648uhbmgbgvh4b0p4ph.jpg
(152.39 KB, 下载次数: 0, 售价: 4 U点)
设计的各要素总是被放在与其相关的环境中加以审视。在二维设计中空间被称为空白空间，位于文字和图像之后。它不仅仅是背景，如果一项设计的背景看起来相当得体，设计总体的清晰性和实用性将立刻倍增。因此，当空白空间运用得引人入胜，就会成为最为显著的部分。空白空间成了一个实体的形，实与虚的区域相互交织在一起。而这里空白空间的实不是指正形，虚也不是指负形，而是背景中大片空白面积是“实体”，要素的间距，字与字的间距中的空白部分是“虚体”。
111648rlz0p57888l7ifiq.jpg
(186.65 KB, 下载次数: 0, 售价: 4 U点)
实体部分空白的整块多一些；虚体部分空白被分割的多一些；1.5 三维空间绝大多数的平面设计都在二维的平面上进行的：垂直（纵向）和水平（横向）的。然而，我们观察世界却是以三维的方式加上深度（空间），这里的深度空间就是上面说的Z轴，第个三维度（一个方向的向量）。当我们把设计作品加上深度，也就是第三个维度，这时设计就赋有了“活力”，也可以说是具有了节奏感和动势，那相对的也更引人注目了。
111648lyzulqhgqln8rrma.jpg
(197.42 KB, 下载次数: 0, 售价: 1 U点)
所有的艺术家和设计师均面临着相同的问题。如何将一个空间对其进行划分、围合、限定、置入形式，从而赋予活力，使之具有意义。空白的空间对于平面设计师而言是一种挑战，要求其利用空白空间最有效地表达视觉语言的形式，以便使信息清晰地传达给读者。
111648v7juxbgrbxrxuxgb.jpg
(167.49 KB, 下载次数: 0, 售价: 4 U点)
设计中的深度是真实的。其真实性体现在我们翻转页面，体现在我们队物品的拍摄上，也体现在我们试图在一个要素之前显示另一个要素。深度是吸引读者的一个强有力的工具，并且为设计师提供了探索新的可能的一次良机。1.6 二维与三维空间我们生活在一个有高度、宽度和深度的三维空间中。然而，印刷的版面是平的（平面），也只有高度和宽度（二维）。空间的错觉可以是任意体积的，可以暗指一个固体或空洞的空间。维度空间的错觉常常吸引注意力，按时真实性，并有助于读者进入到页面的构成之中。
111648ew98ybgv9ba995tz.jpg
(126.84 KB, 下载次数: 0, 售价: 6 U点)
下面有几种途径能够在二维中创造出接近三维空间的方法：【要素重叠】将一个物品放置在另一个物品之前使后者模糊，从而最有效地重建真实空间。【通过模糊要素来暗示动态】通过PS进行处理，分割图像，或对某些要素进行重复。
111648qz4k2he8nnkamm0l.jpg
(174.65 KB, 下载次数: 0, 售价: 1 U点)
【运用比例视觉等级】改变要素的预期尺寸，以形成令人惊奇的关系。【运用透视法】透视法是在平面上表现体量和空间关系的一种技巧。
111648yoyn7itzyoyci3nn.jpg
(215.64 KB, 下载次数: 0, 售价: 4 U点)
最后附加一段吧，平面设计应该在阅读过程中考虑到三维空间的运用。例如，海报设计成两层阅读关系时，在距离较远时造成一种重要的视觉效果，从而吸引读者的注意，去获取次要的、更详细的信息。在距离较近时营造一种亲切的整体氛围，让读者沉浸其中思考海报的所表达的信息。* 总结空间的定义：空间在科学领域和平面构成中的平面设计领域均有定义。科学的角度来讲：“空间”包含：宇宙空间 、网络空间、思想空间、数字空间、物理空间等等，从科学的角度来定义“空间”，其含义是“由一个物体同感觉它的人之间产生的相互关系所形成”。平面的角度来讲：平面又分为平面二维和三维；在平面中定义空间是定义空间中的最小要素与空间的相对关系，和定义空间的边际。空间的界定：在二维平面和三维中，xzy轴的扩大，空间边际也会随之增大。空间即是空白：在特定情境下，空间即是空白。平面中的空白空间：有时适当做些空置，也许会更好。平面中的空白空间：训练对形状、色彩、纹理、样式和对比等视觉元素的高度敏感。平面中的空白空间：空白空间的实体与虚体，实体部分空白的整块多一些；虚体部分空白被分割的多一些。三维空间：当我们把设计作品加上深度，也就是第三个维度，这时设计就赋有了“活力”，也可以说是具有了节奏感和动势，那相对的也更引人注目了。三维空间：适当留出空白空间来提出主体，但要按实际需求而定。二维与三维空间：二维设计更意象化，三维设计更加具有真实感。二维与三维空间：四种能在二维中创造出接近三维空间的方法 - 要素重叠、通过模糊要素来暗示动态、运用比例视觉等级、运用透视法。谢谢阅读感谢支持这篇文章概念性知识偏多，对于新手来说理解起来肯定会很吃力。就这一点而言我是没有办法再做简化了，简化太多会失去专业性，简化太少又很难消化，这就像微积分就是要比小学数学难理解一样。不过没有关系，就算大家不能完全吃透，了解也行啊，能学到10%也算是提升。这篇文章为了保证专业性，部分内容摘抄了阿利克斯 · 伍 · 怀特的平面设计原理一书，是怕在比较难理解概念中加了个人观点会曲解概念的本意，同时也非常感谢阿利克斯 · 伍 · 怀特的知识分享。我们要以正确的态度和积极的心态来学习新知识，希望大家能在这一点上达成共鸣。最后就以书中的一句话做结尾吧：好的设计不只是外观好看。人们买的并不是审美，而是情感。他们想要体会到：它能为用户做什么，它如何操作，以及它是怎样工作的。并且最重要的是，用户如何能感受到它。- 罗伯特 · 布伦纳记得点个赞哦！∨ |
