硬核读书笔记:造型与空间原理探索与分析

其它优秀文章推荐:

巧用英文字母,让海报更有设计感

数据表设计的超赞20条指南

硬核读书笔记:格式塔与视觉原理探索分析

硬核读书笔记:设计中平衡与张力原理的探索分析

硬核读书笔记:平面设计中的认知学格式塔与视觉知觉

硬核读书笔记:平面设计中构图与形状原理探索与分析

空间分割还是用不好? 海报设计中内空间的使用案例教程

 

造型与空间的定义

造型即元素、材料,包括:形状、线条、肌理、文字、图像等各种组成版面结构的物质。

空间不单指整个设计的版面,还包括元素的内部空间,以及元素置入版面后划分而产生的所有空间。
硬核读书笔记:造型与空间原理探索与分析

所有的平面设计,归根结底都是对造型的处理。

因此每个元素都应精心考虑,而不是无意义添加。造型无论多抽象简单,都传递含义。每种造型都其自身特征,但整体归纳后只有三类:点、线、面。

上遍分析了它们的自身属性,这篇分析它们与空间的相互关系。

图文的比例在空间中位置的安排(是采用斜线构图还是3分构图)视觉的优先层级(那个元素首先被观者看到)、视觉的方向引导(元素在版面中的位置是上方下方还是左边右边)等,本质的原理是造型与空间的相互关系造型与造型、造型与空间、空间与空间,不同的位置、不同的比例相互作用,就会产生的不同的情感张力。

通常很多人认为人眼观察物体或版面,第一眼是对色彩产生反应。

其实大脑最先感觉到的是整体空间结构,也就是造型与空间的关系。(如一面墙的左边有一幅画,角落有一堆散落的物品,一幅画下方有一个人,对角线构图,左右构图等等)。

硬核读书笔记:造型与空间原理探索与分析

元素结构较为简单或色彩饱和度不高的情况下,造型与空间的关系表现的更为明显。

观者对画面心理感受的优先级应为:造型与空间关系>色彩>造型轮廓>造型內容。由于造型与空间的关系比较隐性,因此往往容易被忽略。所以把握好整体造型与空间的关系是正式设计的第一步。

“平面设计如棋场博弈,于空间内每落一子,皆制衡左右,直致成败。”

硬核读书笔记:造型与空间原理探索与分析

造型与空间的关系

造型只有与载体才能发挥作用。载体就是指空间(版面)。空间可以是二维或三维。

造型分类:通常概括为点、线、面。

空间分类:通常为正方形和长方形。

方形版面没有明显特征,因其所有边长相等,任何一个方向上都没有强调和对比,因而观众得以将注意力集中在元素的相互作用上。水平或垂直版面则具有动感,其形状让观者视线必须上下或左右移动,大脑对版面不同的长度和大小潜在进行估算对比,从而产生伸展的张力。

硬核读书笔记:造型与空间原理探索与分析

造型与空间的基本关系:造型被认为是积极的(正),称作图案,空间被认为是消极的(负),称作基底。造型与空间是相互补充、依赖的关系,一方发生变化,另一方必定产生改变。处理造型(正)必定会影响基底(负),因此图底关系是视觉设计最重要的工作,变动一个元素必定影响其它的元素与空间,以及观者感受与信息视觉层级等。

图底关系活跃则传递有关能量、变化和主动等信息,关系静态则传递有关宁静、和谐和深思等信息。对比越多、越复杂,版面活跃性越强,对比越少、越简单,版面静态性更强。

硬核读书笔记:造型与空间原理探索与分析

通常情况来说元素较少对比也越少,元素较多对比也会增加。

打破空间:空白空间(版面),是无特征、静态的。直到元素的加入才会发生改变。元素的加入会打破原有空间,继而产生新的空间,元素越多,空间越复杂,空间也会越小。

空间状态:分为动态与静态。因为版面是二维平面的,而要在平面上表现出动感或深度感,最主要的就是要改变二维平面本身的静态感。

在版面中,如果被元素划分而产生的空间在视觉感受上是平均的,通常呈现为静态、迟钝的。要避免作品无趣、呆板,最主要的方法就是把元素与元素,元素与版面边缘之间的空间比例变的不同。

元素与元素、元素与版面边缘距离越近,张力越强。

硬核读书笔记:造型与空间原理探索与分析

由于前者元素周围空间较为平均,整体构图呈现为静态。后者由于元素离版面边缘较近,导致周围空间不平衡,产生了动态的张力,离边缘越近,张力越强。

对称与不对称:所有构图都有两种基本逻辑特征:对称与非对称。

对称是一种构图状态,指元素布局围绕版面的中轴排列(垂直或水平轴),或是以自身中心轴来布局。对称布局会让元素周围多个空间或轮廓相同,由于各部分比例内容一致(呈现镜像效果),无需过多思考比对,因此很难勾起观者兴趣,此时造型与空间处于在一种静止状态,所以对称是一种静态构成。

不对称则会需要大脑来辨别不同之处,刺激观者的眼睛活动,增进观者区别和联想内容的能力,所以不对称是一种动态构成。元素之间或元素周围所有比例若发生改变,其结果就是改变对称性。不对称性指任何造型的排列与中心轴都没有关系,整个画面将是各种不同比例空间的集合。

