平面设计基础与应用
上QQ阅读APP看书,第一时间看更新

基础篇

自然界中的任何物体,都是由各种元素组成,平面设计作为视觉传达艺术也是如此。一般来说,平面设计的视觉元素由字体、色彩、图形和版式设计所组成。

在四大要素中,字体和图形是支撑平面设计的重要组成部分,图形可以使人们直观地感受设计所传达的信息和形象;字体具有易读性和感知性,人们可以从文字的阅读过程中,了解设计所表达的内容和信息;色彩是依托于字体和图形而存在的视觉要素,平面设计经过色彩的对比和调和,可以给人们以视觉和心理上的满足和享受;版式设计可以借助字体、图形和色彩三大要素,通过设计和编辑原理的运用,使版面达到完美的视觉效果。

平面设计专业的学生,在学习专业设计之前,了解和掌握平面设计的基本要素是非常重要的,这是培养设计能力以及审美观念的必要环节和基础。

第一章 基础要素之字体

学习目的

了解字体的属性及情感特征

掌握字体的表现方法

学习字体的编排方式

字体是平面设计的基础要素之一。人们传播和接受信息主要来自于文字。文字作为一种视觉符号,起着承载和传播信息以及表达思想情感的作用。在日常的设计中,人们首先考虑的是字体的使用,然后才是其他要素的编排。随着社会发展和人类视觉语言的日益丰富,字体在视觉传达设计中的作用日益显著。

在现代平面设计领域中,字体设计占有很重要的地位。字体可作为标志,也可作为图形化的语言运用在广告、包装、展示、海报、书籍等设计中,几乎所有平面设计都离不开字体设计。

1.字体的分类

目前,我国在平面设计上的字体运用可分为两类:一类是代表中华民族五千多年历史文化的汉字体系;另一类是象征西方文明的拉丁文字体系。从文字起源而言,两种文字体系均起源于图形。从文字差异性来看,中国的汉字迄今为止仍保持着象形性的特点,富有民族文化特色;西方的文字笔画简练、具有符号化特征。从文字的发展历程来看,汉字字体先后有甲骨文、金文、小篆、隶书、楷书、行书和草书等;拉丁字母可分为古罗马体、安色尔字体、卡罗林小写体、歌德体、印刷字体、老罗马体、现代罗马体和现代自由体等。

随着科学技术的进步和计算机的出现,文字的世界也经历了一场革命,字体设计已从单纯的手写体发展到同时使用手写体与计算机软件字体。手写体源于书法,这种字体给人以优雅和与众不同的创造性感觉。就目前计算机字体而言,计算机里的中文字库可分为文鼎字库、创艺字库、长城字库、方正字库、微软字库、昆仑字库、金桥字库等,其中每个字库中的中文字体包括宋体、黑体、隶书、魏体、综艺体、琥珀体、彩云体、舒体、姚体和幼圆等;英文字体包括Aril、Aril Black、Aril Narrow、Times New Roman、Franklin Gothic Medium等。

2.字体的情感特性

不同的字体会使人们产生不同的情感,比如平滑流动的曲线字体容易表达悠然的感觉,而线条粗壮的字体更易体现庄重的意念。只有了解了字体的情感特征,才能在设计时有目的地选择和使用字体。

通常而言,宋体字形方正,横细竖粗,撇如刀,点如瓜子,捺如扫,有典雅工整、严肃大方的特性;黑体横竖笔画粗细一致,方头方尾,显得庄重有力、朴素大方;幼圆体横竖笔画粗细一致,圆头圆角,柔韧、活泼;琥珀体浑厚、亲切;综艺体厚重、沉稳;隶书体清秀、洒脱;楷体则体现严谨、和平的特性,见图1-1。

图1-1

