文字在设计中的运用ppt课件.ppt

《文字在设计中的运用ppt课件.ppt》由会员分享，可在线阅读，更多相关《文字在设计中的运用ppt课件.ppt（59页珍藏版）》请在三一办公上搜索。

1、文字在設計中的運用,2007.07.12,目錄,文字設計的基本原則文字設計的要求與過程文字的编排构成文字在設計中的運用封面設計中文字的運用實例作品欣賞,序言,文字是人类文化的重要组成部分。无论在何种视觉媒体中，文字和图片都是其两大构成要素。文字排列组合的好坏，直接影响着版面的视觉传达效果。因此，文字设计是增强视觉传达效果，提高作品的诉求力，赋予版面审美价值的一种重要构成技术。在这里，我们主要谈谈在平面设计中文字设计的几条原则，以及文字组合中应注意的几点。,一.文字設計的基本原則,文字的適合性 信息传播是文字设计的一大功能，也是最基本的功能。文字设计重要的一点在于要服从表述主题的要求，要与其内容

2、吻合一致，不能相互脱离，更不能相互冲突，破坏了文字的诉求效果。尤其在商品广告的文字设计上，更应该注意任何一条标题，一个字体标志，一个商品品牌都是有其自身内涵的，将它正确无误地传达给消费者，是文字设计的目的，否则将失去了它的功能。抽象的笔画通过设计后所形成的文字形式，往往具有明确的倾向，这一文字的形式感应与传达内容是一致的。如生产女性用品的企业，其广告的文字必须具有柔美秀丽的风采，手工艺品广告文字则多采用不同感觉的手写文字、书法等，以体现手工艺品的艺术风格和情趣根据文字字体的特性和使用类型，文字的设计风格大约可以分为下列几种：,a秀丽柔美。字体优美清新，线条流畅，给人以华丽柔美之 感，此种类型的

3、字体，适用于女性化妆品、饰品、日常生 活用品、服务业等主题。,b稳重挺拔。字体造型规整，富于力度，给人以简洁爽朗的 现代感，有较强的视觉冲击力，这种个性的字体，适合于 机械科技等主题。,c活泼有趣。字体造型生动活泼，有鲜明的节奏韵律感，色 彩丰富明快，给人以生机盎然的感受。这种个性的字体适 用于儿童用品、运动休闲、时尚产品等主题。,d苍劲古朴。字体朴素无华，饱含古时之风韵，能带给人们 一种怀旧感觉，这种个性的字体适用于传统产品，民间艺 术品等主题。,2、文字的可识性,文字的主要功能是在视觉传达中向消费大众传达信息，而要达到此目的必须考虑文字的整体诉求效果，给人以清晰的视觉印象。无论字形多么地富

4、于美感，如果失去了文字的可识性，这一设计无疑是失败的。试问一个使人费解、无法辨认的文字设计，能够起到传达信息作用吗?回答是否定的。文字至今约定俗成，形成共识，是因为它形态的固化，因此在设计时要避免繁杂零乱，减去不必要的装饰变化，使人易认、易懂，不能忘记了文字设计的根本目的是为了更好、更有效地传达信息，表达内容和构想意念。字体的字形和结构也必须清晰，不能随意变动字形结构、增减笔画使人难以辨认。如果在设计中不去遵守这一准则，单纯追求视觉效果，必定失去文字的基本功能。所以在进行文字设计时，不管如何发挥，都应以易于识别为宗旨，这也是对字形做较大的变化常常应用于少字数的原因。,3、文字的视觉美感,文字在

5、视觉传达中，作为画面的形象要素之一，具有传达感情的功能，因而它必须具有视觉上的美感，能够给人以美的感受。人们对于作用其视觉感官的事物以美丑来衡量，已经成为有意识或无意识的标准。满足人们的审美需求和提高美的品位是每一个设计师的责任。在文字设计中，美不仅仅体现在局部，而是对笔形、结构以及整个设计的把握。文字是由横、竖、点和圆弧等线条组合成的形态，在结构的安排和线条的搭配上，怎样协调笔画与笔画、字与字之间的关系，强调节奏与韵律，创造出更富表现力和感染力的设计，把内容准确、鲜明地传达给观众，是文字设计的重要课题。优秀的字体设计能让人过目不忘，既起着传递信息的功效，又能达到视觉审美的目的。相反，字型设计

