一、编排设计的四大要素
1.图形和图像
图形和图像具有直观表现视觉特征,在人类的信息沟通中有着无可替代的地位。图形指在版面上由大小、色彩、肌理和外形等视觉特征,通过绘制等方法得来的,是与照片。图像向对比的视觉想象,图形的形象在一定的条件下可以相互转化
点→线→面←点和线
点——最基本的形,它可以是任何一种形象的呈现(如字符、色块、小图片等),点与线面等视觉元素的组合,在版面设计中起到平衡版面轻重,填补版面空间,点缀和活跃版面气氛乃至塑造版面的作用。(点与点的组合也可如此)
线——点的发展和延伸,风格多样如:直线、曲线、折线等。有文字构成的线往往在版面中占据着主要的位置,是设计处理的主要对象。可构成多种装饰要素,起着界定,分割版面空间和形象轮廓的作用。线的延伸和走向带来某种趋势,活跃版面的气氛。
面——是线的发展和延伸,是视觉形象中最为丰富的元素。面的形状和边远对面的性质有着很大的影响,决定着面的性格特征,并影响到面是否与其它视觉元素在版面中相互协调和融合。最具影响力。
在版面中形的呈现常以组合的形式出现。这就有了一个形与形指间的相互关系的问题:如重叠、透叠、合并等方式,可以使单一的平面组合,也可以形成符合的多层次的具有空间深度的组合。
图像——照片在现代平面设计中被广泛使用,图像图片以其直观性的真实感受使受众对其传达的内容产生兴趣,甚至信赖感。但设计并非是简单的照片重现,除了那些为专门的广告而精心制作的商业摄影外,更多的情况时要用photoshop对图片进行处理。如:
退底
合成
打散重构——带来破碎、重叠、不稳定的视觉感受。在浏览时,破碎的图片信息会被下意识的重新规整为整体。从而被赋予新的形式感而具视觉冲击力。
色调转换
虚实处理——虚化的部分不仅取出多余的干扰,且给人更多的想象余地
局部特写——有时精彩的照片局部化会更具形式美感,也给观众带来更加丰富的联想而具视觉感染力。
质感和特效——对图像作质感或特效处理不仅可以补充原始图片质量的不足,还可以诱发不同的视觉联想,创造新的视觉形式。
2、文字——文字能传达的信息是明确具体的信息,竟有视觉处理后的文字在版面中不仅具有阅读功能,同时具有审美功能,能够塑造办事的整体风格,因此,设计者必须掌握中外文字的一般常识,是规范化文字的使用是编排设计最起码的要求。
A字体
字体是文字的表现形式,不同的字体给人的视觉感受与心理感受不同,这就说明字体具有强力的感情性格,设计者要充分利用字体的这一特性,选择准确的字体,有助于主题内容的表达。
如:表达传统意义的字体------宋体,仿宋,隶书,较合适
表现现代感觉较强的视觉效果------等线体,黑体与简洁字体
表现强烈,呼唤受众注意时--------综艺,大黑等笔画宽粗醒目的字体
注:同一版面中的字体不咬过多,只要2到3种就足以满足版面的要求
印刷体
现代办事设计通常是直接调用电脑字库里的印刷字体,其各具鲜明的视觉个性和时代特征。
宋体——横细竖粗,雅致大方,严肃,标题,大段的文字都适用,适用于传统特点及人文,时尚美的设计。
仿宋——字体修长,粗细均匀。秀丽雅致,笔画明晰但缺乏力度,不适用标题而适合于段落文字,特别是竖排,效果更佳。
黑体——横竖粗细笔画一致且有较强的视觉识别性,使现代设计最为流行的字体。
等线体——干净利落
英文字体
罗马体——横细竖粗的笔画与中文宋体相似,字体典雅大方,具有手工美感
线体——横竖等宽,类似中文的黑体,现代工业设计的简洁美感
Castlet——混合线体与罗马体的特点,现代清秀
创意字体
在许多情况下,设计师需要对标题、品牌等文字进行特别的创意设计,这些经过创意设计的通常是图形化了的字体,以醒目且极富个性的形式出现,作为版式元素运用在版式设计中,使作品版面更具独特不凡的气质。
a.字号
字号是区分文字规格大小的名称,印刷通常采用号数制和点数制。号数制是我国用来计算汉字铅活字大小的标准计量单位。点数制是世界上通用计算铅活字的标准计量单位。现代电脑排版系统的字号多数以点数来计算的。点也被称为“磅”,是由英文point翻译而来。
1点为0.35毫米。目前书籍上正文用的比较多的是五号字,五号字为10.5点,3.69毫米,一号字为28点,9.668毫米。
b.字距和行距
文字排列紧凑会使阅读加快,反之会使阅读舒缓。
一般的余毒要求行距略大于字距。一般印刷品的段落文字每行字数不会过多,实际情况需要每行文字控制在17-34个的范围内,每行长度为63—165mm范围内就可获得较好的阅读效果。
c.对齐方式
版面的文字要经过规整排放才不至于凌乱。尤其对于包含大量文字或大小标题众多的版面,文字的对齐十分重要。对齐的文字有助于将不同信息分组,同时与版面的图形图像一起形成版面的基本构架。
左右对齐——清晰有序,用于正文
左边对齐——轻松找到每行的开头,适宜阅读
右边对齐——适合少量文字
中心对齐——居中对称版面,庄严、传统、肃穆、经典和中轴线一起形成版面统一感
自由排列——轻松,有韵味,适合少量文字和标题
文字绕图——文字和图形更好的形成结合效果,生动有趣
e、文字的编排
汉字的排布有横排和竖排两种基本方式,竖排是汉字的传统排式,竖显传统韵味,自由排式给人以活泼自由的感觉,但只适合少量文字
英文一般以横排为主,竖排不符合英文的书写方式和英语使用者的阅读习惯(特殊风格和设计除外)。
文字编排包括标题文字(大小标题、引导语等)和正文段落文字的编排,标题文字集中凝练的传达了版式的主要信息,一般都放在空出醒目的位置,且字体醒目也较正文稍粗或者有一定的装饰。但有的图片图形甚至版面的空白面积就已经传单了丰富的信息或给人以联想,标题就不必太过于张扬。要注意标题与段落文字的字体选择风格的协调,疏密关系的呼应,对比关系的处理等。
3.色彩
色彩的基本特征:色相,明度,纯度。色彩经这几方面的组合变化,种类非常丰富,不同的色彩给人不同的心理感受。
主色—支配性
确定前应根据版式的设计定位确定传达的诉求点,合理利用色彩的知觉刺激和心理效应。使色彩形象与诉求内容得到较好的统一。如品牌的传达有其专用色,行业有其代表色,各民族有其喜欢的颜色。主色的确定适当,可以使设计传达更具有效性和准确性,也较具感染力。
复色—
版面的色彩除主色外,还要有适当的对比变化,统一版式的不同版面,色彩也可以有不同的变化。复色的使用,通过冷暖、明暗、纯度等对比,避免视觉的单调,产生视觉色彩的层次美。在版式设计中,除常规色彩外,金银,黑白灰这几种色能起到良好的调和作用。
4.空间分割
水平均匀分割
不均匀分割:黄金分割,1/2,1/3等
多次分割:有助于不同信息分类
变化分割:水平分割与斜线,弧线相结合,产生运动速度感在水平分割基础上进行了变化
线性分割—
垂直均匀分割:在视觉习惯上,当左右两部分形成强弱对比时,会造成视觉心理的不平衡,这时,可将分割线作部分或全部的量化处理,或在分割处加入其他元素,使左右部分的过渡自然和谐。
不均匀分割
多次分割
变化分割
水平—垂直风格:容易形成对比关系,较之单向分割更为丰富,实用而灵活多变。
三、视觉流程
版面是传达信息的,因而就需要使受众对信息的接受有个先后店主次的有序的引导。面对版面,人的视觉总有首先注意的区域范围,这为版面设计的要素安排提供了最佳的位置参考。以竖长方形为例,加入把整个版面的注意值定为100%,其上下左右各部分的视觉价值则有明显差异。
33%28%53%19%
56%44%50%
23%
23%16%47%
8%
视觉流程就是受众阅读信息的先后顺序过程
视觉流程种类有:
A.单向式“”“”
特点:简洁明了,客观理性,秩序感较好,适合一般性的对形式感要求不高的传达需要,如常规性的文献、报纸、教材等以信息介绍为主的编排。
B.纵横结合式“”“”
特点:与单向式更富于变化且保留了单向式引导较有条理的优点,适合信息量大且要求版面较活跃的设计。
C.斜向式引导
单向式的一种变化““”“”
特点:给人动态的不稳定感,特别适合于一些运动速度的表现
D.曲线引导式
特点:节奏韵律感或弹性视觉美
E.中轴线导向式
F.指示导向式
特点:以点、线、面或具体形象等视觉元素诱导视线进行移动,从而把一个或多个版面串联成一整体,主导引导读者沿设计线路阅读。
G.散点导向式
利用视觉元素的共性呼应原理,相对独立、分散地布局
H.自由导向式
非常规,无序,极其个性的视线引导方式
利用视觉习惯
利用视觉中心
建立版面视觉流程的方法利用对比关系
利用呼应
利用群组关系
四、形式美法则
1.概念
单从形式条件上来评价某一事物或某一视觉形象时,对于美或丑的感觉在大多数人中间存在着一种基本相通的共识,这种共识是从人们长期生产生活实践中积累而来,它的依据就是客观存在的美的形式法则,称之为形式美法则。
版面构成离不开美的形式法则。它通过重复与交错、节奏与韵律、对称与均衡、对比与调和、比例与适度、变异与秩序、虚实与留白、力场与网格、变化与统一等形式美构成法则来规划版面,把抽象美的观点及涵养诉诸于观者,并从中获得美的教育和感受。它们之间是相辅相成、互为因果的,既对立又统一地共存于一个版面当中。
(1)、重复与交错
版面中,不断重复使用相同的基本形或线,它们的形状、大小、方向都是相同的。重复使设计产生安定、整齐、规律的统一。
但重复构成后的视觉感受有时容易显得呆板、平淡、缺乏趣味性的变化。故此,在版面中安排一些交错与重叠,打破版面呆板、平淡的格局。
(2)、节奏与韵律
此来自于音乐概念,正如歌德所言:“美丽属于韵律”。韵律被现代版面构成所吸收。节奏是按照一定的条理、秩序、重复连续性地排列,形成一种律动形式。它有等距离的连续,也有渐变、大小、长短、明暗、形状、高低、等的排列构成。
(3)、对称与均衡
两个统一形的并列于均齐,实际上就是最简单的对称形式。对称是同等同量的平衡。对称的形式有以中轴线为轴心的左右对称;以水平线为基准的上下对称和以对称面出发的反转形式。其特点是稳定、庄严、整齐、秩序、安宁、沉静。
均衡是一种有变化的平衡。它运用等量不等形的方式来表现矛盾的统一性,揭示内在的、含蓄的秩序和平衡,达到一种静中有动或动中有静的条理美和动态美。均衡的形式富于变化、趣味、具有凌霄、生动、活泼、轻快的特点。
(4)、对比与调和
对比是差异性的强调。对比的因素存在于相同或相异的性质之间。也就是把相对的两要素互相比较之下,产生大小、明暗、黑白、强弱、粗细、疏密、高低、远近、硬软、直曲、浓淡、动静、锐钝、轻重的对比。对比的最近本要素是显示主从关系和统一变化的效果。
调和指适合,舒适,安定,统一,是近似性地强调,使两者或两者以上的要素相互具有共性。对比与调和是相辅形成的。在版面构成中,一般整体版面布局宜调和,局部版面宜对比。
(5)、比例与适度
比例是形的整体与部分以及部分与部分之间树量的一种比率。比例又是一种用几何语言和数比词汇表现现代生活和现代科学技术的抽象艺术形式。成功的版面构成,首先取决于良好的比例。比例常常表现出一定的数例、黄金比等。黄金比能求得最大限度的和谐,使版面被分割的不同部分产生相互联系。
适度是版面的整体与局部与人的生理或习性的某些特定标准之间的大小关系,也就是版面构成要从视觉上适合读者的视觉心理。比例与适度,通常具有秩序、明朗的特性,予人一种清新、自然的新感觉。
(6)、变异与秩序
变异是规律的突破,是一种在整体效果中的局部突变。这一突变之异,往往就是整个版面最具动感、最引人关注的焦点,也是其含义延伸或转折的始端。变异的形式有规律的转移、规律的变异,可依据大小、方向、形状的不同来构成特异效果。
秩序美是构成版面的灵魂。它是一种组织美的编排,能体现版面的科学性和条理性。由于版面是由于文字、图形、线条等著称,尤其要求版面具有清晰明了的视觉秩序美。构成秩序美的原理有对称、均衡、比例、韵律、多样统一等。在秩序美中融入变异之构成,可使版面获得一种活泼动情地效果。
(7)、虚实与留白
中国传统美学上有“计白守黑”这一说法。就是指编排的内容是黑,也就是实体,斤斤计较的却是虚实的“白”,也可为细弱的文字、图形或色彩。这要根据内容而定。
留白则是版面未放置任何图文的空间,它是‘虚’的特殊表现手法。其形式、大小、比例,决定着版面的质量。留白的感觉是一种轻松,最大的作用是引人注意。在版面构成中,巧妙地留白,讲究空白之美,是为了更好的衬托主题,集中视线和造成版面的空间层次。
(8)、力场与网格
力场是一种人们在心理的感应下虚拟的空间。在版面的范围内,通过点状,线状和块面的分割和限定,使版面充满空灵的、流动的、并形成一个具有生命力的‘场’。
网格,起源于20世纪的瑞士,也是平面构成中股价的概念,并得以发展和延伸。这种逻辑性的思维方式,为版面构成的科学性、严谨性、高效性提供了极大的方便。使视觉上产生空间的‘力场’和装饰作用,网格可分为可见的和不可见的。可见的网格清晰,具有条理性,但一味机械地使用,会使人产生单班的感觉。如果设计师在统一网格的风格中,进行一些破格或变异的设计,运用网格作为版面编排的程序,而并不易定要把网格明显地表现出来,形成不可见的网格,相信会收到意想不到的效果。这种自由方式的构造,能使版面更丰富、更创新、更活泼。网格不同的处理方式,也会给版面带来不同的力场。
(9)、变化与统一
它是形式美的总法则,使对立统一规律在版面构成上的应用。两者完美结合,是版面构成最根本的要求,也是艺术表现力的因素之一。变化是一种智慧、想象的表现,是强调种种因素中的差异性方面,造成视觉上的跳跃。变化主要借助对比的形式法则。
统一是强调位置和形式中种种因树的一致性方面,最能使版面达到统一的方法是保持版面的简洁。也就是说版面的构成要素要少一些,而组合的形式却要丰富些。统一的手法可借助均衡、调和、秩序等形式法则。
五、编排设计的表现形式和风格
编排设计的表现形式即应用范围可涉及到平面设计的各个领域,如产品简介、企业样宣、海报、挂历、贺卡、包装、杂志、书籍、画册、信封、信笺、名片、POP等等,可以说平面设计的原理与理论贯穿编排设计的始终。
版面的构成要素包括图像、文字、图形、色彩、线条等,但设计不是对这些要素的简单罗列,这些无声的视觉符号需要我们斟酌安排,使之具有形式美的含义。版式设计的作用并不显现在表面上,它决定着平面设计的基本结构、设计的基调。设计中的结构是内敛而隐蔽的,它们藏匿在漂亮而感性的图式背后,无声地体现着设计中理性的规范。本文将从图像与文字、叙述与直白、交流与互动、时尚与趣味、建构与解构、图示与诗意这六个方面,辅以案例,对当代版式设计风格进行较系统的分析与诠释。
一、图像与文字
在当今这样一个所谓的读图时代里,图与文在视觉传达和交流的过程中几乎具有了同等重要的地位。有意味的图示能超越语言的阻碍与隔阂,清晰地传递出准确丰富的信息。读图时代的一个重要标志就是汇集了大量的图片信息,所以平面设计师特别是平面媒体的设计师常常面对的不是大段的文字,而是数量不菲的图像,因此对图像的组合与设计也就显得格外重要。相应地,对文字设计也应做灵活的处理,从大小、字体、排列等方面进行不同的设定,使文字与图像组合成一个具有内在联系的版式。
在设计中,如果将图与文并举,对它们进行同等的强调,其结果往往显得版面杂乱无序,两方面的表现力都会被削弱。合理的做法应该是力求对文字与图像进行适当的布局,文字紧凑、图形灵活,以形成阅读中的节奏和层次。将小的图像集中排列,可折射出现代社会所具有的秩序与理性的美感;而大块的文字以丰富色彩作底衬,加上活泼的底色图形,则可令版式设计新颖宜人,冲淡了文字的枯燥,激发读者继续阅读下去的愿望。
二、叙述与直白
毫无疑问,对现代平面设计影响最深的理念之一是构成主义。在版式设计中,无论时代如何变迁,内在的结构都是设计所不能忽略的。现代版式设计常采取内容相对集中的设计手法,留出大量的空白空间供读者自由发挥想象;让文字的字体、大小和位置变化多端,无一定之规;以简练、有机的组合方式来规整各种平面设计元素。优秀的版面构成设计不是对设计要素的简单罗列,即使是平铺直叙的编排,也应让人有所回味。越是优秀的版式设计,设计的意味越是看上去可有可无,不显山不露水,各种元素却尽在其掌控之中。由此可知其中蕴涵着怎样的苦心孤诣的经营与智慧。
版式设计中的元素很多,但好的设计始终关注着视觉的秩序。视觉心理学研究认为,在一个特定的范围内,人的注意力分布有差异。在一个版式中,注意力最重要的部位是中上部及左上部,这两个重要的地方也常被称之为“焦点”、“最佳视域区”等,一些版式设计中最为重要的元素应优先放置在这些地方。
在版式设计图1中,扩大的标题、紧缩的正文、灵活的图像都各得其位,在焦点的位置上突出了主旨。在国内资料中,这种处理方式并不多见,它虽过于直白,但相当醒目,没有任何多余的修饰。我们通常所看到的一些设计作品含有不少矫饰的成分,其实对于平面设计而言,清晰的才是有力的。设计应尽可能地简洁,但这并非意味着简单,更不是简陋。简洁中饱含着智慧,明白取舍,斟酌轻重,而简单则无异于偷懒,简陋更无非是粗劣。
三、交流与互动
在信息资源有限的年代,版式设计偏重于以媒介为主导,以主角的身份和风格来展示信息,在这种条件下,受众相对而言处于次要的地位。但在资讯膨胀的今天,便于信息迅捷交流的版式设计突破了各种藩篱,十分重视受众的阅读心理、接受能力,这种人文关怀强调交流的效率、和谐及互动。现在风行的超人文主义(SuperMannerism)设计就是对刻板的国际主义风格的一种调节。它反对国际主义风格中过度理性化、功能化、规则化的结构关系,推崇个人表现的个性化风格。如果说国际主义是对繁琐的装饰艺术的巨大超越的话,超人文主义就是对强大的国际主义的巨大超越。
另外,自从发明摄影技术之后,它作为一种新的媒介,便在平面设计中占有了举足轻重的地位。写实逼真的图像一经出现,能更清楚地对所述内容进行说明,并足以渲染版面的气氛。随着印刷技术的提高,计算机辅助图形、图像、排版等设计软件的完善,这些技术性的革命已不仅仅意味着制作手段的现代化,它们同时带来了新的视觉体验与感受,并通过这些全新的手法展示出现代社会中人与人之间的交流与沟通。
四、时尚与趣味
以往的时尚设计是以40甚至30岁以下的年轻人为主体的,但如今,轻松、休闲的现代风格正在成为许多媒体界面设计的主导风格,涵盖了不同年龄段的读者群。这一趋势冲击了新古典艺术的格局,也对现代主义进行了不折不扣的修正,形成了娱乐、幽默,饶有趣味的风格,如同波普艺术一样,自然而然地成为了大众的消费艺术。活泼的图片辅以文字,版式新颖,亦庄亦谐。风趣、生动、活泼甚至张扬的个性化风格,不断出现在版式设计中(图2)。
而图3的版式设计则以上大下小的两个点组成,强调的不是麦当劳举世闻名的商标,而是一个被分割成三等分、放大了的高尔夫球。从文化的意义上理解,高尔夫球代表了休闲和动感,所以在版面的上半部分,以巨无霸般的高尔夫球来突出表现麦当劳饮食是轻松愉快并充满活力的。要在一个平面有限的篇幅中表达太多的内容并不现实,如何处理大量而丰富的信息更成为关键。从这一版式设计中我们可以看到,突出重点、表达精练的手法是完成优秀设计的捷径。
五、建构与解构
在建筑设计中有建构与解构的设计风格,在版式设计上这两种手法也具有异曲同工之效。将一个完整的图片分解为几个不同的局部,其目的是更为详尽地分析与清晰地示意。反之,将分散的图片按新的规律从构成的意义上重新组合,从而形成新的图形。几个看似不相关联的图像被组织到同一画面中,则给人带来某种悬念。建构与解构设计的风格特征是通过简单的网络结构来组织版式,使版式设计产生统一协调又简洁明确的特征。这种版式似乎有着超越时代的魅力。
通过这种精心的设计,可产生极具视觉效果的图文组合,能够表达内容丰富的意象和观念,所以它被广泛地应用在各类专业杂志中。规矩的网格,灵活的文字排列,使画面具有优雅简练的风格。图像过于单一,除了乏味之外,带来的视觉疲劳也令人厌倦。所以当今平面设计中的图像总是丰富多样的,而丰富多样的图像更需要合理的组织(图4)。
六、图示与诗意
设计师的工作重心是为现实世界的当代人服务,时代的变迁会清楚地反映在人们的社会生活中。而今信息的飞速聚集是任何一个时代都无法比拟的,用古典的单纯手法虽然也能表现信息丰富的面貌,但是,运用电脑所提供的各种造型的画笔、滤镜等特效工具,可以营造出具有丰富层次的视觉组合,其形象之逼真,是传统技术难以在短时间内完成的。
从视觉的适应能力上讲,处于深色背景上的反白文字最易于识别。在版式设计中以深色或黑色为底色,配以浅色的文字,这样强烈的对比效果会给版面带来冷峻高雅的气质。图5设计中,浓重的黑色包裹了建筑的主体,留下一线天的建筑轮廓,轮廓与猩红的文字是版面中最吸引人目光的两个部分,它们之间依靠黑色而被连接为一个整体。从色彩和构图上来理解版式设计,我们会得到许多启示。
图像与文字之间的穿插组合,清新简洁的表现手段,合理的版面结构,力图与受众交流互动的这些版式构成创意手法,带来了阅读过程中全新的感受,从设计的形式感上反映出了版式设计与以往风格上的差异。我们可以进一步理解为社会的进步与开放使人们得以张扬个性,另一方面,在创新的同时,依然还能看到传统理性的思考在延续。现在的版式设计风格越来越向轻松、高效、尊重个性的方向发展。在这样的氛围下,当代人所盼望的轻松而富于意味的阅读环境正在我们身边逐渐生长并扩展开来。
一、编排设计的四大要素
1.图形和图像
图形和图像具有直观表现视觉特征,在人类的信息沟通中有着无可替代的地位。图形指在版面上由大小、色彩、肌理和外形等视觉特征,通过绘制等方法得来的,是与照片。图像向对比的视觉想象,图形的形象在一定的条件下可以相互转化
点→线→面←点和线
点——最基本的形,它可以是任何一种形象的呈现(如字符、色块、小图片等),点与线面等视觉元素的组合,在版面设计中起到平衡版面轻重,填补版面空间,点缀和活跃版面气氛乃至塑造版面的作用。(点与点的组合也可如此)
线——点的发展和延伸,风格多样如:直线、曲线、折线等。有文字构成的线往往在版面中占据着主要的位置,是设计处理的主要对象。可构成多种装饰要素,起着界定,分割版面空间和形象轮廓的作用。线的延伸和走向带来某种趋势,活跃版面的气氛。
面——是线的发展和延伸,是视觉形象中最为丰富的元素。面的形状和边远对面的性质有着很大的影响,决定着面的性格特征,并影响到面是否与其它视觉元素在版面中相互协调和融合。最具影响力。
在版面中形的呈现常以组合的形式出现。这就有了一个形与形指间的相互关系的问题:如重叠、透叠、合并等方式,可以使单一的平面组合,也可以形成符合的多层次的具有空间深度的组合。
图像——照片在现代平面设计中被广泛使用,图像图片以其直观性的真实感受使受众对其传达的内容产生兴趣,甚至信赖感。但设计并非是简单的照片重现,除了那些为专门的广告而精心制作的商业摄影外,更多的情况时要用photoshop对图片进行处理。如:
退底
合成
打散重构——带来破碎、重叠、不稳定的视觉感受。在浏览时,破碎的图片信息会被下意识的重新规整为整体。从而被赋予新的形式感而具视觉冲击力。
色调转换
虚实处理——虚化的部分不仅取出多余的干扰,且给人更多的想象余地
局部特写——有时精彩的照片局部化会更具形式美感,也给观众带来更加丰富的联想而具视觉感染力。
质感和特效——对图像作质感或特效处理不仅可以补充原始图片质量的不足,还可以诱发不同的视觉联想,创造新的视觉形式。
2、文字——文字能传达的信息是明确具体的信息,竟有视觉处理后的文字在版面中不仅具有阅读功能,同时具有审美功能,能够塑造办事的整体风格,因此,设计者必须掌握中外文字的一般常识,是规范化文字的使用是编排设计最起码的要求。
A字体
字体是文字的表现形式,不同的字体给人的视觉感受与心理感受不同,这就说明字体具有强力的感情性格,设计者要充分利用字体的这一特性,选择准确的字体,有助于主题内容的表达。
如:表达传统意义的字体------宋体,仿宋,隶书,较合适
表现现代感觉较强的视觉效果------等线体,黑体与简洁字体
表现强烈,呼唤受众注意时--------综艺,大黑等笔画宽粗醒目的字体
注:同一版面中的字体不咬过多,只要2到3种就足以满足版面的要求
印刷体
现代办事设计通常是直接调用电脑字库里的印刷字体,其各具鲜明的视觉个性和时代特征。
宋体——横细竖粗,雅致大方,严肃,标题,大段的文字都适用,适用于传统特点及人文,时尚美的设计。
仿宋——字体修长,粗细均匀。秀丽雅致,笔画明晰但缺乏力度,不适用标题而适合于段落文字,特别是竖排,效果更佳。
黑体——横竖粗细笔画一致且有较强的视觉识别性,使现代设计最为流行的字体。
等线体——干净利落
英文字体
罗马体——横细竖粗的笔画与中文宋体相似,字体典雅大方,具有手工美感
线体——横竖等宽,类似中文的黑体,现代工业设计的简洁美感
Castlet——混合线体与罗马体的特点,现代清秀
创意字体
在许多情况下,设计师需要对标题、品牌等文字进行特别的创意设计,这些经过创意设计的通常是图形化了的字体,以醒目且极富个性的形式出现,作为版式元素运用在版式设计中,使作品版面更具独特不凡的气质。
a.字号
字号是区分文字规格大小的名称,印刷通常采用号数制和点数制。号数制是我国用来计算汉字铅活字大小的标准计量单位。点数制是世界上通用计算铅活字的标准计量单位。现代电脑排版系统的字号多数以点数来计算的。点也被称为“磅”,是由英文point翻译而来。
1点为0.35毫米。目前书籍上正文用的比较多的是五号字,五号字为10.5点,3.69毫米,一号字为28点,9.668毫米。
b.字距和行距
文字排列紧凑会使阅读加快,反之会使阅读舒缓。
一般的余毒要求行距略大于字距。一般印刷品的段落文字每行字数不会过多,实际情况需要每行文字控制在17-34个的范围内,每行长度为63—165mm范围内就可获得较好的阅读效果。
c.对齐方式
版面的文字要经过规整排放才不至于凌乱。尤其对于包含大量文字或大小标题众多的版面,文字的对齐十分重要。对齐的文字有助于将不同信息分组,同时与版面的图形图像一起形成版面的基本构架。
左右对齐——清晰有序,用于正文
左边对齐——轻松找到每行的开头,适宜阅读
右边对齐——适合少量文字
中心对齐——居中对称版面,庄严、传统、肃穆、经典和中轴线一起形成版面统一感
自由排列——轻松,有韵味,适合少量文字和标题
文字绕图——文字和图形更好的形成结合效果,生动有趣
e、文字的编排
汉字的排布有横排和竖排两种基本方式,竖排是汉字的传统排式,竖显传统韵味,自由排式给人以活泼自由的感觉,但只适合少量文字
英文一般以横排为主,竖排不符合英文的书写方式和英语使用者的阅读习惯(特殊风格和设计除外)。
文字编排包括标题文字(大小标题、引导语等)和正文段落文字的编排,标题文字集中凝练的传达了版式的主要信息,一般都放在空出醒目的位置,且字体醒目也较正文稍粗或者有一定的装饰。但有的图片图形甚至版面的空白面积就已经传单了丰富的信息或给人以联想,标题就不必太过于张扬。要注意标题与段落文字的字体选择风格的协调,疏密关系的呼应,对比关系的处理等。
3.色彩
色彩的基本特征:色相,明度,纯度。色彩经这几方面的组合变化,种类非常丰富,不同的色彩给人不同的心理感受。
主色—支配性
确定前应根据版式的设计定位确定传达的诉求点,合理利用色彩的知觉刺激和心理效应。使色彩形象与诉求内容得到较好的统一。如品牌的传达有其专用色,行业有其代表色,各民族有其喜欢的颜色。主色的确定适当,可以使设计传达更具有效性和准确性,也较具感染力。
复色—
版面的色彩除主色外,还要有适当的对比变化,统一版式的不同版面,色彩也可以有不同的变化。复色的使用,通过冷暖、明暗、纯度等对比,避免视觉的单调,产生视觉色彩的层次美。在版式设计中,除常规色彩外,金银,黑白灰这几种色能起到良好的调和作用。
4.空间分割
水平均匀分割
不均匀分割:黄金分割,1/2,1/3等
多次分割:有助于不同信息分类
变化分割:水平分割与斜线,弧线相结合,产生运动速度感在水平分割基础上进行了变化
线性分割—
垂直均匀分割:在视觉习惯上,当左右两部分形成强弱对比时,会造成视觉心理的不平衡,这时,可将分割线作部分或全部的量化处理,或在分割处加入其他元素,使左右部分的过渡自然和谐。
不均匀分割
多次分割
变化分割
水平—垂直风格:容易形成对比关系,较之单向分割更为丰富,实用而灵活多变。
三、视觉流程
版面是传达信息的,因而就需要使受众对信息的接受有个先后店主次的有序的引导。面对版面,人的视觉总有首先注意的区域范围,这为版面设计的要素安排提供了最佳的位置参考。以竖长方形为例,加入把整个版面的注意值定为100%,其上下左右各部分的视觉价值则有明显差异。
33%28%53%19%
56%44%50%
23%
23%16%47%
8%
视觉流程就是受众阅读信息的先后顺序过程
视觉流程种类有:
A.单向式“”“”
特点:简洁明了,客观理性,秩序感较好,适合一般性的对形式感要求不高的传达需要,如常规性的文献、报纸、教材等以信息介绍为主的编排。
B.纵横结合式“”“”
特点:与单向式更富于变化且保留了单向式引导较有条理的优点,适合信息量大且要求版面较活跃的设计。
C.斜向式引导
单向式的一种变化““”“”
特点:给人动态的不稳定感,特别适合于一些运动速度的表现
D.曲线引导式
特点:节奏韵律感或弹性视觉美
E.中轴线导向式
F.指示导向式
特点:以点、线、面或具体形象等视觉元素诱导视线进行移动,从而把一个或多个版面串联成一整体,主导引导读者沿设计线路阅读。
G.散点导向式
利用视觉元素的共性呼应原理,相对独立、分散地布局
H.自由导向式
非常规,无序,极其个性的视线引导方式
利用视觉习惯
利用视觉中心
建立版面视觉流程的方法利用对比关系
利用呼应
利用群组关系
四、形式美法则
1.概念
单从形式条件上来评价某一事物或某一视觉形象时,对于美或丑的感觉在大多数人中间存在着一种基本相通的共识,这种共识是从人们长期生产生活实践中积累而来,它的依据就是客观存在的美的形式法则,称之为形式美法则。
版面构成离不开美的形式法则。它通过重复与交错、节奏与韵律、对称与均衡、对比与调和、比例与适度、变异与秩序、虚实与留白、力场与网格、变化与统一等形式美构成法则来规划版面,把抽象美的观点及涵养诉诸于观者,并从中获得美的教育和感受。它们之间是相辅相成、互为因果的,既对立又统一地共存于一个版面当中。
(1)、重复与交错
版面中,不断重复使用相同的基本形或线,它们的形状、大小、方向都是相同的。重复使设计产生安定、整齐、规律的统一。
但重复构成后的视觉感受有时容易显得呆板、平淡、缺乏趣味性的变化。故此,在版面中安排一些交错与重叠,打破版面呆板、平淡的格局。
(2)、节奏与韵律
此来自于音乐概念,正如歌德所言:“美丽属于韵律”。韵律被现代版面构成所吸收。节奏是按照一定的条理、秩序、重复连续性地排列,形成一种律动形式。它有等距离的连续,也有渐变、大小、长短、明暗、形状、高低、等的排列构成。
(3)、对称与均衡
两个统一形的并列于均齐,实际上就是最简单的对称形式。对称是同等同量的平衡。对称的形式有以中轴线为轴心的左右对称;以水平线为基准的上下对称和以对称面出发的反转形式。其特点是稳定、庄严、整齐、秩序、安宁、沉静。
均衡是一种有变化的平衡。它运用等量不等形的方式来表现矛盾的统一性,揭示内在的、含蓄的秩序和平衡,达到一种静中有动或动中有静的条理美和动态美。均衡的形式富于变化、趣味、具有凌霄、生动、活泼、轻快的特点。
(4)、对比与调和
对比是差异性的强调。对比的因素存在于相同或相异的性质之间。也就是把相对的两要素互相比较之下,产生大小、明暗、黑白、强弱、粗细、疏密、高低、远近、硬软、直曲、浓淡、动静、锐钝、轻重的对比。对比的最近本要素是显示主从关系和统一变化的效果。
调和指适合,舒适,安定,统一,是近似性地强调,使两者或两者以上的要素相互具有共性。对比与调和是相辅形成的。在版面构成中,一般整体版面布局宜调和,局部版面宜对比。
(5)、比例与适度
比例是形的整体与部分以及部分与部分之间树量的一种比率。比例又是一种用几何语言和数比词汇表现现代生活和现代科学技术的抽象艺术形式。成功的版面构成,首先取决于良好的比例。比例常常表现出一定的数例、黄金比等。黄金比能求得最大限度的和谐,使版面被分割的不同部分产生相互联系。
适度是版面的整体与局部与人的生理或习性的某些特定标准之间的大小关系,也就是版面构成要从视觉上适合读者的视觉心理。比例与适度,通常具有秩序、明朗的特性,予人一种清新、自然的新感觉。
(6)、变异与秩序
变异是规律的突破,是一种在整体效果中的局部突变。这一突变之异,往往就是整个版面最具动感、最引人关注的焦点,也是其含义延伸或转折的始端。变异的形式有规律的转移、规律的变异,可依据大小、方向、形状的不同来构成特异效果。
秩序美是构成版面的灵魂。它是一种组织美的编排,能体现版面的科学性和条理性。由于版面是由于文字、图形、线条等著称,尤其要求版面具有清晰明了的视觉秩序美。构成秩序美的原理有对称、均衡、比例、韵律、多样统一等。在秩序美中融入变异之构成,可使版面获得一种活泼动情地效果。
(7)、虚实与留白
中国传统美学上有“计白守黑”这一说法。就是指编排的内容是黑,也就是实体,斤斤计较的却是虚实的“白”,也可为细弱的文字、图形或色彩。这要根据内容而定。
留白则是版面未放置任何图文的空间,它是‘虚’的特殊表现手法。其形式、大小、比例,决定着版面的质量。留白的感觉是一种轻松,最大的作用是引人注意。在版面构成中,巧妙地留白,讲究空白之美,是为了更好的衬托主题,集中视线和造成版面的空间层次。
(8)、力场与网格
力场是一种人们在心理的感应下虚拟的空间。在版面的范围内,通过点状,线状和块面的分割和限定,使版面充满空灵的、流动的、并形成一个具有生命力的‘场’。
网格,起源于20世纪的瑞士,也是平面构成中股价的概念,并得以发展和延伸。这种逻辑性的思维方式,为版面构成的科学性、严谨性、高效性提供了极大的方便。使视觉上产生空间的‘力场’和装饰作用,网格可分为可见的和不可见的。可见的网格清晰,具有条理性,但一味机械地使用,会使人产生单班的感觉。如果设计师在统一网格的风格中,进行一些破格或变异的设计,运用网格作为版面编排的程序,而并不易定要把网格明显地表现出来,形成不可见的网格,相信会收到意想不到的效果。这种自由方式的构造,能使版面更丰富、更创新、更活泼。网格不同的处理方式,也会给版面带来不同的力场。
(9)、变化与统一
它是形式美的总法则,使对立统一规律在版面构成上的应用。两者完美结合,是版面构成最根本的要求,也是艺术表现力的因素之一。变化是一种智慧、想象的表现,是强调种种因素中的差异性方面,造成视觉上的跳跃。变化主要借助对比的形式法则。
统一是强调位置和形式中种种因树的一致性方面,最能使版面达到统一的方法是保持版面的简洁。也就是说版面的构成要素要少一些,而组合的形式却要丰富些。统一的手法可借助均衡、调和、秩序等形式法则。
五、编排设计的表现形式和风格
编排设计的表现形式即应用范围可涉及到平面设计的各个领域,如产品简介、企业样宣、海报、挂历、贺卡、包装、杂志、书籍、画册、信封、信笺、名片、POP等等,可以说平面设计的原理与理论贯穿编排设计的始终。
版面的构成要素包括图像、文字、图形、色彩、线条等,但设计不是对这些要素的简单罗列,这些无声的视觉符号需要我们斟酌安排,使之具有形式美的含义。版式设计的作用并不显现在表面上,它决定着平面设计的基本结构、设计的基调。设计中的结构是内敛而隐蔽的,它们藏匿在漂亮而感性的图式背后,无声地体现着设计中理性的规范。本文将从图像与文字、叙述与直白、交流与互动、时尚与趣味、建构与解构、图示与诗意这六个方面,辅以案例,对当代版式设计风格进行较系统的分析与诠释。
一、图像与文字
在当今这样一个所谓的读图时代里,图与文在视觉传达和交流的过程中几乎具有了同等重要的地位。有意味的图示能超越语言的阻碍与隔阂,清晰地传递出准确丰富的信息。读图时代的一个重要标志就是汇集了大量的图片信息,所以平面设计师特别是平面媒体的设计师常常面对的不是大段的文字,而是数量不菲的图像,因此对图像的组合与设计也就显得格外重要。相应地,对文字设计也应做灵活的处理,从大小、字体、排列等方面进行不同的设定,使文字与图像组合成一个具有内在联系的版式。
在设计中,如果将图与文并举,对它们进行同等的强调,其结果往往显得版面杂乱无序,两方面的表现力都会被削弱。合理的做法应该是力求对文字与图像进行适当的布局,文字紧凑、图形灵活,以形成阅读中的节奏和层次。将小的图像集中排列,可折射出现代社会所具有的秩序与理性的美感;而大块的文字以丰富色彩作底衬,加上活泼的底色图形,则可令版式设计新颖宜人,冲淡了文字的枯燥,激发读者继续阅读下去的愿望。
二、叙述与直白
毫无疑问,对现代平面设计影响最深的理念之一是构成主义。在版式设计中,无论时代如何变迁,内在的结构都是设计所不能忽略的。现代版式设计常采取内容相对集中的设计手法,留出大量的空白空间供读者自由发挥想象;让文字的字体、大小和位置变化多端,无一定之规;以简练、有机的组合方式来规整各种平面设计元素。优秀的版面构成设计不是对设计要素的简单罗列,即使是平铺直叙的编排,也应让人有所回味。越是优秀的版式设计,设计的意味越是看上去可有可无,不显山不露水,各种元素却尽在其掌控之中。由此可知其中蕴涵着怎样的苦心孤诣的经营与智慧。
版式设计中的元素很多,但好的设计始终关注着视觉的秩序。视觉心理学研究认为,在一个特定的范围内,人的注意力分布有差异。在一个版式中,注意力最重要的部位是中上部及左上部,这两个重要的地方也常被称之为“焦点”、“最佳视域区”等,一些版式设计中最为重要的元素应优先放置在这些地方。
在版式设计图1中,扩大的标题、紧缩的正文、灵活的图像都各得其位,在焦点的位置上突出了主旨。在国内资料中,这种处理方式并不多见,它虽过于直白,但相当醒目,没有任何多余的修饰。我们通常所看到的一些设计作品含有不少矫饰的成分,其实对于平面设计而言,清晰的才是有力的。设计应尽可能地简洁,但这并非意味着简单,更不是简陋。简洁中饱含着智慧,明白取舍,斟酌轻重,而简单则无异于偷懒,简陋更无非是粗劣。
三、交流与互动
在信息资源有限的年代,版式设计偏重于以媒介为主导,以主角的身份和风格来展示信息,在这种条件下,受众相对而言处于次要的地位。但在资讯膨胀的今天,便于信息迅捷交流的版式设计突破了各种藩篱,十分重视受众的阅读心理、接受能力,这种人文关怀强调交流的效率、和谐及互动。现在风行的超人文主义(SuperMannerism)设计就是对刻板的国际主义风格的一种调节。它反对国际主义风格中过度理性化、功能化、规则化的结构关系,推崇个人表现的个性化风格。如果说国际主义是对繁琐的装饰艺术的巨大超越的话,超人文主义就是对强大的国际主义的巨大超越。
另外,自从发明摄影技术之后,它作为一种新的媒介,便在平面设计中占有了举足轻重的地位。写实逼真的图像一经出现,能更清楚地对所述内容进行说明,并足以渲染版面的气氛。随着印刷技术的提高,计算机辅助图形、图像、排版等设计软件的完善,这些技术性的革命已不仅仅意味着制作手段的现代化,它们同时带来了新的视觉体验与感受,并通过这些全新的手法展示出现代社会中人与人之间的交流与沟通。
四、时尚与趣味
以往的时尚设计是以40甚至30岁以下的年轻人为主体的,但如今,轻松、休闲的现代风格正在成为许多媒体界面设计的主导风格,涵盖了不同年龄段的读者群。这一趋势冲击了新古典艺术的格局,也对现代主义进行了不折不扣的修正,形成了娱乐、幽默,饶有趣味的风格,如同波普艺术一样,自然而然地成为了大众的消费艺术。活泼的图片辅以文字,版式新颖,亦庄亦谐。风趣、生动、活泼甚至张扬的个性化风格,不断出现在版式设计中(图2)。
而图3的版式设计则以上大下小的两个点组成,强调的不是麦当劳举世闻名的商标,而是一个被分割成三等分、放大了的高尔夫球。从文化的意义上理解,高尔夫球代表了休闲和动感,所以在版面的上半部分,以巨无霸般的高尔夫球来突出表现麦当劳饮食是轻松愉快并充满活力的。要在一个平面有限的篇幅中表达太多的内容并不现实,如何处理大量而丰富的信息更成为关键。从这一版式设计中我们可以看到,突出重点、表达精练的手法是完成优秀设计的捷径。
五、建构与解构
在建筑设计中有建构与解构的设计风格,在版式设计上这两种手法也具有异曲同工之效。将一个完整的图片分解为几个不同的局部,其目的是更为详尽地分析与清晰地示意。反之,将分散的图片按新的规律从构成的意义上重新组合,从而形成新的图形。几个看似不相关联的图像被组织到同一画面中,则给人带来某种悬念。建构与解构设计的风格特征是通过简单的网络结构来组织版式,使版式设计产生统一协调又简洁明确的特征。这种版式似乎有着超越时代的魅力。
通过这种精心的设计,可产生极具视觉效果的图文组合,能够表达内容丰富的意象和观念,所以它被广泛地应用在各类专业杂志中。规矩的网格,灵活的文字排列,使画面具有优雅简练的风格。图像过于单一,除了乏味之外,带来的视觉疲劳也令人厌倦。所以当今平面设计中的图像总是丰富多样的,而丰富多样的图像更需要合理的组织(图4)。
六、图示与诗意
设计师的工作重心是为现实世界的当代人服务,时代的变迁会清楚地反映在人们的社会生活中。而今信息的飞速聚集是任何一个时代都无法比拟的,用古典的单纯手法虽然也能表现信息丰富的面貌,但是,运用电脑所提供的各种造型的画笔、滤镜等特效工具,可以营造出具有丰富层次的视觉组合,其形象之逼真,是传统技术难以在短时间内完成的。
从视觉的适应能力上讲,处于深色背景上的反白文字最易于识别。在版式设计中以深色或黑色为底色,配以浅色的文字,这样强烈的对比效果会给版面带来冷峻高雅的气质。图5设计中,浓重的黑色包裹了建筑的主体,留下一线天的建筑轮廓,轮廓与猩红的文字是版面中最吸引人目光的两个部分,它们之间依靠黑色而被连接为一个整体。从色彩和构图上来理解版式设计,我们会得到许多启示。
图像与文字之间的穿插组合,清新简洁的表现手段,合理的版面结构,力图与受众交流互动的这些版式构成创意手法,带来了阅读过程中全新的感受,从设计的形式感上反映出了版式设计与以往风格上的差异。我们可以进一步理解为社会的进步与开放使人们得以张扬个性,另一方面,在创新的同时,依然还能看到传统理性的思考在延续。现在的版式设计风格越来越向轻松、高效、尊重个性的方向发展。在这样的氛围下,当代人所盼望的轻松而富于意味的阅读环境正在我们身边逐渐生长并扩展开来。