同样,英文字体也有其不同的风格特性。比如加拉蒙体(Garamond),圆形的字母轴线倾斜,字角呈圆弧形,体现了优美、和谐的感觉;卡斯龙体(Caslon),粗细线条对比强烈,感觉明朗舒畅;波多尼体(Bodoni),圆形的字母轴线完全垂直,粗细线条对比强烈,字角呈直线形,有着浓厚的现代感。

3.字体的自然属性

在平面设计中,人们不但要了解字体的情感特性,还要了解字体的单位以及字间距和行间距等。

就字体字号而言,计算机辅助设计软件会自动生成默认的字号,然而不同的软件对字号默认的单位是不同的,比如Microsoft Word软件,字体的单位是字号,而Adobe Photoshop软件字体的单位是点(Point)。由于字体单位的差异性,也导致了字号的差异性。而且,电脑屏幕上显示的字号与印刷、打印出来的真实效果差距很大,这对于初学设计的人来说很难把握,所以要把一种字体的不同字号打印出来和已经印刷好的书籍进行对照,这样才能对文字的字号有更深刻的认识和理解。

平面设计的版面中常常会出现段落文字,这就需要考虑字间距和行间距。阅读时,字间距和行间距太小会令人感觉沉闷,字间距太大又不利于快速阅读。因此,大多数的计算机程序或文字编排软件,都会自动设置字间距和行间距。尽管如此,设计师还要根据设计的需要调整字间距和行间距,如主题字体的表现。当一些字母因字形关系不能自动调节时,为了达到整体的视觉效果,则需要借助手工调节来完成。

字间距的两种表现方法:

(1)填沙法

填沙法就是将等量的沙子倒在两个字符的中间,以衡量文字间的视觉平衡关系。如果两个字符并列在一起有较大的空隙时,可以将两个字符的位置靠近些,使整行字符在视觉上有相同数量或均等沙子的感觉。例如把英文的“C”与“X”,以及汉字的“计”与“划”相并列时,两个字母之间会产生大的空隙。相反,如果两个字母因竖形笔画贴得比较紧,如英文字母“L”与“H”,以及汉字的“周”与“日”,那么就需要把它们的间距拉开些,让它们之间的空隙与其他字母或字体间一样,能容下等量的沙子,这样在视觉上就会有均衡感。再如把字母“A”放在“L”的后面,两个字母间的空隙就会感觉很大,需要把“L”与“A”相连接,才能达到理想的视觉效果,见图1-2。

图1-2

(2)三字母法

在计算机系统英文默认的字间距中,仅关注三个字母的组合,而忽略文字的其他部分。例如,英文字母“letter spacing”,先考虑前三个字母“let”的间距,接下来再考虑“ett”,然后是“tte”,依此类推,见图1-3。在英文字体中,词汇的组合,两字或三字形式的组合较多,如“MINUTEMAN”。可以以三字来组合,如MIN—UTE—MAN。

图1-3

4.字体的选择

由于各种字体具有不同的情感特性,所以字体选择要与设计的主题相吻合。例如,生产混凝土的公司海报设计。因为混凝土本身具有牢固和结实的特性,所以不应选用纤细、修长的字体,而应选择厚重、粗犷的黑体较为适合。再如,为儿童用品设计海报,自然要选择柔软、活泼和具有动感的可爱字体,这不仅仅是考虑审美需求,更多的是体现文字本身内涵和产品的和谐关系。

大多数的平面设计作品都有标题和辅助性的说明文字,这就需要为这些文字选择字体。有时,各种不同字体组合在一起时,视觉上会有不太协调的感觉。比如装饰性强的字体和简约的字体相结合时,这就需要不断地对其进行调整,以取得和谐、统一的视觉效果。另外,不同字体相组合时,传递的信息也有所不同。如标题用粗壮、厚实的黑体,正文用纤细的宋体,人们就会感觉到粗厚字体的主题很醒目,而纤细字体的正文可以使人们详细地阅读。标题和正文如使用同样的字体和字号时,人们就会分不清其传递信息的主次关系。

因此,人们在仔细观察国内外优秀平面设计作品时,就会发觉字体的选择和使用是非常谨慎的。

