文字是构成版面设计的基本元素

1、文字是构成版面设计的基本元素,各种字体、字号、字距、行距给我们带来了不同的视觉感受和心 理反映,赋予了版面以无限的魅力,因此研究版面中的文字使用,显得尤为重要。一、字体在雕版印刷术发明之前,书籍上的文字全靠手抄,这种方式具有一定的局限性,大大影响了书的批 量生产以及书的传播。随着宋代雕版印刷的盛行,字体逐渐地得到了发展。1、宋体所谓宋体字,是后人对宋代雕版印刷中书体的指称,其笔画特征在当时并不是十分明显,其特征真正 定型于明代,因此日本也称其为“明朝体” 。宋体基本笔画特征出自于楷体,其中包括点、横、竖、撇、 捺、勾、挑、折等笔画。字体特点概括为:横平竖直、横细竖粗、横画及横、竖画连接的右上方

2、有顿角, 撇如刀、点如瓜子、捺如扫等,结构饱满、端庄典雅、整齐美观。宋体字既适用于印刷刻版,又适合人们的基本阅读需要,因此一直沿用至今,而且成为了当今设计中 最常使用的字体之一。在宋体的基础上发展出了系列接近的字体,如:特粗宋、粗宋、大标宋、小标宋、 报宋、书宋、中宋、仿宋、长宋、宋黑等。其中特粗宋、粗宋、大标宋、小标宋、中宋由于横竖笔画粗细 对比较大,不适合于大篇幅地排印正文,因此通常用于标题字的设计,报宋、书宋、长宋适合排印长篇正 文,仿宋多用于排印引言、图注等说明性文字。2、黑体随着无饰线西文字的出现, 20世纪初在日本出现了一种新的印刷字体黑体,也称“方头体” 、 “平 体” 。其特点

3、 :横竖笔画粗细一致,没有宋体字角的装饰性,结构严谨、笔力遒劲、庄重醒目、严肃且富有 现代感。黑体字系列通常有:特粗黑、粗黑、大黑、中黑、细黑、中等线、细等线等。其中特粗黑、粗黑、 大黑、中黑适用于编排标题,细黑、中等线、细等线适用于编排正文。3、楷体楷体是在楷书技术上规范出来的一种字体,与手写体相近似,流畅和谐,富有韵味。通常用于正文及 说明性文字。近年来,字体设计者又将一些手写字体及 POP 字体也加工为电脑用字,如行楷、隶书、魏碑、舒体、 琥珀体、彩云体、竹节体等。在纷繁复杂的字库里选择合适的字体进行版面编排尤为重要,设计时应反复斟酌,不可随意使用。如 笔画复杂、字形过于生动、活泼等字体

4、不适于排印正文,否则就容易使阅读者产生视觉疲劳,再如有些变 体字体本身就存在间架结构失调、笔画不统一、缺乏美感等问题,使用这类字体只会对整体版面起到破坏 作用,因此选择字体过程中应当要谨慎。二、字体的使用初学者对字体使用没有经验,往往认为字体种类越多设计就会显得越丰富,因此同一版面中会出现多种 字体,这样恰恰会造成版面的复杂与凌乱。其实在同一版面中,字体的使用不宜过多。通常来说,即便同 一版面中有多种不同层级的信息,最多也就使用两三种不同字形的字体即可。至于信息之间的区分,可以 通过文字的字号、颜色以及同字形但不同笔画粗细的字体来加以区别。三、字距、行距字距和行距对版面设计的文本编排以及整个版

5、面效果具有重要的影响。通常来说,正文的字符间隔一般设定为“ 0” ,但有时为了营造版面的节奏感与情趣性,也需要对部分文 字的字距进行调整,以求得丰富的视觉效果,如:标题字的设计,广告语的设计等。行距的设定应视设计的具体情况而定,一般在字高的 1/2到 1个字高之间,小行距的文字阅读通常没有 大行距文字疏朗,但却对节省版面空间起着决定性的影响。这里要强调的是,字距和行距二者之间是有着密切的联系的。从阅读的流畅性角度看 , 行距必须大于字 距,否则就会造成文字阅读上的不连接性。然而,现代设计中,有些设计师为了故意造成局部文字阅读的 障碍性,有时也采用行距等于字距或行距小于字距的设计手段,那种耐人寻

