欢迎来到一路培训网!
无锡
切换分站
QQ276157202
课程分类
    版式设计里的“张力”是什么意思?今天帮你解答
    2020-06-20发布, 次浏览 收藏 置顶 举报
版式设计里的“张力”是什么意思?今天帮你解答
  • 区域:江阴
  • 上课班制:随到随学
  • 课程类型:普通课程
  • 授课时间:8小时全日制
  • 授课对象:学员
  • 网报价格:¥18888    课程原价:¥19800
  • 咨询热线:18101526773
  • 课程详情
  • 老师简介
  • 地图信息
  • 网上报名



首先我们来了解一下张力的概念,从百科中的解释可以初步了解到,张力是物体收到拉力而产生的牵引力,这么说是不是还是很晕


通俗一些解释,可以将它理解成在拔河时绳子两端受到的左右拉力,我们看整个画面在视觉心理上产生了一种向左右扩张的感觉。


就像上图中的气球一样,内部充气后产生了向外膨胀的扩张力。外部的包裹部分也同时向内产生收缩的力,从而产生了一种相互制约的紧张感。


在艺术和设计以及文学领域中,视觉张力这个词也经常用来形容和谐与冲突之间的强烈对比,它是一种经过美学经验与审美倾向后的主观评价。


今天我们不讲那么深奥的直觉式感受,而是从平面构成的角度来深度解析视觉张力在版式设计中的作用,客观的了解康定斯基在其著作《点线面》中所提及到的视觉张力理论 。


支撑起我们身体外形的是藏在内部的骨骼部分。而在版式设计中也同样需要支撑起整个版面的骨骼元素。


新人设计师经常会出现的问题就是会把整个版面填充的很满,它们认为这样能让版面变得饱满。但事实上这样并不能解决什么问题。


我们需要转换思维模式,客观的重新认识版面中元素起到的作用。


从构成的角度说,版面中只要出现一个很小的点就已经足够吸引观者的注意力了。点是视觉力量的中心,它在版面中能够产生占据空间的作用。


当版面中出现两个点元素时,我们的视线会下意识的在他们之间形成一条隐形的线,即使他们离的很远。正是由于存在着这条无形的线段连接,才让两个点之间产生了关联。包括两点之间的空白区域在内,它们都会被看做一个整体。


当版面中出现三个点时,我们在心理上便会自然形成一个负形的三角形,它与背景之间会形成图底关系,点与点之间的距离决定了这个三角形的大小。


同样的道理,当版面中出现四个点时,矩形的负空间与版面形状产生了呼应。四个点之间的内部会形成一个假想的视觉面积,点与边界的距离也为我们定义的版心的大小,这也是版面中张力的主要来源。


点具有相互链接的属性,当很多个距离相等的点占着水平方向排列会产生线段的印象。


而一个阵列的点相互链接就成了一个面。


举个比较常见的例子,段落文字就是由许多个点组合而成的面。


古人为了记忆天空中的星象,会将相邻的星星连接起来,就像图中的北斗七星,通过同形联想,它就像是一个勺子。人们就是通过记忆勺子形状来找到北斗七星的。


西方的星座也是同样的道理,将相邻的点连接形成对应的图案,最终形成我们现在看到的星座图形。


当版面中只有两个点时,我们可以得到的信息只有版心的宽度距离,而想要得到一个完整的版面。我们还需要一个确定高度的点才行,通过这三个点的位置来脑补出整个版心的张力大小。


也就是说,想要达到支撑起整个版心的目的,版面内最少需要三个支撑点。


这种脑补的原因来至于视觉的闭合心理,我们会将那些区域闭合的图形自动视为一个完整的内容,就像图中的图形。通常人们会认为他们是三个完整的组,因为括号内的距离更接近,那么事实上真的是这样吗?


实际上六组图形的物理距离是完全相等的,之所以会产生括号外大于括号内的错觉完全是因为视觉心理在作怪。


到此我们可以大致总结一下版面中的张力是怎样产生的,以版面的四角作为支撑点,在这一基础上,如果还有剩余的元素可以编排在垂直与水平的位置上。这样整个版面就被支撑起来了,形成了一个完整的面积,给人传达出了饱满的视觉印象。在实际编排中由于层级的介入版面中的元素并不一定都是等大的,同时随着主体轮廓的不同,也会形成绕拍等不同位置的结果。但万变不离其宗,版面中每个元素的聚散离合都会影响到整个版面的张力大小。




















这个版面是主要运用了点的分散和链接作用,点与点之间虽然面积较远但是依然在视觉上会被看成一个整体,其余层级的内容则是以线的形态出现在版面中。经过解构我么可以看出,版面中的张力主要来源于版心四角的位置,这个版面是通过四个点支撑起来的。










接下来看这个版面,首先我们标识示出人物的面积,随后是山峰的面积,文字以点的形式分散于版面中。由于点与点之间的连接作用,我们可以将其看做四条竖线。而线与线之间相连就成了一个面,这个版面主要起到支撑作用的是边缘的三个点。












对于这个版面来说呢,与之前的版面相比,版面中元素并不是等大的。它的元素分布情况大概是这样的,接下来我们标出它的版心大小,可以明显看出这个版面中起到张力作用元素主要有三个,而其余的元素则分布在版心的内部空白位置。












从元素的排布上看就基本可以得出版心的大小了,元素之间通过对齐与扩张,形成了一个方形的面积,版心的四个角落都有支撑点。










我们在看这个版面,它由一个主体,和两个文字组以及logo构成,这是一个典型的由三点支撑起来的版面。










这个同样是由三个点支撑起来的。










这个呢,经过结构可以很明显的看到,元素分散到版面的四角,形成向外扩张的结构,其余信息放置在空白位置。










这个版面较之前就要更复杂一些了,来看一下它的结构,标出版心后可以看出元素基本上是围绕着版心的大小进行排布的,左下角为了增加元素的张力作用,依然采用了三点的分布方式来占据更大的空间面积,从宏观角度来说版面依然采用了三个点的骨骼结构。










这个版面呢,可以看出版心采用了四个点来支撑,剩余两个文字信息分布在版面的水平方向,就是图中标注成蓝色的位置。










这个版面中出现了带有出血的元素,看一下它的版心和元素的构成情况,采用了四个点的出血结构。










这个版面的变化性相对难度更大,我们来看它的构成结构,可以看到整个版面大致分为两栏,左侧小栏和右侧大栏内的元素编排都采用了三大支撑点来产生版心的张力效果。从整体的角度观看版面,也会得出同样的三点支撑版心的印象。










这个版面中,主体的形状变化较强。除编排在四角的元素外,其余元素都采用了绕排的呼应形式安排在了空白位置上,整体看去采用了四个点来产生张力作用。










这个也是一样,采用纯文字的版面编排,占据四个角落,其余元素编排在空白位置。










这个呢,版心的张力主要来源是四个角落的元素位置。










我们来总结一下,当版面底部已经有一个很大的图像或者文字时,版面顶部只要有一个元素就可以撑起整个版面的张力。












顶部也可以是两个元素来同时产生张力作用。

联系我时请说明是在一路培训网看到的,谢谢!

该机构尚未标注地图位置。

© 一路培训网 粤ICP备08092688号