09236编排设计（完整版课件）.pptx

1、Typo&Layout Design本课程总教学目标本课程总教学目标 通过本课程层通过本课程层层深入的层深入的4 4个阶段个阶段学习，能够掌握字学习，能够掌握字体设计的基本方法，体设计的基本方法，以及学会如何用文以及学会如何用文字进行编排设计。字进行编排设计。L 平面设计（GRAPHICDESIGN）的核心：传传达信息 字体设计（TYPEFACES）的主要原则：可读性可读性、创造性创造性、美感美感。“平面设计的意图，就是鼓动人们采取行动或告知他们信息。如果这些角色的某些部分能够创造良好的社会环境，那就再好不过了。”从美国纽约的设计师米尔顿格拉泽说过的这一段话中，我们可以将字体与编排在平面设计中

2、的意义，理解为一种信息传播的催化剂，即将委托人委托的、需要传达给目标受众的信息，以具有美感的艺术形式，准确、快速地告知目标受众，进入他们的心灵，使他们可以采取适当、积极的行动。而不是仅仅停留在纯粹个人的艺术表现或纯粹形式感的追求上。恰当的编排能极大地促进信息的传达，失败则编排则会成为信息的阻挡者。因此评判字体与编排设计的优劣，不能以纯粹的审美为第一标准，而是要看信息传达是否准确到位。字体与编排涉及的平面设计元素有：字体、字号的选择，图形的处理，版面的尺寸、色彩等。同时，其所涉及的平面媒体也十分广泛，包括出版物版面设计、广告版面设计、促销道具设计、企业形象识别设计以及多媒体版面设计等。总之，所有

3、平面设计都是通过字体与编排设计表达出来的，它是一种信息传达的表现形式。鲁道夫阿恩海姆在他的视觉思维中曾强调说：“艺术教育不仅仅是艺术技法的教育，学生不可能仅凭掌握一点技法就提高自己的艺术素养，除了掌握技法外，还必须熟悉艺术发展的历史，具有欣赏艺术的趣味和评价艺术的洞察力。”这种教育思想值得我们进一步认识并运用到实际学习中。我们必须认识到：仅仅学会一些设计方法，是难以设计出令人耳目一新的设计作品的。学习没有捷径，却可以有不同的学习方法。以往我们许多的学习者在开始本课程的学习时，对教师所教授的关于字体的历史和现状方面的知识，只是走马观花似的过一遍，能加以真正吸收的却不多。本教材针对这种普遍现象，在

4、教学方法上进行了大胆的探索和调整。目的是让大家能真正地把这些知识运用到实际设计过程中，发挥自己的作用。本教材共分四大部分：首先从主动认识字体开始，继而尝试设计单个字体，再到多个字体的设计组合，最后学习图文并茂的编排。通过层层深入的教学步骤，结合深入浅出的教学方法，相信此书能对学习这一课程的同学真正有所帮助。第一单元：第一单元：字体的认识阶段字体的认识阶段 在本单元中我们将引领学生分析那些已有的字体作品，或者与字体关系紧密的优秀设计作品。所谓“认识字体”，即认识字体的类型、构造、特点、发展等要素。“认识字体”的过程，首先是资料搜寻的过程，其次是对资料进行条理化归类与分析的过程。这一过程可以帮助学

5、生对字体发展的历史和现状形成一个基本认识。同时，通过对具体作品的体会，学生可以对字体的形态、笔画、凹位、色彩等基本构成因素形成丰富的感性体验，为下一阶段的学习打下基础。字体认识的具体方式主要有三个：在历史信息中寻找，从周围生活中寻找，从优秀的平面设计作品中寻找。收集、了解、分析，尽可能地观察古今中外的各种不同字体以及它们的应用情况。1、历史中的寻找（1）历史中汉字的寻找 中国是世界上文明发生最早的国家之一。文字的出现，是判断一个文明起点的基本依据。早在新石器时代的一些陶器上，已经出现类似文字的图形。按照字体形态的发展，汉字可以分为古文字时期、过渡时期、今文字时期三个发展时期。古文字时期分为“大

6、篆”和“小篆”两个时期。在这一时期也出现了古代装饰字体，如“鸟虫书”、“蝌蚪文”、“长方大篆”等。在经过了古隶的过渡时期后，就迎来了今文字时期。今文字时期的主要字体称为今隶、真书以及经过简化的现代汉字。方块字的形成，是汉字发展历史上的重要飞跃。如今的汉字以宋体为基础演变而来。至今天，已经拥有数百种字体。我们可以在电脑字库（如汉仪字库、方正字库等）中进行认识和熟悉。当我们对汉字的发展历史有了一个基本的了解之后，就来尝试从汉字的历史中寻找字体吧。第一节第一节 字体的寻找字体的寻找汉字的类型和简介汉字的类型和简介 分分古文字古文字和和今文字今文字两个时代两个时代 甲骨文甲骨文 长方大篆长方大篆 鸟虫