6、丑陋粗俗、组合零乱的文字，使人看后心里感到不愉快，视觉上也难以产生美感。,4、文字设计的个性,根据广告主题的要求，极力突出文字设计的个性色彩，创造与众不同的独具特色的字体，给人以别开生面的视觉感受，将有利于企业和产品良好形象的建立。在设计时要避免与已有的一些设计作品的字体相同或相似，更不能有意摹仿或抄袭。在设计特定字体时，一定要从字的形态特征与组合编排上进行探求，不断修改，反复琢磨，这样才能创造富有个性的文字，使其外部形态和设计格调都能唤起人们的审美愉悦感受。,二.文字設計的要求與過程,1. 整体风格的统一在进行设计时必须对字体作出统一的形态规范，这是字体设计最重要的准则。文字在组合时，只有在

7、字的外部形态上具有了鲜明的统一感，才能在视觉传达上保证字体的可认性和注目度，从而清晰准确地表达文字的含义。如在字体设计时对笔画的装饰变化必须以统一的变化来处理，不能在一组字中每个字的笔画变化都不同、各自为政，否则必将破坏文字的整体美感，让人感觉杂乱无章，不成体系，这样就难以收到良好的传达效果。,2. 笔画的统一,字体笔画的粗细要有一定的规格和比例，在进行文字设计时，同一字内和不同字间的相同笔画的粗细、形式应该统一，不能使字体因变化过多而丧失了整体的均齐感，使人在视觉上感到不舒服。字体笔画的粗细是构成字体整齐均衡的一个重要因素，也是使字体在统一与变化中产生美感的必要条件，初学文字设计的人只有认真

8、掌握这条准则，才能从根本上保证文字设计取得成功。字体笔画的粗细一致与字体大小的一致一样，不是绝对的，因为其中尚有一个视觉修正问题。例如汉字中的全包围结构的字，就不能绝对四边顶格，否则会感到它比周围其他的字大，若往里适当地收一下，在视觉上就会与周围的字感到一样大小了。一组字中，横笔画多的字，要作必要的笔画粗细的调整才会均齐美观，与其他字统一。,3. 方向的统一,方向的统一在字体设计中有两层含义：一是指字体自身的斜笔画处理，每个字的斜笔画都要处理成统一的斜度，不论是向左或向右斜的笔画都要以一定的倾斜度来统一，以加强其统一的整体感。二是为了造成一组字体的动感，往往将一组字体统一有方向性的斜置处理。在

9、作这种设计时，首先要使一组字中的每一个字都按同一方向倾斜，以形成流畅的线条；其次是对每个字中的副笔画处理时，也要尽可能地使其斜度一致，这样才能在变化中保持同一的因素，增强其整体的统一感。而不致于因变化不统一，显得零乱而松散，缺乏均齐统一的美感，难以产生良好的视觉吸引力。,4. 空间的统一,字体的统一不能仅看到其形式、笔画粗细、斜度的一致，统一产生的美感往往还需要字体笔画空隙的均衡来决定，也就是要对笔画中的空间作均衡的分配，才能造成字体的统一感。文字有简繁，笔画有多少之分，但均需注意一组字字距空间的大小视觉上的统一，不能以绝对空间相等来处理。笔画少的字内部空间大，在设计时应注意要适当缩小，才能与

