平面设计基础与应用(txt+pdf+epub+mobi电子书下载)

作者：张风,于成丽

出版社：湖南科学技术出版社

格式: AZW3, DOCX, EPUB, MOBI, PDF, TXT

平面设计基础与应用试读：

前言

现代平面设计是集人文社会科学和自然科学为一体的综合性学科。在人类社会进入21世纪的今天，由于社会经济的发展与需求，现代平面设计已从二维平面的范畴，走向三维立体和动态、音响等多领域。因此对平面设计师的培养，已不再是单纯地掌握单门学科的专业技能。

在20世纪80年代之前，中国人似乎只重视为出口商品做包装设计和海报设计。中国原有的八大美术院校的工艺美术系“包装装潢美术”专业的教学大纲，也以培养包装、广告设计的实用性美术人才为目的。随着改革开放和经济社会以及科学技术的迅猛发展，企业形象设计的出现，平面设计进入了视觉传达的崭新境界。电脑辅助设计代替了手工绘制，新一代的设计师通过电脑淋漓尽致地展示他们的灵感和设计意念。

现代社会和企业需要学校培养具有创新能力、熟练的手绘能力和电脑辅助设计能力以及综合素质的人才，针对这一能力的培养，学校的人才培养方案以及课程体系的建设，都面临着重大的改革。如今，中国传统的教育理念和教学方法已经无法满足这一需求，各艺术院校不断地探索和研究新的平面设计教育体系，以及如何使基础教学与专业设计有机结合，相互渗透，使学生通过平面设计的基础练习，掌握专业设计的基本理论知识和专业技能，从而培养创新能力、表现能力和综合素质。

本书的内容分为

基础篇

在这里值得一提的是，旭日因赛广告有限公司李明总经理、海南酷页文化传播有限公司方文副总经理以及王才君先生为本书提供了部分图片资料，我的研究生雷洁卿对本书进行了编辑整理，在此一并表示感谢！希望本书的出版，能为平面设计专业的学生提供基础理论依据和设计实践的指导。著者2014年11月基础篇

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

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

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

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

掌握字体的表现方法

学习字体的编排方式

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

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

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

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

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

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

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

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

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

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

字间距的两种表现方法：（1）填沙法

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

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

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

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

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

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

文字的编排主要有以下几种方式：（1）线形排列

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

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

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

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

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

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

左对齐排列就是以每行横向文字排列的开头对齐，不必考虑行尾是否上下相对等。这种排列方法在英文中较为多见，让人感觉轻松活泼并方便阅读，见图1-7、图1-8。图1-7　左对齐排列图1-8　左对齐排列（旭日因赛广告有限公司设计）（7）右对齐排列

右对齐排列就是每行文字的结尾对齐。这种排列方式可以给人别具一格的感觉，体现出前文字居中排列，使之刻意以中轴线对齐，首尾产生凹凸的变化。这种排列方式以表现主题或广告语的居多，紧凑的中心，放松的左右空间富有变化，这是一种高雅的对称形式，能使版面产生视觉集中的效果，见图1-10。图1-9　文字右对齐排列（8）居中排列图1-10　居中排列（9）左右两端对齐排列

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

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

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

文字的编排，不但要注意版面的形式美感，而且更要考虑设计所要传达的主题思想。版面的文字编排方式是由设计的主题和版面的整体氛围所决定的。所以设计时，首先要考虑是否与设计的主题相和谐，然后才能决定选择什么样的字体和字号以及编排方式。图1-14　随图排列（海南酷页文化传播有限公司设计）6.版面文字的位置编排

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

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

将文字设置在版面的下端，使人产生下降、沉重、消沉、哀伤和不稳定的感觉，见图1-16。（3）左端或右端文字设置在版面的左端或右端，具有活泼、不平衡的视觉效果，这种不平衡感会使设计产生预想不到的效果。如果按一般人的视觉感受来说，文字设置在右下端或左上端就有下垂感，反之，在右上端或左下端就有上升感，见图1-17。图1-16　下端文字设置的消沉和不稳定感图1-17　产生下垂感的右下端文字设置（4）中心位置

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

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