7、书鸟虫书 蝌蚪文蝌蚪文 小篆小篆 阳阳陵虎符陵虎符今隶今隶 汉石经周易文言说汉石经周易文言说 真真 书书 “寿寿”“双喜双喜”“龙、凤龙、凤”“不可思议不可思议”紫竹林中紫竹林中观自在观自在白莲座上白莲座上现如来现如来 方法1：首先确定目标范围。假设我们把目标范围确定在中国的象形文字，那我们就去图书馆、书店、博物馆等处寻找这种字体的踪迹。收集的手段一般包括拍摄、扫描等手段。然后把收集到的所有材料进行分析和对比，体会它们之间的联系。方法2：在我国历史上曾经出现的相关设计作品中寻找并分析字体、文字尺寸、文字色彩、文字在版面所处的位置等信息。1、历史中的寻找（2）历史中拉丁文字的寻找 当今世界应用拉

8、丁字母的国家有六十几个，我国的汉语拼音和十几个少数民族也都采用了拉丁字母。拉丁字母事实上已经成为一种通用的字母了。拉丁文字的发展主要分为文字的原始时期、文字的规范时期和现代字体时期。公元前两千多年，生活在美索不达米亚平原两河流域的人们发明了楔形文字，这是人类文明最早的文字之一。这种刻在陶土上笔画一头粗、一头细，好像楔子的文字，象征着人类利用抽象符号记录事件、思想的开端。古埃及也是文字的重要发源地。古埃及文字是以图形为核心的象形文字，出现在象牙雕刻、石刻、纸草文书等上面。古埃及文字书写在纸草文书上，呈现规整的横式或纵式布局，对现代平面设计具有一定影响。从公元18世纪到19世纪，工业革命开始推动平

9、面设计的发展。英国设计家在字体设计领域取得了重要突破，使字体设计进入了一个重要的发展阶段。这一时期，字体设计的发展体现在几个方面：一是出现了简明典雅的新字体系列；二是发展了古典体；三是改革并且广泛应用无饰线字体，对现代设计是影响深远。进入到现代字体时期，拉丁文字的字体库更加丰富。20世纪80年代以来，电脑技术发展迅速，进一步促进了字体设计新形式的涌现。当我们对拉丁文字的发展历史有了一个基本的了解之后，就要开始从历史中寻找它了。第一节第一节 字体的寻找字体的寻找苏美尔人的契形文字苏美尔人的契形文字 纸草文书Gill SansGill Sans字体字体 方法1：首先确定寻找的目标范围。譬如英国的G

10、ill San字体。我们可以从图书馆、书店、博物馆等处寻找它的踪迹，寻找、收集并且分析，体会这种字体与现代设计之间的联系。方法2：在历史上曾经出现过的相关设计作品中寻找。观察、分析作品所使用的字体、字体尺寸、文字的色彩、文字在版面所处的位置等信息，并将其记录下来。从历史中寻找字体是课程的开端，目的是帮助学生摆脱被动学习的不良习惯，尝试主动的观察和分析，真正去了解那些优秀的字体作品。2.作品里的寻找 本节所指的“作品”，是指为现代平面设计作品。寻找的途径有三种：一是直接从身边的设计作品中寻找；二是从平面设计有关的书籍中寻找；三是从互联网上寻找。通过阅读、分析大量关于字体和编排的设计作品，丰富我们

11、的视野，熟知更多的优秀设计风格、表现形式。比较全面地了解优秀作品的风格及表现形式，可以使学生提高审美眼光，拓宽设计思路，为学好字体与编排设计打好基础。第一节第一节 字体的寻找字体的寻找第一节第一节 字体的寻找字体的寻找3.生活中的寻找 到生活中寻找是一项非常有趣的活动。在这个过程中，我们会得到许多有趣的、从未被发现的字体，这将大大丰富我们的字体设计源泉。我们稍作留心就会发现，一些字体设计大师的创作灵感就来源于此。第二节第二节 字体的体会字体的体会 字体的体会，是通过书写、绘制等活动体察一些常用字体的形体结构、结构方式等。目的是为了今后在版面设计中合理地运用它，并为下一阶段的单字设计做好准备。在

12、本节课程之初，应该大量充实自己的电脑字体库。字体库的来源有多种：购买字体库光盘、网络下载等。安装完毕后，进一步了解已有字体的相关信息，如：字体笔画的粗细、笔画的曲直、字形的方正等。1.现代常用汉字字体 现代常用汉字字体，指的是当前使用频率较高的汉字字体。就目前的电脑而言，安装成百上千种字体不是难事。许多设计人员习惯从电脑现有的字体库中选用字体，这确实大大提高了工作效率。不过，如果我们对这些字体的性格特征没有很好地把握，是很难在实际设计中恰当地运用它的。第二节第二节 字体的体会字体的体会 （1）黑体 黑体类字体的笔画粗细相等、方头方尾，具有醒目、正规、简洁、明快、浑厚有力等特点，是现代设计中运用