10、其他笔画多的字达到统一。空间的统一是保持字体紧凑、有力、形态美观的重要因素。,三.文字的編排與構成,A 字号、字体、行距1、字号 计算字体面积的大小有号数制、级数制和点数制（也称为磅）。一般常用的是号数制，简称为“字号”。照排机排版使用的是毫米制，基本单位是级（K)，一级为0.25毫米,它用级数来计算。点数制是世界上流行的计算字体的标准制度。电脑字也是使用点数制的计算方式（每一点等于毫米）标题用字一般大约点以上；正文用字一般为点，文字多的版面，字号可减到点。注意，字越小，精密度越高，整体性越强。但过小会影响阅读。 、行距 行距的宽窄是设计师较难把握的问题。行距过窄，上下文字互相干扰，目光难以沿

11、字行扫视，因为没有一条空白带引导目光；而行距过宽，太多的宽白使字行不能有较好的延续性。这两种极端的排列方法，都会使阅读长篇文字者感到疲劳。行距在常规下比例为：字点，行距则点、即：。 事实上，除行距的常规比例外，行宽行窄是依主题内容需要而定的。一般娱乐性、抒情性读物，加宽行距以体现轻松、舒展的情绪；也有纯粹出于版式的装饰效果而加宽行距的为增强版面空间层次与弹性，可采用宽、窄行同时并存的手法。,3、字体、字号、行距的视觉层次 在一个版面中，选用三到四种以内的字体为版面最佳视觉效果。超过四种以上则显杂乱，缺乏整体感。要达到版面视觉上的丰富与变化，只需将有限的字体变粗、变细、拉长、压扁，或调整行距的宽

12、窄，或变化字号大小。实质上字体使用越多，整体性越差。,二、文字编排的四种基本形式,1、左右均齐 文字从左端到右端的长度均齐，字群显得端正、严谨、美观。此排列方式是目前书籍、报刊常用的一种。 2、齐中 以中心为轴线，两端字距相等。其特点是视线更集中，中心更突出，整体性更强。用文字齐中排列的方式配置图片时，文字的中轴线最好与图片中轴线对齐，以取得版面视线的统一。 3、齐左或齐右 齐左或齐右的排列方式有松有紧，有虚有实，能自由呼吸，飘逸而有节奏感。左或右取齐，行首或行尾自然就产生出一条清晰的垂直线，在与图形的配合上易协调和取得同一视点。齐左显得自然，符合人们阅读时视线移动的习惯；相反，齐右就不太符合

13、人们阅读的习惯及心理，因而少用。但以齐右的方式编排文字似乎显得新颖。 4、文字绕图排列 将去底图片插入文字版中，文字直接绕图形边缘排列。这种手法给人以亲切自然，又融合、生动之感，是文学作品中最常用的插图形式。,三、标题与正文的编排 在进行标题与正文的编排时，可先考虑将正文作双栏、三栏或四栏的编排，再进行标题的置入。将正文分成二栏、三栏、四栏，是为求取版面的空间与弹性、活力与变化，避免通栏的呆板以及标题插入方式的单一性。标题虽是整段或整篇文章的标题，但不一定千篇一律的置于段首之上，可作居中、横向、竖边或边置等编排处理。有的更直接插入字群中，以求新颖的版式来打破旧有的规律。,四、文字的强调 1、线

14、框、符号的强调 有意地加强某种文字元素的视觉效果，使其在整体中显得特别出众而夺目，是为强调。这个被强调的元素正是版面中的诉求重点，或为引人注目的效用。通常为了突出主题而减弱其他要素的配置量，使之产生“主与宾”的对比关系。宾体越弱则主体越强。 2、行首的强调 将正文的第一个字或字母放大，是当今流行的设计潮流。此技巧的发明溯源于欧洲中世纪时代的文稿抄写员。由于它在文体中起着强调、吸引视线、装饰和活跃版面的显著作用，所以这一技巧被沿用至今。 下坠式是目前行首强调中使用最多的手法。即将正文里的第一个字或字母放大并嵌入行首，其下坠幅度应跨越一个完整字行的上下幅度。至于放大的量度，依据起页面的大小，文字的

