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

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

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词

设计中的深度是真实的。其真实性体现在我们翻转页面,体现在我们队物品的拍摄上,也体现在我们试图在一个要素之前显示另一个要素。深度是吸引读者的一个强有力的工具,并且为设计师提供了探索新的可能的一次良机。

1.6 二维与三维空间

我们生活在一个有高度、宽度和深度的三维空间中。然而,印刷的版面是平的(平面),也只有高度和宽度(二维)。空间的错觉可以是任意体积的,可以暗指一个固体或空洞的空间。维度空间的错觉常常吸引注意力,按时真实性,并有助于读者进入到页面的构成之中。

undefined

下面有几种途径能够在二维中创造出接近三维空间的方法:

要素重叠】将一个物品放置在另一个物品之前使后者模糊,从而最有效地重建真是空间。

通过模糊要素来暗示动态】通过PS进行处理,分割图像,或对某些要素进行重复。

undefined

运用比例视觉等级】改变要素的预期尺寸,以形成令人惊奇的关系。

运用透视法】透视法是在平面上表现体量和空间关系的一种技巧。

undefined

最后附加一段吧,平面设计应该在阅读过程中考虑到三维空间的运用。例如,海报设计成两层阅读关系时,在距离较远时造成一种重要的视觉效果,从而吸引读者的注意,去获取次要的、更详细的信息。在距离较近时营造一种亲切的整体氛围,让读者沉浸其中思考海报的所表达的信息。

* 总结

空间的定义:空间在科学领域和平面构成中的平面设计领域均有定义。

科学的角度来讲:“空间”包含:宇宙空间、网络空间、思想空间、数字空间、物理空间等等,从科学的角度来定义“空间”,其含义是“由一个物体同感觉它的人之间产生的相互关系所形成”。

平面的角度来讲:平面又分为平面二维和三维;在平面中定义空间是定义空间中的最小要素与空间的相对关系,和定义空间的边际。

空间的界定:在二维平面和三维中,xzy轴的扩大,空间边际也会随之增大。

空间即是空白:在特定情境下,空间即是空白。

平面中的空白空间:有时适当做些空置,也许会更好。

平面中的空白空间:训练对形状、色彩、纹理、样式和对比等视觉元素的高度敏感。

平面中的空白空间:空白空间的实体与虚体,实体部分空白的整块多一些;虚体部分空白被分割的多一些。

三维空间:当我们把设计作品加上深度,也就是第三个维度,这时设计就赋有了“活力”,也可以说是具有了节奏感和动势,那相对的也更引人注目了。

三维空间:适当留出空白空间来提出主体,但要按实际需求而定。

二维与三维空间:二维设计更意象化,三维设计更加具有真实感。

二维与三维空间:四种能在二维中创造出接近三维空间的方法 – 要素重叠、通过模糊要素来暗示动态、运用比例视觉等级、运用透视法。

谢谢阅读

感谢支持

这篇文章概念性知识偏多,对于新手来说理解起来肯定会很吃力。就这一点而言我是没有办法再做简化了,简化太多会失去专业性,简化太少又很难消化,这就像微积分就是要比小学数学难理解一样。不过没有关系,就算大家不能完全吃透,了解也行啊,能学到10%也算是提升。

这篇文章为了保证专业性,部分内容摘抄了阿利克斯 · 伍 · 怀特的平面设计原理一书,是怕在比较难理解概念中加了个人观点会曲解概念的本意,同时也非常感谢阿利克斯 · 伍 · 怀特的知识分享。

我们要以正确的态度和积极的心态来学习新知识,希望大家能在这一点上达成共鸣。

最后就以书中的一句话做结尾吧:

好的设计不只是外观好看。人们买的并不是审美,而是情感。他们想要体会到:它能为用户做什么,它如何操作,以及它是怎样工作的。并且最重要的是,用户如何能感受到它。- 罗伯特 · 布伦纳

 收藏