13、较广泛的一种字体，常用于主标题等。按笔画的粗细程度，黑体类字体可分为超黑、粗黑、大黑、中黑等。黑体的另一种形式为等线体。笔画粗细均等、干净利落，给人一种极强的现代感。适用范围比较广泛，在大量表现现代感的设计作品中，都可以发现等线体的踪影。第二节第二节 字体的体会字体的体会 （2）圆体 圆体保留了黑体方正、饱满的特征，在笔画两端和转折处加上了圆角处理。这种字体外形圆润并且具有亲和力。因此它常用于表现儿童、女性以及食品等主题的设计中。第二节第二节 字体的体会字体的体会 （3）宋体 宋体是老宋体、粗细宋体、斜宋体、明体、仿宋体等字体的总称。其基本特征是字形方正、横细竖粗，笔画的右端和字的收笔有锐角呈

14、三角形，钩的收笔处缺半圆，给人大方、典雅、肃穆、精致的感觉，具有古典美。第二节第二节 字体的体会字体的体会 （4）传统书法体 传统书法体是由传统书法或篆刻发展而来的一种文字字体。这类字体比较适合用于传统类主题标题。相比黑体、宋体，此类字体的识别性大多较弱，因此不适合用于正文。传统书法体包括的字体有楷体、行书、隶书、大篆、小篆。楷书具有传统、端庄刚直的特征，行书有清秀自由的意趣，隶书具有华贵古朴的风貌，大篆显得粗犷，而小篆均圆柔婉。第二节第二节 字体的体会字体的体会 （5）趣味体 目前在我们的电脑字体库中还存在着一些轻松、有趣的字体，这大大丰富了我们的选择范围，使设计更加具有个性化的特征。下列是

15、一些比较适合现代设计的字体。第二节第二节 字体的体会字体的体会 2.现代常用拉丁文字字体 现代常用拉丁文字字体主要有衬线字体、无衬线字体和 装饰字体三大类。（1）衬线字体 有粗笔画和细笔画两类，衬线脚因不同字体大小而弧度不同，字体有古典和正式感。第二节第二节 字体的体会字体的体会 （2）无衬线字体 所有笔画粗细相等，无衬线，无明显的笔画强调，是现代字体的代表，可读性强，字体端正、平稳。第二节第二节 字体的体会字体的体会 （3）装饰字体 利用手写和图形装饰的手法，灵活、具有装饰性，适合用于活泼和富有个性的设计。第二节第二节 字体的体会字体的体会 思考题 1.列举几种目前在东方较流行的字体，以及运

16、用了这些字体的优秀设计作品。2.列举几种目前在西方最较流行的字体，以及运用了这些字体的优秀设计作品。练习题 1.历史中的字体分析按照第一节第1点中讲授的“历史中的寻找”的方法，对一种历史上的字体进行多方面、多角度的搜寻和了解。2.设计作品中的字体分析按照第一节第2点中讲授的在“作品里的寻找”的方法，阅读有关艺术史、设计史书籍，浏览现代平面设计作品，了解、收集最具代表性的设计风格及其主要代表作品。观察古今中外各种字体，分析具体作品的信息（哪种字体、设计方法、文字的尺寸、文字的色彩、文字在版面所处的位置等），并将其记录下来。3.生活中的字体分析按照第一节第3点中讲授的“到生活中寻找”的方法，尝试观

17、察生活中的各种形态，寻找富有个性的字体（不少于1种）。用摄影、扫描、复印、绘画等方法收集这些素材。第二单元：第二单元：单字设计单字设计阶段阶段 所谓“单字设计”，指的就是对单个文字的构成要素进行设计。单字设计的训练目的是为文字的组合设计做好铺垫。单字设计是字体设计的核心内容之一。单体广泛应用在平面设计的各个门类中，特别是在书籍设计、包装设计、广告设计、标志设计、企业形象设计、出版物设计等领域。近年来兴起的影视片头、界面设计、网页设计等新兴领域，都有单字的身影。在上一单元中，我们对国内外的常用字体有了一定了解，在本章课程中，我们将多角度地运用它们。每一个文字都有自己独特的结构、富有独特的韵律，展

18、现出不同的个性。要想设计好字体作品，除了理解上一章提到的字体的基本要素，还要具有较好地把握字体的形态、大小、粗细、色彩等要素的能力。广告设计广告设计包装设计包装设计企业形象设计企业形象设计标志设计标志设计出版物设计出版物设计影视片头影视片头电脑界面设计电脑界面设计网页设计网页设计 第一节 单字的构成因素变化 单个文字的构成因素，包括文字的大小、粗细、变形、立体、色彩、肌理、手绘等。这些构成因素是单字的形态变化的基础。概括起来，单字的构成因素变化训练包括字型的变化、字形的变化和“部件”的变化三部分。文字构成因素的具体变化手段包括：1.字型的变化 字型是单个字的结构方式、规格和大小。因此，字型的变