5.文字的排列方式

字体作为平面设计的基础要素之一,具有传递信息的实用功能和传达视觉美感的美学功能。所以设计师在设计时,要考虑文字的编排组合关系,要使人们对整个版面感到愉快并留下美好的印象。混乱的文字组合会使人们的心里感到不舒服,而由于难于阅读就不能实现信息的有效传递。因此,文字的排列和组合,在平面设计中是非常重要的环节。

文字的编排主要有以下几种方式:

(1)线形排列

如果把单个文字作为“点”,排列成行就成为“线”。文字线形排列是平面设计中常见的编排方式。文字的线形排列有直线排列和曲线排列等。直线排列有水平式、垂直式、斜线式和折线式;曲线排列有弧线式、波浪式和自由曲线式等。也可以根据需要,排列成虚线形式,或者采用单一的线形排列和多种线形排列相组合等,见图1-4、图1-5。

图1-4 倾斜直线排列

图1-5 自由曲线排列

(2)面化排列

如果把文字的“点”排成“线”,把“线”重复排列成“面”,这就称之为文字的“面化”排列。面化排列的文字具有很好的整体性和图形效果。

面化排列有横向排列、竖向排列和自由方向排列等。

(3)横向排列

目前,市面上的大多数书籍都采用横向排列方式,因为这种排列方式比较符合人体工程学和现代人的阅读习惯。实验发现,若用4号字排列成行超过110mm,小于5号字超过90mm,阅读时间长了眼睛就会感觉疲惫。从阅读的方便和舒适度来说,4号字行的长度以80~105mm为宜。如果是16开本的书籍,并且文字较多,只用一栏的版心由于宽度过大,阅读起来就会感觉不太舒服,这时可以把版心分成两栏或三栏,这样就会减少阅读的疲惫感。

(4)竖向排列

我国古代书籍的版面,文字多采用竖向排列。目前,在平面设计的编排设计中,采用竖向文字排列的方式多用于标题性的文字、广告语,或试图营造中国传统文化氛围的设计。文字的竖向排列可以打破视觉常规,吸引读者的视线。但现代人已经习惯了文字的水平排列的阅读方式,所以正常的正文最好还是采用横向排列形式。

(5)自由排列

在平面设计领域中,线的自由排列的方式多见于广告、海报、书籍、封面、手提袋等设计。自由排列方式可以营造一种轻松愉快的氛围或个性化的特点,给读者带来丰富的想象空间和视觉上的愉悦感,见图1-6。

图1-6 多种方向的自由排列方式

(6)左对齐排列

左对齐排列就是以每行横向文字排列的开头对齐,不必考虑行尾是否上下相对等。这种排列方法在英文中较为多见,让人感觉轻松活泼并方便阅读,见图1-7、图1-8。

图1-7 左对齐排列

图1-8 左对齐排列(旭日因赛广告有限公司设计)

(7)右对齐排列

右对齐排列就是每行文字的结尾对齐。这种排列方式可以给人别具一格的感觉,体现出前卫、时尚和个性,见图1-9。

图1-9 文字右对齐排列

(8)居中排列

文字居中排列,使之刻意以中轴线对齐,首尾产生凹凸的变化。这种排列方式以表现主题或广告语的居多,紧凑的中心,放松的左右空间富有变化,这是一种高雅的对称形式,能使版面产生视觉集中的效果,见图1-10。

图1-10 居中排列

(9)左右两端对齐排列

文字左右两端对齐的编排是最整齐的编排方式,即版面文字的左右两端都形成垂直线状态。汉字由于方形的结构特点所决定,无论是直排还是横排都相对整齐;而英文文字是由两个以上字母所组成,所以要根据具体情况适当地调整字间距,以达到整齐的视觉效果。由于这种编排方式整齐、干净、严谨,因此,不少文章的内容都采取这种编排方式。但这种编排方式缺乏灵活性和动感,见图1-11。