硬核读书笔记:造型与空间原理探索与分析

前者是围绕中心轴的对称构图,呈现为静态。后者不对称构图,产生对比,有了动感和深度,呈现为动态。

造型与空间的意义生成

激活空间:在构图的过程中,空间某些部分因为元素的布局可能与其它部分分离从而孤立。分离孤立的空间会处于一种“迟钝、静止”状态,并引起观者注意。因为这部分无法与构图中其它部分彼此呼应。此时需要激活它,使之与其它空间进行关联、交流来完善构图。

硬核读书笔记:造型与空间原理探索与分析

前者多个元素排列位于同一视平线,导致构图的上部结构空间敞开,阻碍了视线的运动,此时处于迟钝、静止状态。后者将其中一个元素移出水平线,激活了这个空间。

造型与造型及空间的意义生成:元素与元素,元素与空间在版面中位置、空间的相互关系都传达不同的额外信息。如若干元素聚集在一起或排列同一直线上,暗示它们彼此有关联(有时也可以称作“亲密性”)。不同的空间距离将元素分成不同区域,暗示每组元素意义不同。

硬核读书笔记:造型与空间原理探索与分析

一组元素与其它一些元素区别开来,可以引发观者思考、比较。经过观察比较后,会产生各种问题:如它们为什么会不同?、这些不同意味什么?、某个不同元素表达的意义是否更重要?(以上展示只是演示部分方法来催生意义生成的方法)。

元素与元素及空间相互作用的结果就是催生了含义。当元素拥有不同外形、肌理,或发生旋转、重复、聚集等等,其它各种不同状态时,都会获得不同含义。上述每种情况都会在其本身意义上再次注入更多含义。

很多朋友对于各种抽象表现手法的作品常常表示无法理解,很有可能是你对它的内在信息或额外含义理解的不够。希望此段内容能对你有所启发。

硬核读书笔记:造型与空间原理探索与分析

不同元素拥有自己的外形与肌理,加上不同的排列、运动、对比方式,再加上不同的空间关系时,在自身拥有的天然信息之上,增加了更为复杂的额外信息。

造型与空间编排注意事项:元素与元素或空间在版面中应保持定联系,才能使版面不至于杂乱、无序,我知道有同志肯定会问:什么是保持一定联系?这个问题是个非常有技术跟深度的问题!

1.造型上:多个元素以某种规律或运动方式组合。如多个元素无论在版面任何位置,元素与元素边缘保持对齐。元素以弧形、方形、对角线、S线等方式排列。

2.空间上:如果因为内容差异性、分组性的需要,没有对象可供对齐,此时要保证空间的负空间(间距)比例保持某种规律或运动方式。如间距保持相同、倍数关系、递增递減等数学规律(网格系统很多情况下就是这利用此关系)。

硬核读书笔记:造型与空间原理探索与分析

元素或空间可以以不同规律性的、运动性的方式来排列组合,来保持一定联系。

硬核读书笔记:造型与空间原理探索与分析

前者多个元素都以边缘对齐来保持联系,后者以元素之间的间距比例来保持联系。

当然,元素与元素保持一定规律、元素与空间保持一定规律并不是完全适用所有排版。很多抽象或豪放派的作品,追求的是不规律的、自由的表现方式。

所以,重复我上篇回答一位朋友的话:没有绝对的设计准则,根据具体的创意和表现形式来。创意不同,选择的元素和表达技法也会不一样。这就是设计的乐趣。

最佳视觉区:在版式设计时,也应考虑将重要的信息或视觉流程停留点安排在吸引视线注目的最高位置,也就是最佳视觉区。

版面中不同的区域,注目的程度也有所不同。上部轻快、积极,下部稳定、压抑,左侧自由、活力,右侧紧促、庄重。编排方向性视觉流程关系时,要注意元素之间间距大小的节奏。

间距大,节奏減慢,视觉流程较为舒展。但如果过大,则会失去联系,彼此无法呼应。间距小,节奏强而有力,信息可视性高,布局显得紧凑。但如果间距过小,会显得拥挤,造成视觉疲劳。

硬核读书笔记:造型与空间原理探索与分析

 

不同区域的视觉注目占比有所不同

以上都是近年来阅读的笔记和心得总结,一直想整理一下,拖到今年才完成。

特意分享给各位作为参考交流,本文还有诸多不足,还望各位批评指证。

仅作免费交流与启发,请勿商用!谢谢!

参考书籍:

《美国视觉设计学院用书-设计元素》蒂莫西.萨马拉

《美国视觉设计学院用书-完成设计》蒂莫西.萨马拉

《美国视觉设计学院用书-图形、色彩、文字、编排、网格设计参考书》蒂莫西.萨马拉

《版式设计》西南师范大学出版社
硬核读书笔记:造型与空间原理探索与分析



属性标签: ,

欢迎留言

页面生成消耗的时间 0.446 秒,此页面一共查询了 113 次数据库!缓存时间:2020-08-09 19:35:42你的IP为:58.211.2.120