19、化就是单字的结构方式、规格和大小的变化。（1）扩张与收缩 这是将整个文字进行面积上的处理，是一种简单而有效的变化手法。第一节 单字的构成因素变化（2）多字体结合 所谓多字体结合就是利用单个文字的不同字体形态，将它们重新结合，以产生强烈的对比效果。第一节 单字的构成因素变化 2.字形的变化 字形的变化就是改变文字的外形以及表现形式，使之富有表现力。训练的重点是字体的整体结构和外形、方圆、块面等因素的呼应关系。（1）舞动的文字 将文字作变形处理，使之产生舞动的感觉，画面会由此产生一定的空间感。第一节 单字的构成因素变化（2）正负形的面积 文字的正形或负形作面积上的增加或减少，可赋予文字以全新的面貌

20、。第一节 单字的构成因素变化（3）图底的有效性 在一般情况下，人们习惯将版面中的文字看作图，其余部分看作底。而对两者都关注的设计师，将会开辟出一些出人意料的设计思路。第一节 单字的构成因素变化 3.“部件”的变化“部件”的变化就是改变文字的部分笔画结构和填充形式，制造与众不同的视觉效果。（1）解构笔画 打散文字原有的笔画，然后重新组合，可以得到一种全新的字体。这样做的目的是突破原有文字的结构。第一节 单字的构成因素变化（2）加入粗糙感 在字体表面加进粗糙的肌理。这样的字体可以满足人们追求原始、古朴的心理，给人带来亲和感。这是目前比较流行的字体变化方法。第一节 单字的构成因素变化（3）字图结合

21、字与图的结合可以使字体的表现形式更加多样，还能使文字产生意形结合的效果。第一节 单字的构成因素变化（4）传统元素的加入 将中外传统元素利用到自己的字体变化中来，并不意味着把传统元素作简单的堆叠。第一节 单字的构成因素变化（5）立体化处理 文字的表现形式有很多，除了一般的二维方式外，还可以尝试三维的立体视觉效果，将有趣的立体效果赋予文字。第一节 单字的构成因素变化 第二节 单字形象化 单字形象化就是以单字的构成因素为基础，用象形、会意、假借、结构等方法进行再设计。这一练习的目标在于，使再设计后的文字具有突出的个性，并且能够广泛运用于商标、广告标题、包装等设计项目中。在训练过程中，我们不能忽略文字

22、的可读性。文字的主要功能是向大众传达信息，目的是更有效地表达设计主题和构想意念。单字形象化的基本要则主要有两点：首先，避免繁杂零乱，做到易读易认。其次，突出视觉美感。视觉美感充分，才能给人以美的感受，留下美好的印象，从而获得良好的心理反应。单字形象化的具体设计步骤为：第一步，确定所要设计的文字内容。在动手设计之前，应该注意到文字的固有特点。时至今日，汉字仍然保留了象形文字的一些特征。其字形外观规整为方形，笔画变化的意味无穷。每个汉字都有独立含义，这一点上和拉丁字母文字截然不同。因此两者的设计方法是不同。另外，字体自身固有的结构和韵律也是重要因素。单个汉字或字母的形态、大小、粗细、色彩等。第二节

23、 单字形象化 第二步，从不同角度进行构思，得到几个比较成熟、可行性较强的方案，然后筛选方案。在所选文字中，依笔画多少挑出有代表性的汉字或具有代表性的字母，如：点、横、竖、撇、捺或A、E、P、S、X、C、I、N等。其后利用电脑设计软件实现草图。在一种单字形象基本设计的基础上，如轮廓线的处理、色彩的运用搭配等，其目的是进一步拓展表现能力。最后是效果的观察，如放大、缩小、变化颜色、与背景结合等的视觉效果。最后进一步筛选方案，把最满意的方案完整化、标准化。第二节 单字形象化 1.象形化 象形化，就是利用具体的具象形态（如：日出、植物、水、龙，等等）设计单字形象。简言之，象形化就是使设计的字体形似生活中

24、的某件事物。象形构思法既可以运用在整个文字上，同样也可以运用在局部笔画上。（1）整字的“象形”整字的“象形”，指用具体的象形形态设计整个文字，其结果是使设计的文字形似某物。如将文字的所有笔画作为表现事物的对象。（2）局部的“象形”局部的“象形”，指用具体的象形形态设计文字的部分笔画，其结果是文字的部分笔画具有象形性。第二节 单字形象化 2.会意化 会意化是在单个文字中拼合两种或两种以上的视觉元素。而这些视觉元素属于同种类型、同种性质，或是有一定关系的事物。会意化可以使文字增添一个新的意义，具有新的视觉形式，形成较强的视觉冲击力。“会意”的类型分为以下三种：（1）类型的“会意”，指在一个文字中，