众多的文字组合在一起时会产生图形形象，中文本身就是象形文字，因此其字体就具有图形形态。在平面设计中，把字体文字设计成图形效果的案例非常多，如标识（图1-19）、招牌（图1-20）、画册（图1-21）、海报（图1-22）、包装（图1-23）等。文字的图形化处理要考虑其可读性、象征性和思想性。图1-18　设置在版面中心的最佳视觉效果图1-19　英文字母形成的图形形象图1-20　由中英文字母组成的图形（海南酷页文化传播有限公司设计）图1-21　画册文字的图形形象（张馨文设计）图1-22　海报文字的图形形象（海南酷页文化传播有限公司设计）图1-23　包装文字所形成的图形效果8.字体与色彩

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

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

学习图形的构成要素

了解图形的功能作用

研究图形的版式编排

图形是平面设计的基础要素之一。作为一种非文字符号，它是最易传达、识别和记忆的信息载体。一幅设计作品，人们对它的文字要素往往要通过阅读和思考，才能认识和理解；而图形传达的信息是直接的、明了的，并且比文字信息更具有视觉冲击力。图形作为一种无声的视觉语言，具有直观性、有效性和不受文化、语言、地域和国度等条件限制的世界通用性符号，比如像“禁止吸烟”、“时速限制”公共性的标识。平面设计的图形表现，可以通过写实、抽象、幽默、夸张等手段来吸引读者，实现信息传达的目的。1.图形的定义

图形一词有着各种不同的解释。一般来说，在视觉感受中，具有图像形状的符号都称为图形。在几何学中，图形是几何图的简称。中国自古以来对图形的描绘有图案和图腾的说法，以象征和代表着不同民族的宗教、生活、信仰、地位、尊卑等符号或标识。在《宋书·礼志·四川》中图形被解释为图样。在视觉传达设计中，是把可视性的图画作为图形向读者传递信息、观念、情绪等。2.图形的构成要素

点、线、面是构成图形的基本要素。点是形态的起点，是最简洁的视觉要素。点在版面中给人以位置感，起到引导读者视线走向的作用；线是点的延伸，线具有动感和方向性；面是点或线的延升所形成，给人一种整体和平面感，比点和线有更强烈的视觉冲击力。点与面的区别在于点给人的感受是小的图形，而面则是在面积上比点大，这是相对而言的感觉。

在平面设计中，把线作为图形化的构成要素应用得非常广泛，比如人们常看见用线条速写或描绘各种具象、抽象和装饰性的形状。而面本身就是图形化的符号，各种平面化和立体化的图形都是由大大小小的面所组成的。3.图形的分类

在视觉传达设计中，一切以图画形式呈现的视觉形象都可称为图形。图形的世界可谓五彩斑斓、绚丽多姿。就色彩而言，有彩色和无彩色图形；就形状来说，有抽象化图形、具象图形和装饰化图形；就表现方法来谈，有手绘图、电脑图、喷绘图、摄影图等。4.图形的属性

在现代平面设计中，大多数的图形设计已不再是人工绘制，而是数码图形，以下从数码图形的角度分析图形的属性。（1）数码图形可分为位图和矢量图

1）位图位图也称为点阵图，是由不同亮度和色彩的像素点所组成，它的优点是适合表现图形的细节，有丰富的明暗和色彩变化，能表现逼真的图形效果；缺点是文件比较大，放大时清晰度降低。位图的格式包括JPEG、BMP、GIF、TIFF、PSD、PNG、PDF等。

2）矢量图形矢量图形是使用计算机图形学中用点、直线或者多边形等，基于数学方程的几何图元素方法所形成的图像。它的优点之一是文件占用的存储空间小，这是由于图形保存的只是线条和图块的信息，文件占用存储空间与图形的复杂程度有关，与分辨率和图形大小无关；优点之二是放大时清晰度高。对矢量图形进行缩放、旋转或变形操作时，均不会产生锯齿或模糊效果；优点之三是输出效果佳，矢量图形在输出和打印时，具有良好的画面效果。这类图形的缺点是色彩表现的逼真感不强。矢量图形多要用于标识、插图、文字和Flash动画等。一般常见的文件格式有CDR、SWF、AI、DXF等。（2）分辨率