6、味感往往也能收到一些奇效。四、字号正文的字号设定应该在一定的范围之内。通常 9 12磅适合于排印正文,个别设计中为了考虑到整体 版面的美观性、版面空间的经济性也会使用 7磅或 8磅,但由于 6磅以下的字不便于阅读,因此 5 6磅 的文字一般不使用或是单纯作为一种装饰手段来考虑。标题、引言、正文、图注之间的字号大小设定应本 着对比与协调的原则,这样才能方便不同层级之间信息的区分,同时也能营造出版面文字的节奏感。五、文字的基本编排形式(一 、左右齐整通常出版物的正文都采用这种方式,整体文本形态呈规矩、严谨感,方便人阅读。(二 、居中排列这种形式适合较短小的内容,如标题短语和短篇文字,居中排列同时也

7、能形成庄重、古典感。(三 、左齐右不齐以左边为基准,每一个字符和下一行都对齐,右边可长短不一,给人以优美愉悦、自然流畅感。(四 、右齐左不齐以右边为基准,每一个字符和下一行都对齐,左边可长短不一,有停滞感、阻碍感,借此标新立异,达 到个性的视觉效果。(五 、自由编排自由编排在现代设计中也往往被使用, 它是在打破前几种编排形式的基础上, 为了营造某种版面氛围 “或 是快乐,或是自由,或是急促,或是新奇”而采取的一种文字编排形式。值得注意的是,采用这种编 排形式时应考虑以下两个问题:1、文字阅读的完整性与舒适性;2、版面与版面之间文本形状的统一性与协调性。单向视觉流程使版面的导向简洁明了,通过水平

8、或垂直方向的引导,直接诉求主题内容。其表现为三种方向关系:竖向视觉流程坚定、直观的感觉;横向视觉流程给人稳定、恬静之感;斜向视觉流程以不稳定的动态引起读者注意。曲线视觉流程能使构图变得更丰富,形式感更强,例如圆形或弧线形,给人以节奏韵律、幽雅柔美的感受,营造轻松随 意的阅读气氛。通过诱导元素,主动引导读者视线向一定方向的顺序运动,由主及次,把版面设计各构成元素串联起来形成一个整体, 使重点突出,条理清晰,发挥最大的信息传达功能。版面中的导向形式多样,有虚有实,有直接的形象表现,也有间接的心 理暗示。散点视觉流程是指图与图、图与文之间自由分散地排列,呈现出感性、无序、个性的形式。这样的阅读过程常

9、给人以活 跃、自在、生动有趣的视觉体验。重复与交错在版面构成中,不断重复使用相同的基本形或线,它们的形状、大小、方向都是相同的。重复使设计产生 安定、整齐、规律的统一。但重复构成后的视觉感受有时容易显得呆板、平淡、缺乏趣味性的变化。因此, 我们在版面中可安排一些交错与重叠,打破版面呆板、平淡的格局。对比与调和对比是差异性的强调。对比的因素存在于相同或相异的性质之间。也就是把相对的两要素互相比较之下, 产生大小、明暗、黑白、强弱、粗细、疏密、高低、远近、动静、轻重等对比。对比的最基本要素是显示 主从关系和统一变化的效果。调和是指适合、舒适、安定、统一,是近似性的强调,使两者或两者以上的要素相互具

10、有共性。对比与调 和是相辅相成的。在版面构成中,一般事例版面宜调和,局部版面宜对比。对称与均衡对称给人以稳定、沉静、端庄、大方的感觉,产生秩序、理性、高贵、静穆之美。体现了力学原则,是以同量不同形的组合方式形成稳定而平衡的状态。对称的形态在视觉上有安定、自然、均匀、协调、整齐、 典雅、庄重、完美的朴素美感,符合人们通常的视觉习惯。均衡结构是一种自由稳定的结构形式,一个画面的均衡是指画面的上与下、左与右取得面积、色彩、重量 等量上的大体平衡。 在画面上, 对称与均衡产生的视觉效果是不同的, 前者端庄静穆, 有统一感、 格律感, 但如过分均等就易显呆板;后者生动活泼,有运动感,但有时因变化过强而易

11、失衡。因此,在设计中要注 意把对称、均衡两种形式有机地结合起来灵活运用。节奏与韵律节奏与韵律是来自音乐的概念。节奏是按照一定的条理秩序,重复连续地排列,形成一种律动形式。节奏 在视觉艺术中是通过线条、色彩、形体、方向等因素有规律地运动变化而引起人的心理感受。它有等距离 的连续,也有渐变、大小、明暗、长短、形状、高低等的排列构成。相对来说,节奏是单调的重复,韵律 是富于变化的节奏,是节奏中注入个性化的变异形成的丰富而有趣味的反复与交替,它能增强版面的感染 力,开阔艺术的表现力。变化与统一变化是一种智慧、想象的表现,是强调种种因素中的差异性方面,通常采用对比的手段,造成视觉上的跳 跃,同时也能强调

12、个性。统一是一种手段,目的是达成和谐。最能使版面达到统一的方法是保持版面的构成要素要少一些,而组合 的形式却要丰富些。统一的手法可借助均衡、调和、秩序等形式法则。变化与统一是形式美的总法则,是对立统一规律在版面构成上的应用。两者完美结合,是版面构成最根本 的要求,也是艺术表现力的因素之一。这种视觉编排绝非随机而为,而是形式上有目的、凭直觉的素材安排:在素材中窥见内在的视觉关系与对比关系,在 此基础上再建立与观众的联系。 有时候, 设计师把这种方法当作设置网格过程中的一个步骤,但是, 这种方法作为组织编排 设计理念而单独使用时,确是相当有效的。这种视觉构成方法快捷而随意:设计师运用设计素材,更像

13、是画家在画画一样, 素材往跟前一放,就能迅速作判断,以最快的速度看到其中的各种关系。各种元素的不同视觉特点,一旦产生相互联系,设 计师就可以判断出哪种特点是来自于最初选择的影响,就需要采用最适合视觉传达的方式进行调整,要么提升,要么舍弃。 这种编排方法的内在活力,与拼贴有着密切的联系;它的即时性与直接性,可以用来吸引观众,激发观众阅读兴趣,为观众 提供简单、 易懂而又得以心里满足的体验。 这种编排的结果是一种结构,它不仅依赖于视觉构成的紧张关系, 还有这些紧张 关系在空间内与信息层次体系的相互联系。这种感性编排的方法一般遵循均衡、对比、自由等原则。均衡时编排设计最基本的构图形式之一。均衡就是将

14、文字图形按照其形态的大小、多少,色调与肌理的明暗、轻重等 关系在平面上均衡地进行布局。 均衡主要是通过协调画面各要素在主次、 强弱的差异关系, 来取得设计视觉的美感及与内容 相配的逻辑性。均衡构图可以有以下几种分类:大小均衡、位置均衡、色调均衡、肌理均衡等。各种均衡样式在设计实践中 是综合地加以运用的。位置均衡:是最为普遍的均衡样式,指利用文字图形的高低、左右等空间上的位置来进行各种均衡设计。有平直排列 均衡、斜向排列均衡,综合排列均衡等方式。大小均衡:指利用文字、图形形态上的大小获得的视觉上的平衡。色调均衡:指运用各种色彩构成的既统一又有对比的均衡色调。方法上可以有各种细分,如运用色块的大小

15、变化,色 彩的冷暖、明度、纯度的变化,中间色的间隔等。肌理均衡:指运用各种不同的肌理来取得画面视觉上的平衡。如密度很高的画面可以运用一些肌理感平滑或平涂的色 彩来取得平衡; 反过来, 在平涂的背景上加上一些有肌理变化的色块,可以增加画面的生动性, 均衡主要是在一种不平衡中 求得平衡的设计方法。对比是将相互对比的画面视觉要素进行处理、配置的构图方式。将对比细分有许多类型:如形态对比、大小对比、动 势对比、色调对比、肌理对比等。在形态对比中也可以细分为字体对比、图形对比、字体与图形对比。字体对比:指运用字体形象的不同性质进行对比。如饰线体代表古典意味,无饰线体则具有现代风格。两种不同的字 体出现于

16、同一版面能产生对比效果,手写文字与印刷体也可以形成鲜明对比。图形对比:指运用图形形象的不同性质进行对比。插图在造型、色彩和肌理等方面具有非常多的变化,可以造成极为 丰富的画面对比效果。字体与图形的对比:指运用文字图形形象的各种不同性质进行对比,在编排设计中,这是最为普遍的一种构图样式。大小对比:指运用不同尺度的形象进行对比的构图方法。除了形象大小的对比关系外,数量上的多寡,亦可以造成一 种近似大小对比的比对关系。动势对比:指运用画面形象的各种动势,造成形象上的视觉张力与冲击力。可细分为动静对比、主次动势对比等。色调对比:指运用各种色彩构成的既有对比又有统一的对比色调。 方法上也可以有各种细分:

17、如运用色彩的面积对比、 色相对比、明度对比和纯度对比等。肌理对比:方法上和肌理均衡相近,指运用不同的肌理造成画面上的视觉对比。画面上的对比关系有时是复合型的,如色调、肌理等各要素常常复合地结合在一起。因此在设计时要注意处理好它们 的关系,突出主体,保持视觉流程的顺畅。指一些运用非规则的方法对画面要素进行编排配置的构图方法。如随意地将文字图形散点式展开,运用文字随意地构 成各种具象或抽象的形象,将画面视觉要素编排出一种看似“混杂”的效果等。自由的构图方式,完全依赖于人对视觉形象的直觉判断,有时这种方式也表现为设计师情感方面的宣泄与暗示。这是 最具有典型意义的感性版面编排。对一个信息量大且样式复杂

18、的平面设计作品而言,如果没有严格的编排规范,就很容易在视觉上杂乱无章。比如,一 本篇幅达几十页的杂志或样本,上面一般有正文、大小标题、各类插图或摄影图像、页码,还要有一定的空白,仅仅按照感 性的主观判断与处理,要编排得有序统一是很困难的。骨骼的基本原理是将画面,特别是将具有重复性与组合性的画面运用骨骼分为不同的功能区域,使图形与文字的编排 关系次序化、条理化、规范化,并从中达到视觉效果上的和谐与统一和内容传达表现上的合乎逻辑。首先,从纵向的角度设计,我们可以以三栏、两栏和一栏的方式排列文字、图片。尽管文字和图片在数量大小有许多 变化,但这些变化始终有一种比例上的级数关系,表现出一种和谐统一。其

19、次,在横向的关系上,我们也可以以几种方式处 理图片与文字的关系, 在变化中达到一种统一。 最后,空白作为一种重要的构成要素也要进入骨髓之中, 也可以有许多的变 化。如果我们在版面上控制图文和空白的版面率, 以及规范各种标题的大小及字体样式, 加上风格统一的各类插图、 摄影, 整个设计就会达到一种视觉上的高度和谐统一,同时根据内容的需要,保持丰富的变化与对比。确定通栏的数:一版面上的通栏在这里我们将其称为竖栏,其功能为主要放置文字内容。竖栏是版面上的骨骼主体, 亦是骨骼各个部分展开的基础。竖栏的大小及变化,在拉丁语系的文字编排方面有着具体的规定。在一般情况下,每一栏中的字母在 50个上下。中 国

20、的文字由于其视觉上的特点,还没有权威性的文字行距和间距方面的规定。竖栏可以是双栏或是多栏的,也可以是单栏的;可以是整栏的亦可以是半栏的。半栏可以使编排具有更多的灵活性。竖栏的每个栏目也可以将其分为两栏或三栏,而在每个栏目的边缘线上,可以画三条线,以便于文字和图形的灵活编 排。总体来讲,竖栏的关系规定了编排关系中的纵向方面的关系。确定横栏的基本位置和大小、数量;横栏的基本位置规定了编排关系中的横向方面的主要关系。横栏的主要功能也是 确定正文文字的基本位置。 作为画面上最重要的信息载体, 正文文字在视觉上也应当成为贯穿整个版面的主体。 在许多设计 里,正文以其中灰的色调和整齐划一的排列,起着稳定和

21、统一画面的作用。横栏的位子安排,在版面上可以有多种方法。横向的骨骼排列,也可将其分为多个分栏,每个分栏之间要有一定的间距,这种间距并且要和竖栏分栏之间的间距保 持着一定的关系。分栏之间边缘线也可以划二到三条线,以使编排设计时更具灵活性。横栏各分栏的上下大小尺寸可根据具体情况变化,特别是放置标题文字的分栏在尺度上可以灵活一些,要考虑到大小 标题的变化,但总体上仍要和其他分栏保持着级数关系。横栏的分栏高度也要考虑文字字体的样式和大小及其它们之间的间距。拉丁文字的行距有着具体的规范,中文的行距 设计者可自己根据设计需要自行确定。确定骨骼边框和版面上下左右边缘的尺度关系:根据不同的设计内容和样式,骨骼边框和版面纸张边缘的关系的变化 相当多。需要指出的是,骨骼边缘线主要是界定主要图形文字特别是正文的边框,在实际的设计过程中,常常有将图形、图 片超出骨骼边缘线的设计,因而在确定骨骼线的时候要充分考虑到这一点。所有的设计作品,都需要从视觉的和组织的角度解决问题。图片、文字所占的区域、标题,表格形式的数据,所有这 些元素都要组合在一起,以便于实现有效传达。网格,既可以是松散随意的有机联系,也可以是机械呆板的严谨精确