25、把相同类型的图形组合起来。（2）性质的“会意”，指在一个文字中，把相同性质的图形组合起来（根据学生的实际范例进行具体讲解）（3）关系的“会意”，指在一个文字中，把具有一定关系的事物组合起来。第二节 单字形象化 3.假借化 假借化，就是借用一种或一组具体形象表达另一种事物或意义。因此，假借也是一种比喻。比喻的素材没有限制，譬如一把筷子。生动的素材来源于现实生活，独特而合理地利用素材来设计字体，使人感到亲切有趣。鲍勃吉尔在其平面设计我的第二语言说：“如果你还没有养成仔细观察周围生活的习惯，现在就去观察吧！你会发现这是一个产生有用图像和创意的无穷无尽的源泉。”因此，用心观察生活、积极地获取素材和使用

26、素材是单字假借化过程中设计者的基本功力。第二节 单字形象化 4.结构化 这是是一种用概括的方法以及用各种偶然因素改变字体结构的单字假借化处理。其具体方法主要有三种：概括的方法。即用方、圆、三角等几何形态归纳文字的笔画、外形和结构。改变结构的方法。即略微改变笔画之间的关系，或者省略部分次要笔画，或用不同字体结合成一种新的字体。利用偶然因素的方法。即借用在日常生活中发现偶然因素进行字的结构处理。比如不小心擦坏的文字痕迹、某种物体的影子、水杯印等。结构化的主要类型有整字的结构变化和局部的结构变化。第二节 单字形象化 思考题 1.单字的构成因素变化的基本方法有哪些？2.收集设计作品中出现的相关设计字体

27、，并加以分析。练习题 完成时间：一周。1.单字的构成因素变化练习。要求：每种方法选择单个文字做练习，可以是汉字、拉丁字母或阿拉伯数字，进行大量的字体变化手法训练。比如：汉字用“中”，那么每种方法都用“中”这个字，每个练习要选择不同字体（变化大一些，有不同的粗细、大小、有线脚、无线脚等），这样可以对比一个文字运用各种不同变化之后的结果，体会每种变化的特点。数量：每种方法一张。2.设计一组字体。要求：具体内容：汉字为一个成语。拉丁字母为一个不少于5个字母的单词（大小写均可）。用本单元所学的每种方法勾画草图，方案要多样化。注意所有文字的设计风格要统一。Typo&Layout Design第三单元：第

28、三单元：字的组合字的组合阶段阶段字的组合是将两个或两个以上文字组合成为一个完整形象的字体设计形式。它是通过整体的形象风格、视觉特点来表现对象的内容。字的组合形式有三种：标题式文字的组合、行式文字的组合、块式文字的组合。典型的如机构标志、广告标题、文章的标题等。在进行文字的组合设计时，要了解以下几个方面：（1）了解人们的阅读习惯，在组合方式上顺应人们日常的心理感受习惯。（2）明确一个认识，即文字组合的目的是为了增强其信息传递的功能。（3）赋予审美情趣，诱导人们饶有兴趣地阅读。必须做的准备工作：（1）明确设计内容，即了解文字作品最终的用途。是商品名称，还是招贴标题；是包装，还是户外展示；是书籍标题

29、还是文章标题？（2）明确设计定位，并在此基础上进行市场和消费对象的调研。（3）收集设计主题的相关资料。比如产品的形象素材，这可以为设计提供发展思路。（4）确定将要采取的设计形式，即组合的方式。（5）检验作品时问自己几个问题：是否符合视觉传达的要求，表现内容和表现形式是否一致？整体效果如何？是否协调？第一节 字的“题”化字的“题”化，是一种将两个或两个以上的字组合为标题的字的组合形式。因此字的“题”化，就是将文字用各种空间形式进行组合，用整体的形象风格、视觉特点及色彩反映表现对象。字的“题”化组合分三种形式，它们是：汉字的组合、汉字和拉丁文字的组合、拉丁字母的组合。1.字与字的空间关系（1）字与

30、字分开 文字之间有一定距离，但存在内在的呼应关系。除了一组文字的组合之外，还包括组团。所谓组团，即将内容、层次有区别的多组文字组合在一起，形成一个整体形象。此种形式在标志与标准字的组合设计时常用。第一节 字的“题”化（2）字与字结合 运用字与字的外形以及笔画之间的关系进行结合。第一节 字的“题”化（3）字与字重叠、融合 运用字与字的外形以及笔画之间的关系进行重叠、融合。第一节 字的“题”化（4）同构 同构是一种特殊的组合形式，在一定程度上借用了图形设计的手法。它把几个文字或者文字和图形组成一个完整的形，每个构成因素之间相互穿插，和谐共存。第一节 字的“题”化2.运用多种表现风格 在字的“题”化