15、多少和所处的环境而定。 3、行首装饰性的强调 在文版中，行首字放大作为图形，或选用具有装饰性的字体，已不仅在版面中起“点”的作用，而更主要是作为“形象化”，“装饰化”，来获取版面的装饰风格，产生更强烈的视觉冲击。 4、引文的强调 在进行正文的编排中，我们常会碰到提纲挈领性的文字，即引文。引文概括一个段落、一个章节或全文大意，因此在编排上应给予特殊的位置和空间来强调。引文的方式有多种表现，如将引文嵌入正文栏的左右面、上方、下方或中心位置等，并且在字体或字号上可与正文相区别而产生变化。,五、文字的整体编排 1、文案的群组编排 将文案的多种信息组织成一个整体的形，如方形或长方形等，其中各个段落之间还

16、可用线段分割，使其清晰、条理而富于整体感。在以图形配置时，主体更为突出，空间更统一。文案的群组化，避免了版面空间散乱状态。日本的平面设计在文字的整体编排上就十分有特色。 2、文案的图形编排 将文案排列成为一条线或一个面或群组为一个形象，并成为插图的一个部分，达成图文的相互融合，补充说明，是独具匠心的版式设计。文字的图形化乃是版面产生生动妙趣，获得良好视觉吸引力的一种方式，是形式与内容相统一的最佳形式。但是并非每件设计都可作为图形化处理。图形化处理不可随意滥用，它必须依据主题内容来确定。,六、字的图形表述 注重文字的编排和文字的创意，乃是视觉传达设计现代感的一种体现。设计师不应放过在有限的文字空

17、间和结构中进行创意编排，而应赋予编排更深的内涵，提高版面的趣味性与可读性，克服编排中的单调和平淡。 1、字意图形表述 字意图形是将文字意象化，以简洁、直观的图形传达文字更深的思想。 2、字画编排的表述 人类最初表达思维的符号是图画及进一步的象形文字。虽然象形文字只是一种形态性的记号，目前已不在使用，但在现代编排设计中却反把记号性的文字作为构成元素来表现，这便是字画图形。 字画图形包括由字构成的物形和把物形加入文字两种形式。前者强调形与功能，具有商业性；后者注重形式、趣味，不特定表述某种含义，而在于可给我们一些创作灵感和启示。,七、文字的叠印 版式设计中，常用文字与文字、文字与图象相互重叠的表现

18、方法。这种手法流行于80年代前后，并沿用至今。文字与图象之间或文字之间在经过叠印后产生强烈的空间感、跳跃感、透明感、杂音感和叙事感，并成为版面最活跃、最注目的元素。这种叠印手法影响易读性，但能造成版面独特的视觉效果。不追求易读，而刻意追求“杂音”表现的手法，是一种艺术思潮的表现，具有现代感的特征。 文字在编排上的疏密节奏，可体现出多种情绪。文字大，叠印密情绪紧张而激烈，节奏感强；文字小，叠印疏散、轻柔而抒情，节奏感强。编排时，要谨慎使用文字叠印的设计手法，以更贴切和完美的表现主题，使版面更具艺术感染力。,文字在設計中的運用1 提高文字的可读性,文字的主要功能是在视觉传达中向大众传达設計的意图和

19、各种信息，要达到这一目的必须考虑文字的整体诉求效果，给人以清晰的视觉印象。因此，设计中的文字应避免繁杂零乱，使人易认，易懂，切忌为了设计而设计，忘记了文字设计的根本目的是为了更好，更有效的传达作者的意图，表达设计的主题和构想意念。,恰当的选择你所需要的字体,避免使用不清晰的字体，否则容易使阅讀者产生反感和麻烦 （除非你需要这种效果）,让你想表达的内容清晰，醒目。让阅览者一开始就可以明白 你的意思,或者是这样也可以,注意文字在编排时的方向，注意安排阅览者的视线,最后一点，通常情况下，你应该,但是，经过特别的处理，你可以使用一些本来并不合适的字体，比如,2 文字的位置要符合整体要求,文字在画面中的

