浅谈版面设计中的视觉元素

浅谈版面设计中的视觉元素

版面设计也称为版面设计和布局设计。为了满足项目接口的特定需求，将有限的视觉元素有机地排列在一起，形成一个理性化的个性思维表达过程。这是一种具有自身风格和艺术特色的视觉交流方式。版式设计的范围涉及到平面设计以及现代信息社会中的一切视觉传达与广告传达领域,可以说是现代设计者应必备的基本功之一。作为设计师,不仅要把美的感受和设计观点传达给观众,更重要的是要广泛调动观众的阅读激情,引发读者阅读的欲望,而纵深感和动感的表现正是引发读者阅读的主要手段之一,它能使版面冲满激情与趣味,加深读者印象,更好地为主题服务。在版式设计中常提到消极的版面与积极的版面。消极的版面是指过于静态、毫无生机、平板的版式设计,积极的版面则正好相反,而具有空间深度和动感的版式最能体现这种积极感。设计中有句话叫做“保险的设计”,其实是一个贬义词汇,其意是指为了求得客户的认可而做的不敢冒险的、不敢突破的,中庸的设计风格。与保守的版面设计相比,具有设计感的,不同凡响的设计在视觉传达上是占有明显优势的。以下就此谈谈如何体现版式设计中的两个重要因素:纵深感和动感。视觉设计就是各种形状的组织和安排,所有的设计要素都有一定的形状,设计师要学会用点、线、面(形状)的眼光看待版面。阿历克斯·伍·怀特指出:“学会把每个要素都看成一种形状,是需要时间和努力的。对形状的敏感性标志着个人设计能力的重大突破……”英国雕塑家亨利·摩尔说:“对设计敏感的观察者应该把形状就简单地看成是形状,而不是看成一种描绘或理念。比如,他必须把鸡蛋看成一个简单的固体形状,撇开它作为食物的意义或它将变成一只小鸡的想法。”以上的言论意在说明在设计中对形的关系的把握的重要性。了解并熟练的把握它们的视觉特性对版式设计是必须的,以点线面的抽象观去观察体会设计元素,会使我们更快地掌握版面设计的根髓,这也是版面设计中首先要讲到的。一、空间的容纳性纸张是平面的,二维的,其中深度的一维我们往往不注意加以表现,中国的造型艺术大多以平面为主,受此影响,很多设计者较为注意点线面形象在平面上的位置安排,而往往忽略纵深感。试想,版面如同一个储物柜,除了上下左右位置的利用,柜子里外空间的容纳性应是同等重要的。在二维设计作品中体现三维,就是设计师在平面视觉的背后找到一个视觉纵深感的过程,这种空间仅仅是图形对人的视觉引导作用形成的感觉的幻想空间。这种纵深感超越了纸张的二维平面特质,其实是指向版面深处延伸的纵深分割,犹如—幅风景画具有清晰的近景、柔和的中景、轻柔的远景一般,各层次间的对比可强可弱,有助于形成多种情调的版面,这种方法叫“三分法”。适度的纵向分割使版面主次分明,避免了主次不分、杂乱无章的状况。但也要注意版面空间不宜过多,否则会使画面显得凌乱。除了经常用到的“三分法”来表现立体纵深感之外,还有以下方法可以增加版面的纵深感。1.视觉上的空间关系即一个形覆叠在另一形之上所产生的前后关系和空间层次感。形态在空间中的几种关系是:分离、接触、覆盖(叠压)、透叠、联合、减缺、差叠、重合,除了重合是一种特殊的覆盖外,其他几种形式均表现为一种平面的关系。在版面中,为了营造立体空间,文字、图片、图形等元素互相覆盖叠压,就会形成一种视觉上的空间关系。这种叠压产生的空间效果并不在于叠压面积的大小,有时哪怕是一个小小的边缘的叠压,线与图、点与图的叠压等,也会造成前后很明显的层次感。版面中除了靠覆盖来实现空间外,设计师还经常利用形的交错叠压来实现形的前后不确定性,巧妙利用形象之间的分离、接触、覆盖、透叠、联合、减缺、差叠、重合的关系来制造矛盾,在顺畅表达概念的基础上加强阅读时的趣味感。3.大小的变化利用近大远小、近实远虚、焦点透视等规律来建立空间上的感受。改变物体的大小是显示物体间距离的最明显和最自然有效的方法,这种状况在所有绘画作品中都能看到。在版式中不同文字字号的选择,图片文字的大小渐变效果,图片大小的调整或者图片的透视变形等等均可产生强烈的透视效果。4.前后空间的变化所谓“近实远虚”,“虚”也就是模糊,也经常被人们称为“大气透视”或“空气透视”,版面设计中可以采用模糊背景物的方法来拉大前后空间。在版面中,往往为了烘托气氛或者营造效果而把处于文字下的满底图进行模糊化处理,这样既突出了文字,增加了可辨性,又使文字与背景间产生了一定的空间感。当然这种被模糊的图片往往只是起到烘托气氛的作用,其形象的明确性并不重要。二.运动感的两种形式动态编排是指强调版面中组成元素的运动感和跳跃性,摆脱平板而静态的表现方法,从而形成一种具有倾向性张力的排版方式。版面中的动感实际上就是加强各种张力,使读者以动态的心理去体验。阿恩海姆在《艺术与视知觉》中指出了运动感的两种形式:一种是通常所指的某一物的位置移动,另一种,是从不存在物体运动的地方观察到的运动,这就是张力。“张力的存在状态类似于一种‘伽玛运动’。所谓‘伽玛运动’,就是当一个物体突然出现和突然消失时我们所观察到的运动”。张力运动是从中心向四周发出的辐射线,一般沿着几何体的主轴方向向外扩张。正方形和正圆形的这种张力互相抵消,因而显得较为静止,而椭圆和长方形的张力是沿较长轴趋动。箭形或楔形具有指向性,其张力更为明显。在版面设计中正确运用张力的作用,就会制造出具有动感的版式。版面的动感可以靠以下方法体现出来:1.非物质状态的心理体验凭借人类敏感、细微的感受力,可以感觉到版面中物体的不同位置,不同大小会给人以不同感受。这些感觉是人们从生活中获得的经验作用于视知觉产生的。膨胀、收缩、指向、吸引、排斥、消失、出现、压抑、轻松、紧张等等心理的体验,均是物体自身所处在版面的位置,以及与其它物体的对比来产生的。而这些心理体验无一不具有动感。例如上部的物体轻快、高昂、浮动;下部的物体限制、压抑、稳重;左侧轻便、舒畅、活力;右侧相比显得拘谨、庄重、停滞。排文的左对齐,右对齐,中间对齐也会使文本产生不同的指向感。从而影响此排文与周围空间的联系。在版面中,把各个视觉元素加以强化表现,使之变得更明确、更强烈,就会获得较大的动态感。2.运用各种的关系,有利于达到心理上的动态性表现如同万有引力定律一样,任何物体在空间之内会存在一个力的场,依据我们的生活经验和敏锐的视觉感受,可以感觉到物体之间存在吸引、排斥、互溶、粘连等各种各样的关系。善于利用此种关系,就会取得心理上的动态感受,它会使我们感觉物体或形象在二维平面内处于游动状态。如果在版面中把分离、接触、覆盖、透叠、联合、减缺、差叠、重合的方式尽可能较多的使用,矛盾感增强,则动态感会较强。反之,如果形态的关系较为稳定和谐,则版面表现的较为静止。这种关系的把握在版式设计中的图片上体现的较多,或者可以把文字组成的块面作粘连,穿插等安排,也可以人为地制造块面图形加以表现。3.视觉连通性的运用视觉流程是在时间上、过程中体现的顺序的动感。视觉流程表现为视觉连线,视觉有一种自然的流动习惯,一般是从上到下,从左到右,从点到线,从线到面。在版式中,一般最重要的内容应该安排在注目率最高的位置,但有时也可以通过形象的指向来达到突出主题的作用,比如选择方向感强烈的物体,也就是具有指向性的形态,或者制造一些实线或者虚线来连接图文,产生视线的引导性。而一旦建立了这种清晰的视觉连线,就会获得动感。设计师如同一个调度员,其作用是正确的运用视觉流程来进行设计,把版面上的内容安排的清晰明确、阅读顺利。4.动态与视觉要素如上所述,具有张力优势的形较具有动感,例如有指向性的形、曲线形、扩散或流动的形状比水平或垂直性强的形状具有动态。把动态与静态的形象处于相对之处,而以动的部分占优势,就会取得较大的动感。除此之外,由运动所产生的一系列现象会给人以运动的心理或感受。我们可以在版面中人为制造文字或图片的动态形来体现动态感,比如:倾斜、旋转、切断与破坏、律动、聚集、渐变、方向等,这一类的方法产生的动态效果最为直接。总之,版面设计中的纵深感与动感只是视知觉的结果,往往是不受联想作用的,它们二者的研究范畴既属于平面之内,又属于平面之外。作为以追求实用性与商业性为目的的平面设计,是一种直觉性、创造性的活动,其中的平面与立体、动态与与静态、彩色与黑白等永远是设计研究的主要对象,更是作为基础版式设计所要研究的核心内容。这些特定的审美要素及其构成规律,更多是抽象的。作为版式设计师的任务,我们要研究的既不是文字的意义,也不是图片、图像的具象性,相反,我们要更多地分析画面上文字图形的色调、形态,它们整体形成的视觉上的感染力与冲击力、次序感与节奏感等等。设计师必须运用自身所具有的全部审美修养和判断力调整处理画面上的各种关系,如主次强弱、动势趋向、肌理效果等等,赋予形态以动感、空间感,使设计作品具有感受或情绪,从而不再是冷冰冰的版面。2.实的错误空间表述形式矛盾空间是在平面上表现三维空间的矛盾性,造成眼睛的错视,表现为非现实的错觉空间表述形式。其形成通常是利用视点的转换和交替,在二维的平面上表现三维的立体形态,但在三维立体的形体中又显现出模棱两可的视觉效果,形成介于二维和三维之间的空间,造成空间的混乱性感受,制造矛盾性。5.透明感的表现透明在视觉心理上能够表现出一种空间感。透明度的不同会使人的感觉不同,比如明快、神秘、清爽、含蓄等感受。透明感的表现可以通过形状与色彩的透叠来实现,也可以通过线性的粗细以及点的疏密使上下形状清晰可辨,来造成重叠形体的透明感觉。由于现代电脑图像处理技术的参与,图片的透明效果可以任意控制,增加了人们的想象空间。6.印刷图案与印刷材质的变化这些方法属