31、中常常需要运用一些独特的表现风格。表现风格因内容而定，许多手段可以用来增加表现效果（如立体、光、材质等）。具体分为以下八类：（1）传统风格亲和化的风格。恰当运用传统风格并非易事，需要设计师对传统艺术形式有一定的了解，并且注重收集相关资料，比如传统纹样、传统书籍、传统工艺品等。（2）现代风格年轻化的风格。这一风格的编排形式、色彩运用比较自由。（3）粗犷风格男性化的风格。可以运用超粗的字体和肌理进行编排。（4）细腻风格女性化的风格。经常运用明度对比较弱的柔和色彩，以及笔画较细的字体进行编排。（5）华丽风格气质高贵的风格。合理运用在企业标志或商品包装中，能塑造出悠久的历史感。（6）简洁风格色彩简洁，

32、字体规范，最大的特征是易认易记。（7）厚重风格运用规范的粗体字，给人踏实稳重的感觉，常被国际工业、电子产品制造商采用。（8）欢快风格给人带来轻快、童趣感受的风格。第一节 字的“题”化 字的“行”化组合形式广泛运用在书籍、产品、报刊杂志等领域。与此同时，文字的可读性、信息的易读性、版面的艺术性是字的“行”化中面临的三个基本问题。具体来说字的“行”化涉及字距、行距和方向的等三个基本要素。第一节 字的“题”化1.字距的变化 字距的变化是一行文字中字与字之间距离的大小变化。字距越大，单个字就越突出。因此，书籍标题文字的字距往往大于正文文字的字距。文字设计必须考虑视觉的舒适度。因此，字行的长度要限制，否

33、则容易引起视觉疲劳。通常，用5号字时，字行长度不能超过90厘米。第二节 字的“行”化2.行距的变化 行距的变化是多行文字中行与行之间距离的大小。当版面中的文字数量达到一定量时，“行”的概念就出现了。为了保证顺利阅读，行距不能过小，削足适履的情况应当避免。最重要的一点是，行距必须大于字距。第二节 字的“行”化3.方向的变化 文字方向的变化，也是重要的编排方式。具体可以分成以下三大类型：（1）水平方向：从左到右、从右到左。（2）垂直方向：从上而下、从下而上。（3）倾斜方向：根据画面的需要，进行文字的倾斜。可以是直线型倾斜，也可以是曲线型倾斜。编排版面时，可以运用多方向结合的方式，让整个画面产生多条

34、视觉流动线，这样版面就更加生动了。第二节 字的“行”化第三节 字的“块”如果说字的“行”化是基础，那么字的“块”化就是文字组合的最终形式。尤其在书籍设计中，字的“块”化表现形式可谓无处不在。所谓字的“块”化，即文字的组合以块面的形式出现在版面中。文字部分相对集中，目的是让版面中信息量较大的文字部分主次分明。当然，字的“块”化形式是多样化的，方形只是一种。版面中“块”的存在，可以起到分割画面的作用，使画面产生韵律美。字的“块”化的训练主要包括“块”的形式和“块”的数量两个方面。1.“块”的形式 “块”的形式是千变万化的。最基本就是常见的几何形，比如正方形、长方形、圆形、三角形、梯形等。以这类形式

35、组合的文字有强烈的秩序感，有利于阅读，经常运用在书籍正文中。当然，还可以是充满想象的具象形，比如人物形、建筑物形、植物形等。这类形式应当是字图结合的完美统一体，给人新奇的视觉效果。不规则形也是其中的一种。这种“块”的形式富有现代气息，在自由版式中运用较多。第三节 字的“块”2.“块”的数量 在许多场合，文字“块”的数量是不等的。对应到具体的版面上，也是如此。因此，其中便蕴含了一个组合因素。即文字“块”之间存在大小，位置、色彩、方向、形状等方面的联系。从字“块”的组合和不同类型字“块”的数量形式主要有单个文字“块”，两到三个文字“块”以及四个以 上的文字“块”组合。第三节 字的“块”思考题 1.

36、分析字的“题”化的优秀实例。从以下三类主题入手：标志设计，书籍报刊设计，广告、活动、影视作品。着重考察字与字的空间关系和设计风格两个方面。2.分析书籍报刊设计中字的“行”化的优秀实例。着重考察字距、行的方向等。3.分析书籍报刊设计、海报设计中字的“块”化的优秀实例。着重考察块的形式、块的数量等。练习题 1.字的“题”化练习：选择市场上已有的品牌，做中英文“题”化练习。要求：方案多样，注意形式和内容的一致，以及风格、空间关系等。2.字的“行”化练习：选择一行文字，大约10个字，做字的“行”化练习。要求：选择不同的字距、字号、方向，做多张练习。尺寸：A4纸。3.字的“块”化练习：选择一段文字，10