20、安排要考虑到全局的因素，不能有视觉上的冲突。否则在画面上主次不分，很容易引起视觉顺序的混乱。而且作品的整个含义和气氛都可能会被破坏，这是一个很微妙的问题，需要去体会。不要指望电脑能帮你安排好，它有时候会帮你的倒忙。细节的地方也一定要注意，1个象素的差距有时候会改变你整个作品的味道。,文字一定不要全部都顶着画面的边角，这样看起来很不专业,如果你不小心做成了这样（有意安排这种效果的不在此例）,安排好文字和图形之间的交叉错合，既不要影响图形的观看，也不能 影响文字的阅览。,这样看起来就好一点了,再说一点细节上应该注意的问题，这是容易忽视的地方，也是容易 出问题的地方,3.在视觉上应给人以美感,在视觉

21、传达的过程中，文字作为画面的形象要素之一，具有传达感情的功能，因而它必须具有视觉上的美感，能够给人以美的感受。字型设计良好，组合巧妙的文字能使人感到愉快，留下美好的印象，从而获得良好的心理反应。反之，则使人看后心里不愉快，视觉上难以产生美感，甚至会让观众拒而不看，这样势必难以传达出作者想表现出的意图和构想。,或者是这样也可以，感觉到了什么吗？其实就是这么微妙，有时 只是一点小变化，味道却不一样多了。,但是,是不是太平淡了呢？改一下文字的位置和大小，效果又会怎么 样呢？,这是一个带有图形的文字版面，也许你认为这样也不错了,再看看字间距的问题,对于大的字体,如果你照搬上面的做法，也许你会处理成这个

22、样子， 这样看起来字与字之间会比较松散,改一下看看，好一点了吗？,调整后是这样，看起来紧凑多了。字与字之间的对应关系也出来了,再看看段落文字的处理 字体加大后，段落之间的距离也应该随之调整（在这里，小字体同 样应用这一规则，不过是相反的）,比如，没有调整段落距离的时候,调整后可以是这样,看看这个不错的版面的处理,如果有多个段落，就要注意更多的问题，比如主次和轻重，以及在 内容表达当方面的重要程度等，看这个例子,4.在设计上要富于创造性,根据作品主题的要求，突出文字设计的个性色彩，创造与众不同的独具特色的字体，给人以别开生面的视觉感受，有利于作者设计意图的表现。设计时，应从字的形态特征与组合上进

23、行探求，不断修改，反复琢磨，这样才能创造出富有个性的文字，使其外部形态和设计格调都能唤起人们的审美愉悦感受。,这是一个很普通的文字版面,那么加一点自己的感受在里面，对文字的大小、间距、透明度做些 调整，就会是完全不同的效果了。很有意思是吗？,根据画面或作品的要求，可以使用一些图形化的文字（这可是汉字 设计的一种新观点）。 注：所谓“文字图形化”即将文字笔画做合理的变形搭配，使之产生 类似有机或无机图形的趣味。强调字体本身的结构美和笔画美。 比如:,一开始好象总感觉文字在这里面的表现力有些苍白了。对主题的 表达没有什么帮助。那么试一下改成这样行不行,味道出来了吗？在一定的条件下，确实不能用电脑中

24、提供的字体，必须要自己创造。这也是汉字魅力所在的地方。,差别就在这里，也许只是一点小改动，但是需要你思考的却更多。有时候对文字的笔画做特殊的加工处理往往会产生一些意想不到的效果。而这样的处理是带有创造性的，同时人性化的味道也会更浓一些。这是电脑字体所无法替代的效果，带给观看者的感受自然会要强烈的多。,更复杂的应用,文字不仅要在字体上和画面配合好，颜色和部分笔画都要加工，这样才能达到更完整的效果。这些细节需要耐心和功力。记住一定要 有自己的想法和感受在里面，如果想表达自己对作品的态度，就不要在文字上偷懒。 对作品而言，每一件作品都有其特有的风 格。一个作品上的各种不同字体的组合，一定要具有一种符

