字体设计PPT.ppt

1 出版社 社文分社 余鲁余慧娟编著 社文分社 字字 体体 设设 计计 出版社艺术设计方法与实践教程平面设计系列字体设计ISBN978-7-5624-4028-42 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计第一节字体设计的概念与功能字体设计就是对文字按视觉设计规律进行从整体到局部有艺术性的精心编排。第一章第一章 字体字体设计设计概述概述图1-1安塞尔古典字体3 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图1-2凯尔特字体图1-3歌特字体4 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图1-4甲骨文图1-5大盂鼎拓片局部5 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图1-6散氏盘全拓金文6 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图1-7篆书图1-8宋体7 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图1-9瓦当图1-10古钱币8 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图1-11招财进宝图1-12黄金万两图1-13广告9 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图1-14商品包装10 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图1-15体育品牌商标11 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图1-16时尚杂志封面图1-17正书12 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计第二节字体设计的基本类别图1-18草书13 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图1-19意大利斜体图1-20花体14 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图1-22仿宋体图1-23正楷15 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计第三节中西方标准字体的形式特征一、字体设计类型(1)端庄典雅类。(2)坚固挺拔类。图1-24黑体16 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计(3)深沉厚重类。(4)欢快轻盈类。(5)苍劲古朴类。(6)新颖奇特类。图1-25典雅优美的字体设计17 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图1-26清新秀丽的字体设计图1-27具有力度的字体设计18 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图1-28简洁明快的现代字体设计19 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图1-29具有厚重、量感的字体设计20 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图1-30规范而具有构成特点的字体设计图1-31温馨柔美的字体设计图1-32欢快轻盈的字体设计21 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图1-33生动活泼的字体设计图1-34中国传统韵味的字体设计22 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图1-35朴素而有变化的字体设计图1-36新意的字体设计图1-37独具个性的字体设计23 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计二、字体结构特点(一)汉字的结构特点1.汉字的结构形式(1)单体字结构。(2)左右、左中右并列结构。(3)上下、上中下组合结构。图1-3824 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计(4)内外结构。图1-39图1-40图1-4125 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计2.汉字结构的一般规律(1)主次笔画。(2)上紧下松。(3)横轻竖重。(4)穿插呼应。(5)统一协调。3.汉字的字体特征(1)宋体的特征(2)仿宋体的特征26 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计(3)黑体的特征图1-42图1-4327 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图1-44图1-4528 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计(二)拉丁字母的结构特点1.拉丁字母的结构形式(1)基本结构线。(2)主笔与次笔画。图1-4629 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计(3)字距与行距。2.拉丁字母的字体特征(1)罗马体的特征。(2)无饰体的特征。(3)歌德体的特征。(4)花体的特征。图1-4730 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图1-48图1-4931 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图1-5032 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图1-5133 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图1-52正方形无饰体34 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图1-53长方形无饰体35 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图1-54长形歌德体36 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图1-55方形歌德体37 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图1-56意大利斜体38 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图1-57带装饰花边的字体39 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计第一节字体设计制作的准备一、工具准备(1)设计用笔：铅笔、签字笔、毛笔、排笔、记号笔等。(图2-1)(2)设计辅助工具：橡皮、直尺、三角第二章第二章字体字体设计设计制作的制作的准准备备与与设计创设计创意意40 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计尺、曲线尺及绘图用具、制图板等。(图2-2)(3)设计用软件：充分利用现代科技所创造出 来 的 设 计 应 用 软 件：Photoshop、CorelDRAW、Painter、Flash等，来为字体设计营造出一个较为丰富多彩的视觉空间。二、材料准备(1)设计草图用纸：白版卡纸、素描纸、打印纸等。(图2-3)(2)图书资料：中外文字体、中国书法41 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计大字典(香港出版)等书籍。(图2-4)(3)电子资料：字体设计光盘、各类字体设计软件。图2-142 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图2-243 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图2-344 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图2-445 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计第二节字体设计的创意构思创意是为表达一定的主题思想和宣传概念而进行创造性的意念、构思、点子等思维活动。一、形象化创意二、意象化创意三、抽象化创意(1)构思立意好。(2)设计定位准。46 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图2-5与主题吻合的创意字体图2-6在笔画内变化处理的创意字体47 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图2-7幼儿画味的字体图2-8以龙凤形象创意的字体图2-9以动感装饰表达其意48 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图2-10用镰刀、斧头传达内涵图2-11用“工人”二字构成火车头形象图2-12用“永久”二字构成自行车形象49 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图2-13适度抽象化的处理图2-14较抽象手法形成图形符号50 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计(3)想象空间大。图2-15巧妙的字体设计构思图2-16字体与人物有机的结合51 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图2-17字体的设计恰当地反映主题52 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图2-18字体设计风格与图形有机结合图2-19字体的编排具有丰富的想象力53 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图2-20纯字体的戏剧招贴设计，版式的疏密、大小排列都经过严谨的构思54 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计第一节字体设计草图的绘制一、字体设计草图概述字体设计与其他艺术设计一样，是一种形象思维与艺术表现过程。二、手工绘制设计草图要很好地完成一件设计作品，都须经过创第三章第三章字体字体设计设计与制作与制作55 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计意构思、设计草图、正稿设计制作三个主要环节。(1)用铅笔(2B、3B)或签字笔、圆珠笔在纸上根据创意构思徒手绘制草稿，初学者最好用铅笔，因可结合橡皮便于修改。(2)动笔之前要做到心中有数，有大概的表现形式。稿子虽然是从局部着手开始的，但要有整体观和全局观。(图3-1)(3)设计草图与绘画草稿是有区别的，绘画草稿的随意性比较大，而设计草图就56 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计不能太随意潦草，因为字体设计图一般都不是太大，为便于后期的正稿制作，每笔每画都应相对精确，如需画出规范的弧线和直线时，也可借助直尺、小三角尺、圆规等工具。(图3-2)(4)设计草图不能只画一幅，应以不同的构成方式画出多幅草稿来不断充实、完善、修定创意，最后从中挑选出一幅相对最好的作为设计稿。第二节字体设计的艺术表现方法57 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图3-158 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图3-259 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图3-360 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计一、字体设计的形式美法则创意是字体设计的关键和核心，创意构思的好坏决定着字体设计的成败，而艺术表现手法是对创意进行形象化的艺术再现。(1)对比。(2)增减。(3)互用。(4)突变。(5)断连。61 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图3-4字体设计表现形式丰富多样62 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图3-5有力量的字体设计与内容吻合图3-6字体的大与小对比63 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图3-7字体的整齐与随意对比64 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图3-8巧妙的添加和装饰图3-9有目的的减少一些笔画65 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图3-10有韵味的互用66 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图3-11字与字之间合理的互用图3-12将表达主题的文字放大图3-13在关键笔画上夸张变形67 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图3-14以笔画连接增强装饰性图3-15断笔和强烈的装饰手法给人全新感受68 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图3-16对主体处理增加厚重感69 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计(6)立体投影。(7)正负形。(8)其他。图3-17主体投影形成较强的视觉冲击力70 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图3-18错视觉处理形成立体效果图3-19合理的正负形设计具有平面构成效果图3-20大胆的正负形处理并不影响辨认71 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图3-21肢体语言组成字体图3-22看似随意的字体设计72 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计二、单个字体的设计方法(1)汉字或字母的形态。(2)字体的大小。(3)笔画的粗细。(4)字体的变形。(5)字体的立体效果。(6)色彩的运用。(7)肌理纹样。(8)手写字体。73 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图3-25苏州水韵图3-24桂林山水图3-2374 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图3-26图3-27精品空间图3-28龙门古镇75 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图3-29新潮的组合字体76 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图3-30传统的组合字体77 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计三、组合字体的设计方法1.文字内容与表现形式的联系2.字体选择与组合四、手写字体的设计方法与技巧(1)准备好书写的工具，如软铅笔、记号笔、毛笔、排刷、粉笔、蜡笔、颜色笔等。(2)根据文字所表达的内容、含义、构思确定用什么样的手写工具，以达到既能很好地传递信息，又具有艺术感染力。78 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图3-31创意新颖的组合字体79 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图3-32实与虚结合的组合字体80 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图3-33流畅的书法艺术图3-34看似随意的书写形成具有构成效果81 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图3-35先写好大题目82 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图3-36制作复古的装饰底纹83 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图3-37书写介绍内容84 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图3-38绘制插图85 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计(3)分析研究字体结构、形式特征与内容的内在联系，用所选工具手绘多幅草稿，从中选出最佳手写字体。(4)在把握好整体效果的前提下，根据文字内容以及版面的大小配以插图。注意画面局部与整体的关系。(5)一幅手绘海报最终完成。第三节字体设计的效果图制作创意构思是前提、设计草图是基础、效果图制作是关键。86 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图3-39完工图3-40各种徒手POP广告字体87 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图3-41各种徒手POP广告字体图3-42各种徒手POP广告字体88 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计一、手绘效果图创作在计算机未运用到艺术设计之前，效果图的制作一直是用手工绘制的方式完成的，进行字体设计效果图制作及其他设计的制作，大都先在拷贝纸上非常精确完整地勾画好外形后再拷贝、拓印到正稿纸上进行勾线、填色等，有时甚至需要设计者使用小毛笔，直接徒手制作，因此设计者必须具备扎实的绘画基本功及徒手绘图的能力。二、电脑效果图制作89 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图3-4390 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图3-4491 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图3-4592 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计(1)扫描输入法。(2)数码输入法。(1)新建一个255255像素的文档，选择文本工具，在字体列表中选择类似于“AppleGaramond”这样的字体，如果没有，尽量用较为粗大、边角圆滑的字体来代替，这样能得到较好的效果。(2)为文字添加图层样式。双击文字层，进入图层样式。93 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计(3)接下来为文字添加一点细微的立体效果，用内发光样式来实现。图3-4694 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图3-4795 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图3-4896 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图3-4997 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计(4)经过以上步骤，字体的立体效果还是并不太明显，这时可以通过斜面和浮雕效果突出立体感。(5)这一步是为图像赋予魔力的关键。(6)最后我们小小的修饰一下图像的边缘，使它看起来更加光滑柔和。(7)这一步是为文字添加一些额外的高光效果。(8)将图层1和文字层链接合并，命名为“text”，图像主体部分就完成了。98 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图3-5099 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图3-51100 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图3-52101 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图3-53102 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图3-54103 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计(9)将text层复制，将副本更名为“Shadow”，把它置于text层之下，依然应用高斯模糊。(10)选择高斯模糊滤镜，设置半径为4.8像素，用移动工具将阴影向下和向右各移动几个像素。(11)最后，将图像加入背景以衬托透明效果，图中所用的背景是用一种浅灰色填充背景，再使用素描中的半调图案滤镜形成的。104 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计三、字体设计制作技巧(1)标准字体切角法。(2)大胆截肢法。图3-55图3-56105 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计(3)边旁改动法。图3-57图3-58106 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计(4)拉长笔画法。(5)对比法。(6)环环相扣法。图3-59图3-60107 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计(7)阴阳结合法。(8)添加修饰法。(9)线条平分法。(10)画龙点睛法。(11)情趣图案法。图3-61108 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图3-62图3-63109 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图3-64图3-65110 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图3-66111 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计第一节编排组合概述第二节编排组合的顺序与法则一、编排组合的顺序第四章第四章字体字体设计设计的的编编排排组组合运用合运用112 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图4-1用字体进行的编排组合图4-2字体和图形结合的编排组合113 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图4-3字体在广告中的运用图4-4广告中的字体运用114 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图4-5字体的编排疏密有度图4-6小字的密排列与主题形象形成对比115 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图4-7协调的字体排列116 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图4-8自由随意的字体编排117 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图4-9有对比的字体编排118 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图4-10斜排的字体119 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图4-11横排字体120 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图4-12用手指标成的阿拉伯数字121 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图4-13符合视觉习惯的排列122 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图4-14有秩序的排列123 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图4-15有视觉导向的排列124 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图4-16整版的字体编排仍有顺序125 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计二、编排组合的形式法则编排组合是许多文字的构成设计，它与单个字体设计有很大的不同。(1)对称。(2)节律。(3)对比。(4)空间。(5)塑形。(6)夸张。126 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图4-17对称式排列127 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图4-18对称式排列128 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图4-19弧形的字体组合图4-20生动活泼的字体组合129 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图4-21字体大小的对比130 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图4-22有间歇的字体编排131 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图4-23大量留白的处理132 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图4-24大量留白的处理133 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图4-25字体的编排符合某种形象134 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图4-26用字体组合成人物形象图4-27夸张的手法135 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图4-28夸张手法表现其内涵136 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图4-29独特的编排给人以联想137 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图4-30增强想象的空间138 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图4-31统一之中有变化139 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图4-32和谐的编排组合140 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计(7)联想。(8)协调。第三节中西方文字编排组合技巧一、中国汉字与西方拉丁字母组合二、编排组合的技巧编排组合与其他艺术设计一样，都离不开巧妙的构思。(1)将不同的字体，印刷的、手写的、书法的或经过设计的放在一个富有装饰性的表达内容中，并较为灵活的加以运用。141 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图4-33图4-34142 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图4-35图4-36143 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图4-37144 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图4-38145 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图4-39146 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计(2)在进行文字编排组合时，可以采用编排组合的法则，使其产生节奏和韵律、空间等效果，也可通过在文字范围内字体笔画的粗细变化、字体的装饰变形、拼贴、肌理等文字处理手法增强其变化，灵活地运用，使设计更活跃、更具新意。(3)在文字的编排设计中，还可以借用平面构成设计的点、线、面等图形元素来增强视觉效果，根据其需要还可采用一些具体的图形结合使用等。147 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图4-40148 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图4-41149 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图4-42图4-43150 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图4-44151 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图4-45152 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计第四节编排组合的基本类型编排组合是一种版式设计，是随文字的产生而发展的。一、安定型版面编排组合安定型的版面编排组合也称网格式分格编排，这种方法就是将版面内容划分成规整的“网格”来作为编排组合文图的框架，而使版面外观有序、内容清晰。二、活跃型版面编排组合153 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图4-46图文结合的版面编排154 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图4-47图文结合的版面编排155 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图4-48活跃的版面编排156 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图4-49自由的版面编排157 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计规范的版面及文字编排组合方式经过长期的发展与应用，已形成了一套相对完整并具一种定式的体系，在实际的设计中广泛运用。三、韵律型版面编排组合韵律在文字编排组合形式上体现出的就是一种运动、跳跃的感觉。四、文字的编排组合运用文字的编排组合方法常见的有四种，也是电脑图形设计软件的编排格式。158 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图4-50有音乐美的版面编排159 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图4-51有节奏的版面编排160 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图4-52齐头齐尾的字体编排161 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计1.整齐式编排组合这是一种较为常见的文字编排组合法，它的特点是齐头齐尾非常整齐的方形排列。.齐左式编排组合这是指在一栏的长度内采用的每行文字只对齐左边的排列方式，而右边文字随句子的长短而形成参差不齐的效果。3.齐右式编排组合这种编排组合形成刚好与齐左式相反，采162 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图4-53整齐式编排163 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图4-54齐左式字体编排164 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计用每行文字只对齐右边排列，左边文字随句子的长短而形成长短不一的缺口。图4-55齐左式字体编排165 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图4-56齐右式字体编排166 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图4-57齐右式字体编排167 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图4-58齐中式字体编排168 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图4-59齐中式字体编排169 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计4.齐中式编排组合五、文字与图形结合的版面设计在实际的运用设计中，存在大量的文字与图形并存的情况，根据其设计需要，如何把文字图形、(含较具象的、抽象的)、有机地编排组合在一个版面内，既准确地传达信息，又使画面生动活泼、轻松愉快、富有节律感。第五节编排组合的效果图制作一、手工绘制设计草图170 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图4-60以字体为主的文图编排171 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图4-61以图形为主的图文编排172 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图4-62173 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计(1)做好设计前的准备工作，如纸张(白板纸、素描纸、打印纸均可)、笔(初学者最好用铅笔，2B、3B为佳)、橡皮、直尺、三角尺、水彩颜料、透明彩色笔、记号笔、毛笔等。(2)根据设计内容选择相符合的编排组合的类型绘制设计草图。先用直尺等辅助工具画定外框，接下来将字体内容和图形合理地安排在里面，由于是字群组合，不必将每 个 字 写 出 来，而 只 是 以许多 横线、174 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计竖线表示所在位置、大小、距离等，图形也只需勾画出大的形象。(3)在画草图时应徒手多画几幅不同编排形式的组合，不断调整完美，最后选择一幅相对好的进行较为规范的草图设计。(4)字体设计草图绘制时不能太潦草，应借助辅助工具认真地考究字体、图形所占位置、比例大小等，特别是在整个编排内容里的中心位置的内容及标题字体(含有装饰变化 字 体)应 较 为仔细地 勾 画 清175 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计楚，以便在用电脑制作正稿时减少麻烦。(5)用铅笔等绘制的草图一旦完成，接下来使用水彩、彩色透明水笔等简单地平涂上色，由于是透明色彩，所画轮廓线不会被罩住，并且上色时可适当随意一些，这样画面会显得更加生动活泼。这样，一幅字体编排组合的手绘草图就算完成了。二、电脑编排字体设计(1)手绘稿文图与手绘稿文图的编排组合设计。176 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图4-63177 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图4-64178 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图4-65179 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计(2)手绘稿文图与电脑文图的编排组合设计。(3)电脑文图与电脑文图的编排组合设计。(1)在Photoshop中打开已经准备好的电子文字图形。(2)再新建一个文件根据需要设定大小，这里设名称为字体设计，宽度为10厘米，高度为16厘米，分辨率为300像素/厘米，模式为RGB颜色，内容为白色。(3)将所打开的图形用“移动工具”拖入新建文件“字体设计”中。180 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图4-66181 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图4-67182 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图4-68183 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图4-69184 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图4-70185 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图4-71186 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计(4)以同样的方法，再拖入三次。并按“Ctrl+V”调整图形的方向大小，并用“移动工具”调整位置，合并可见图层。(5)按照需要，利用“画笔工具”、“油漆桶工具”等对文字及图形作色。(6)利用“文字工具”输入主题文字。(7)将文字格式化后就可以像处理图片那样对文字进行各种处理。(8)将正文导入“字体设计”文件中，并进行排列，最后进行调整。187 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图4-72188 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图4-74189 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图4-75190 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图4-76191 出版社 社文分社 艺术设计方法与实践教程平面设计系列字体设计图4-77192 出版社 社文分社 出版社 社文分社 再再见见艺术设计方法与实践教程平面设计系列字体设计193