37、0200字，内容自定。要求：选择不同块的形状、不同块的大小、不同块的位置、不同块的数量，做多张练习。尺寸：A4纸。第四单元：第四单元：图与文的组合图与文的组合阶段阶段 图与文的组合，又称图与文的编排，指的是将图形和文字等元素有序组合。图文组合的目的是信息的形式新颖而富于艺术性，信息的传递速度快而准确。就组合关系来说，图文组合可分为以文为主和以图为主两种图文组合形式。而就组合方法来说，20世纪出现了自由组合和网格化组合两种方法。第一节 自由组合 自由组合是一种“耗散式”的图文编排形式。它在视觉吸引力上有着很大的优势。这种图文编排形式表现出动人的激情，同时隐含着惊人的耐心。看似乱成一团的表面，其背

38、后实际隐含着巧妙的线索。自由组合的探索最早出现在上世纪30年代的欧洲，达达主义、构成主义、风格派设计师在这一形式上取得了早期的成就。电脑技术的发展，为这一方法开辟了更为广阔的发展道路。与强调功能的网格化组合方法相比，图与文的自由组合显得生动活泼，富有趣味，充满游戏性，它已成为当代平面设计版面编排的重要方法。1.以文为主的图文与组合 这一组合方式在西方被称为typography。在这类组合中，图仅仅作为辅助形式出现，甚至不存在。根据版面的视觉流程的需要，以文为主的图文组合形式主要分为四种：水平式 垂直式 直线倾斜式 弧线式第一节 自由组合自由组合形式中常用的个性化文字处理方法有以下十类：所有文字

39、按主次进行叠加。在文字上添加线条或不规则图形。在文字后面用块面衬托。如果底图色彩比较丰富，用黑色、白色或纯色块衬托，可以让文字更加突出。将文字反转。对某些文字进行极度放大或缩小。将文字进行变形。对文字进行模糊处理。文字与具有粗糙质感的肌理相结合。采用遮盖手法，对文字的局部进行遮盖或裁减。解构文字的笔画，或者用不同色彩填充文字的各个笔画，增添层次感。第一节 自由组合自由组合形式中常用的个性化文字处理方法自由组合形式中常用的个性化文字处理方法2.以图为主的图文与文组合 相比文字，图形的最大特点是其直观性，有人将其称为一种“国际语言”。（1）图文关系处理 图与文分离。各自有独立空间，但又相互呼应。尽

40、量选择与图形意境相符的字体。比如关于儿童的图片，就采用小孩涂鸦式的手写体。图文叠加。图文结合。此种编排方式需要对图形中的每个元素进行考虑，以寻找到最合适的位置。第一节 自由组合（2）图的处理 这里的图是指版面中所有的图画和表格。其中的照片是版面设计重要的素材。戴维达博纳说：“因为我们习惯在电视和出版物中看到现实生活中真实事件的照片，因此照片相对于插图而言似乎更真实可信。所以，设计师们倾向于采用照片使某些信息更可信。”我们可以自己拍摄照片，也可以从专业机构、人员那里得到想要的图片。但在大多数情况下，照片不能直接使用，需要经过一定的处理，使之符合设计要求。目前，比较常用的处理照片软件是Adobe

41、Photoshop。图片处理的方式主要包括裁剪、色调处理、外形处理、清晰析度等。裁剪的目的是剔除与主题无关的细节，以集中视觉焦点。色调的处理包括保留或调整原始色调，使用单色调、双色调、黑色调等色调。图的外形处理包括设置其外形为方形、正圆形、椭圆形、三角形、菱形、多边形、心形等规则形以及物体本身的外形。图的清晰度处理包括提高或降低清晰度、是否网点处理以及一些网点处理，以及一些艺术化形式，如素描画效果、水粉画效果、波纹效果等。第一节 自由组合图的处理 网格也被称为栅格。网格化组合是一种利用既定的网格组织图与文的编排形式。网格化组合的特征是秩序性、严密性、连续性和准确性。网格之于版面，正如脚手架之于

42、建筑物。网格可以帮助设计师在有限的版面中有序摆放各种图与文。利用网格的目的是视觉秩序更加清晰，信息传达更为快速。网格有时以简单的形式出现，有时却较复杂；有时是比较松散的形式，有时会非常严谨。瑟夫穆勒布诺克曼，一位在网格化组合方面作出过巨大贡献的人物。他于1936年提出一些对网格设计很有帮助的设计方法。他认为：“在设计时应该用视觉交流的方法组织内容；应该系统而合理地组织文字和图形素材；应该以自身的节奏组织文字和图形，使页面排列紧凑。”他还认为：“应该将视觉素材置放一起以便于理解，并使其被高效组合。”我们应该视网格为解放设计师的工具，而不是束缚。埃伦鲁普顿曾说：“一个好的网格设计不是一个刻板的公式