图1-11 左右两端对齐排列

(10)错位编排

错位编排是把文字采用错开的方法,以此来区分或强调版面中文字所传达的不同的内容。这种排列方式通常通过改变个别文字的字体、字号和位置,或者将需要强调的文字加粗、放大、压扁或用图形替换等方式,使主题思想脱颖而出,以达到设计的表现效果,见图1-12。

图1-12 错位编排排列

(11)随图排列

随图排列是一种随图而变化的编排方式。当版面中出现图形时,文字顺着图形的外轮廓进行排列,使图形与文字有机地结合在一起,形成相互衬托、相互融合的效果。随图排列方式很具有趣味性,见图1-13、图1-14。

图1-13 随图排列

图1-14 随图排列(海南酷页文化传播有限公司设计)

文字的编排,不但要注意版面的形式美感,而且更要考虑设计所要传达的主题思想。版面的文字编排方式是由设计的主题和版面的整体氛围所决定的。所以设计时,首先要考虑是否与设计的主题相和谐,然后才能决定选择什么样的字体和字号以及编排方式。

6.版面文字的位置编排

文字编排在版面中的不同位置会使读者产生不同的视觉感觉与效果。这主要体现在以下几个方面:

(1)上端

将文字设置在版面的上端,让人产生上升、愉悦、轻松的感觉,同时也可以营造快乐、舒适的氛围,见图1-15。

图1-15 上端文字编排

(2)下端

将文字设置在版面的下端,使人产生下降、沉重、消沉、哀伤和不稳定的感觉,见图1-16。

图1-16 下端文字设置的消沉和不稳定感

(3)左端或右端

文字设置在版面的左端或右端,具有活泼、不平衡的视觉效果,这种不平衡感会使设计产生预想不到的效果。如果按一般人的视觉感受来说,文字设置在右下端或左上端就有下垂感,反之,在右上端或左下端就有上升感,见图1-17。

图1-17 产生下垂感的右下端文字设置

(4)中心位置

将文字设置在版面的中心即视觉中心,会产生安定、平稳的视觉效果,见图1-18。

图1-18 设置在版面中心的最佳视觉效果

文字的编排是相对而言的,并不是所有的文字按照以上的编排方式,都会产生以上所言的视觉效果,比如小而少,色彩与背景相近的文字排列在版面上,不会产生太强烈对比的情感效果。

7.文字的图形化效果

众多的文字组合在一起时会产生图形形象,中文本身就是象形文字,因此其字体就具有图形形态。在平面设计中,把字体文字设计成图形效果的案例非常多,如标识(图1-19)、招牌(图1-20)、画册(图1-21)、海报(图1-22)、包装(图1-23)等。文字的图形化处理要考虑其可读性、象征性和思想性。

图1-19 英文字母形成的图形形象

图1-20 由中英文字母组成的图形(海南酷页文化传播有限公司设计)

图1-21 画册文字的图形形象(张馨文设计)

图1-22 海报文字的图形形象(海南酷页文化传播有限公司设计)

图1-23 包装文字所形成的图形效果

8.字体与色彩

在平面设计中,可以通过色彩来实现文字信息的区分和传递。色彩能起到表达文字含义和心理感受的作用,如色彩的醒目、轻巧、青春、热情、柔软、浪漫感等。表达混凝土广告的色彩,如果选择温暖、淡雅的色彩作为主色调,似乎不适合这个主题。然而,对于“花卉展”等题材的广告,使用暖色会感觉很合适。最终选择哪种色彩,取决于设计的主题要求。

色彩的明度、纯度和色相对比也会影响字体的视觉效果。比如将浅色的文字设置在淡雅的版面背景上,与背景的明度、纯度和色相都很接近,版面文字就很难从背景中区分开来,这样视觉效果就会很弱,所以要选择对比度差异大的色彩来体现版面的视觉效果。但是,即使是为了突出设计主题,也不宜使用过多的色彩。