分辨率是指图像文件包含的细节和信息的多少，以及输入、输出或显示设备能够实现的细节程度，即分辨率的高低决定了图像的输出质量。图像分辨率无论是打印机还是照排设备和输出位图文件，都是根据创建图像所设的分辨率大小来输出的。如果希望最终输出的图形效果与电脑屏幕上显示的一样，那么在开始工作前，就需要了解图像的分辨率。（3）编码模式

图像的色彩编码模式有RGB、CMYK、HSB、LAB、INDEXEDECOLOR和GRAYSCALE等多种。

1）RGB色彩模式（RGB分别代表红色Red、绿色Green、蓝色Blue）是用红、绿、蓝色光三原色的光强度来表示的色彩关系，常用于光照原理、屏幕显示的色彩、荧光屏的色彩视觉效果呈现，比如舞台灯光幻灯片、FLASH动画、影视广告等。在该模式下，R值为255，G和B的值均为0是纯红色；G值为255，R和B的值均为0是纯绿色；R、G、B三个值都为0是黑色。当三种色光混合在一起，就可以产生各种各样色彩。

2）CMYK色彩模式（CMYK分别指青色Cyan、洋红色Magenta、黄色Yellow、黑色Black,K取的是单词黑色Black的最后一个字母），也就是人们常说的色彩和三原色：红、黄、蓝。在大部分的平面设计项目中，色彩是通过印刷来完成的一种色彩编码模式。CMYK是常用的颜料印刷类色彩，在平面设计中，用于包装、杂志、海报、宣传手册、宣传单等。也称为纯度或鲜艳度，其色彩的调配属“减法混合”。

3）HSB色彩模式是用色相（H）、饱和度（S）和亮度（B）也称为明度来描述色彩特性的一种编码格式。HSB是比较直观的色彩模式，因为这种色彩模式是根据人的视觉特性所制定的，所以非常接近人们对色彩的辨认方式。一般来说人们对色彩的直觉感知，首先是色相关系，即如色相环中的红、橙、黄、绿、青、蓝、紫等；然后是色彩纯度，即饱和度；最后才是明度关系。

4）LAB色彩模式是用L表示亮度也就是明度，A和B表示颜色的一种编码格式。L的范围是0～100，A代表由绿色到红色的光谱变化，B代表由蓝色到黄色的光谱变化。这种色彩模式通常运用于处理图像和编辑图像中的亮度和颜色值。比如在Photoshop软件里，常对图片进行色彩平衡的调节，就是这个原理。

5）索引色（INDEXEDXCOLOR）的色彩模式，这种编码格式最多有256种色彩。该模式的图像特点是文件占用存储空间小，这主要是通过限制图像颜色的数目来减小文件的大小。这种图形色彩模式常用在网页的页面上或其他基于计算机的图像显示上。

6）灰度模式（GRAYSCALE）有256级的灰度来表现图像。其表现方法是将有色图像转换为灰度模式，去掉原图像中的所有的色彩信息。然而，一些图像处理软件可以把灰度模式的图像转换成彩色模式的图像，但不可能完全恢复原有的色彩信息。所以将彩色图像转换为灰度模式的图像时，要注意保存好原文件。5.图形的裁剪

计算机数码技术和扫描仪的使用，极大地扩充和方便了图像的收集和使用。目前，数码图片在平面设计中的运用占有很大的比重。

有时根据设计的需要，只用图片中的某个局部，这就要对数码图片进行裁剪。如图2-1是原摄影图，图2-2是根据设计主题和版式编排的需要进行剪切的图形效果。计算机现代科学技术的发展，图形的裁剪已不需要手工制作，电脑软件就很容易进行图片处理，如Adobee Photoshop、CorellDRAW等软件，可以轻而易举地剪去无关的图像信息，放大了所需的图像部分，见图2-3、图2-4。图2-1　原图（张风拍摄）图2-2　根据设计需要剪切的图图2-3　原图（张风拍摄）图2-4　裁剪图

另外，有些裁剪的图片还是达不到设计的要求，那就需要对图片做进一步的处理，如图片的合成、增减等，比如说图片中的背景很复杂，而这些信息是设计所不需要的，这就要通过图像处理软件把不必要的背景信息去掉，根据设计的需求把所需要的信息进行有效处理，见图2-5、图2-6、图2-7。图2-5　原图（张风拍摄）

试读结束[说明：试读内容隐藏了图片]

下载完整电子书