43、，而应该是一个灵活、有弹性的结构，应该是一个骨架，与所传达信息的肌质相适应。”这也是优秀网格设计的评判标准。第一节 自由组合1.简单的网格元素（1）单元格 一个版面中网格单元格的多少，由版面中的视觉元素决定。内容越多，网格中单元格的数量就越多。最简单的网格由九个大小一致的单元格组成。在这个33的结构系统中，会形成四个最佳视觉焦点的交叉点。第一节 自由组合1.简单的网格元素（2）选择和限制 单元格中的网格线既是安置图文元素的依据，也是选择的对象。首先，单元格提供了两种可能性：水平系列和垂直系列。水平系列的网格化组合要求版面按照水平线构建图文的基本组合关系；而垂直系列的网格化组合要求版面按照垂直线

44、构建图文的基本组合关系。当然图文的宽度或长度受到与其相对的垂直线或水平线的制约。第一节 自由组合1.简单的网格元素（3）比例 网格线还是有确定版面元素之间比例关系的作用。比如，在这个33的网格系统中，所有的版面元素的长度之比是1:2:3。第一节 自由组合（4）强调轴的联系 视觉要素在版面中对齐，就会在网格中形成轴。这种轴具体可以分为四边轴和中心轴两种。如果视觉要素与轴紧密联系，整个版面就会被激活，显得大方舒展。单独的视觉要素不能形成轴，必须由两个或者更多视觉要素参与，才可以建立起轴的视觉感受。在强调轴的同时，画面中会自然地形成对齐的“块”化文字。与此同时，栏的概念也产生了。所谓“栏”，同样也是

45、利用网格，将文字放入其中。一般有两栏、三栏、四栏等形式。具体形式由内容决定。在确定栏的宽度时，注意文字排列行不宜过长，一行字超过14个字，阅读者会感到视觉疲劳。反之，则会造成视觉跳跃性太强，同样会引起疲劳。四边轴 中心轴第一节 自由组合（5）强调视觉焦点 前面提到，在33的结构系统中，会形成四个最佳的视觉焦点。这是值得高度关注的四个点。把视觉要素自然地放置在这些点上，让这四个交叉点形成视觉的中心点。2.网格的类型 按照构成方式，网格可分为水平构成型网格、垂直构成型网格，以及水平与垂直定义型网格等三种类型。而按照网格的单元格数量，网格可分为基本型网格和扩展型网格。基本型网格为33单元格网格。扩展

46、型网格是在基本型网格基础上，进一步扩大单元格的数量而形成的更加复杂的网格形式。第一节 自由组合复杂网格范例分析思考题 1.文字的主要编排形式有哪几种？2.列举几种图的处理形式。练习题 练习一：1.自由编排形式练习 设计2月、7月、10月、12月的月历各一张。要求：每张必须出现以下要素：月份（如2月就必须出现“2”字）、阳历日期、星期、代表本月的图形或代表本月中重要节日、节气的图形或代表本季节的图形）。做自由组合练习。2.网格编排形式 参照本单元内容，将相同主标题、相同正文、相同图（不同表现形式）做网格形式的版面编排练习。练习一：学生作品范例练习一：学生作品范例练习一：学生作品范例练习二：1.模

47、仿你欣赏的设计风格，向优秀作品学习。模仿是初学者的捷径，但不是不加思考的抄袭。模仿过程注重的是观察、揣摩对象的细节，比如采用的色彩、空间的对比、字体的处理、文字的字距行距、虚空间的面积等，这才是以学习为最终目标的模仿。方法：用自己的文字内容与图片进行替换，文字与图片的表现方法、编排形式要与所学习的作品一致。要求：每一张用不同的编排形式，自由式编排形式、网格式编排形式各占一定比例。每种风格（简洁风格、传统风格、幽默风格、后现代风格）各创作3张，共12张。2.自行设计。要求：每一张用不同的视觉流程，文字与图片内容自选。每种风格（简洁风格、传统风格、幽默风格、后现代风格）各编排1张，共4张。（自由式2张、网格式2张）练习二：学生作品范例练习二：学生作品范例一、题目要求：一、题目要求：运用所学设计手法，对“双”字进行字体创意设计。注意处理好图案和文字的联系和整体形式美感，尺寸2020厘米以上。如图：二、题目要求：二、题目要求：1、利用置换同构的原理对字体进行设计。2、注意置换的图形与笔画间的代替，整体具有形式美感，字与图形互相呼应。如图：三、题目要求：三、题目要求：自选一个词组进行组字成画或组画成字的设计。注意处理好图案和文字的联系和整体形式美感。如图：