25、合整个作品风格的风格倾向，形成总体的情调和感情倾向，不能各种文字自成一种风格，各行其是。总的基调应该是整体上的协调和局部的对比，于统一之中又具有灵动的变化，从而具有对比和谐的效果。这样，整 个作品才会产生视觉上的美感，符合人们的欣 赏心理。,经过修改之后 再来看看更复杂的： 这个画面中所有的出现文字元素 都经过了仔细的处理，这是根据 主题的需要所必须的。如果没有 这样的文字设计或许作品本身的 感染力会弱的多。,在有图片的版面中， 文字的组合应相对 较为集中。如果是 以图片为主要的诉 求要素，则文字应 该紧凑地排列在适 当的位置上，不可 过分变化分散，以 免因主题不明而造 成视线流动的混乱。,文

26、字元素的大小、 轻重、位置各自 独立，没有集中， 非常容易引起视 线的混乱。虽然 在字体的处理上 下了工夫，但是 好象是下过头了。,现在把这个版面上的文字整理一下，将次要的元素进行归纳、整理，看看这个效果是不是要好一些呢？,更高层次的文字版面的安排,这里已经是没有规律可遵守了，这是完全以表达自身感受为主的，更多的依赖作者的设计功力和对文字设计火候的把握，以及对自身情感表现的欲望强烈程度。没有激情的文字版面是苍白的，只有激情的文字版面是无力的。激情加上技艺的是震撼的。这要求设计者的创新概念和大胆构思，不必固执于条条框框。,封面设计文字運用实例,在下面这个例子中我们将应用上面所说的规律和要求来完成

27、一个平面作品的文字设计工作，一起实际体会一下文字在平面设计中的精彩应用。,作品要求：这是一个书籍封面的设计，书名是野火寒烟，属于 自传体的小说。根据书的意境和要求，也是为了配合我们这个专题， 我们先将底图准备好，底图的具体制作过程不再详细叙述。 根据封面设计的常识，我们知道：应该出现的文字包括:书名、作者名、出版社名、日期、引子、联系方式和部分根据调节需要而增加的小文字元素。这么多的文字摆在一起，如果并不小心处理会很容易混乱的。,（1）首先将所有需要出现的文字根据大致安排的位置放在上面。 将主要内容放在右边，保证每个字的清晰，避免和图片的 冲突。尽量尊重大众的观看习惯。,（2）首先根据主次的关

28、系将字体的大小进行调整，并对文字的位置 做初步的调整。如图,（3）根据视线的流动顺序做进一步的调整，以更好的引导观看者。 如图,（4）降低次要元素在版面中的鲜明度。即视觉印象的先后知觉顺序， 同时对部分文字的位置做微调整。如图：,（5）因为版面是横幅式，所以可以将主要内容：书名、作者名的 排版格式调整成竖式，如图,（6）现在看起来书名有些不舒服，现在先把字距进行调整，同时 就要对其他文字的字距、大小、位置和字体进行调整，以保 持完整统一的效果。注意：当版面中的主要元素变动之后，所有辅助文字元素同时要 进行调整，这就是局部中有整体，整体中有局部。如图,（7）现在对文字的字体部分再次进行调整，同时

29、对一些其他次要 的文字元素进行调整、增减。如图,（ 8）到这里基本上就可以说完成了，但是现在的感觉是文字的表现 能力较弱，还没有足够的力量表现主题的内容和感受。 现在就需要发挥创造性了。这里决定对书名的字体进行重新设计， 同时注意不要影响其他的文字元素，适当增加文字字体的大小、 透明度和颜色的变化，进行图形化的处理方式以增加趣味性。这 些修改完全由设计者自己把握。随心性而动。注意不 要影响了大 效果和基本要求就可以了。,作品欣赏,結束語,文字版面的设计也是创意，创意是设计者的思维水准的体现，是评价一件设计作品好坏的重要标准。在现代设计领域，一切制作的程序由电脑代劳，使人类的劳动仅限于思维上，这是好事，省却了许多不必要的工序，为创作提供了更好的条件，但是，在某些必要的阶段上，还是不能完全让电脑来做，人，毕竟才是设计的主体,