字体设计教学.pptx

《字体设计教学.pptx》由会员分享，可在线阅读，更多相关《字体设计教学.pptx（34页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、课程目标：课程目标：一、一、近期近期目标：目标：掌握字体设计的基本知识和表现手法，并通过课程项目的训练来培养学生字体设计的实际技能，为学生尽快掌握后续的专业设计课程打下良好基础。二、二、远期远期目标：目标：使学生对文字的形象能进行符合设计对象特性要求的艺术处理，增强文字的传播效果，灵活运用所学的技法来使自己的作品更臻完美。现代字体设计现代字体设计 Modern Font Design第1页/共34页我们在课程中要做我们在课程中要做什么？什么？课程分四个阶段进行：1、汉字字体的设计（字体发展简史、结构特征、设计方法与实践、创意设计）2、拉丁字字体设计（字体起源和发展、结构和组合规律、特征和书写方

2、法、创意设计）3、作业 练习 （授课的主要部分，将要完成大量的小型作业，每次的大小练习都要留存，拍摄为清晰的电子文件）4、项目综合及制作（文字与版面设计）现代字体设计现代字体设计 Modern Font Design第2页/共34页课程安排课程安排课题一 字体设计简述课题二 汉字的发展及结构特征课题三 汉字字体设计方法与实践课题四 汉文字的创意设计课题五 汉字设计应用课题六 拉丁字母的起源及发展课题七 拉丁字母的基本结构与组合规律课题八 拉丁字体的特征和书写方法课题九 拉丁字体的设计方法课题十 文字与版面设计项目综合及复习等总学时：72学时现代字体设计现代字体设计 Modern Font De

3、sign第3页/共34页 说在课程前面 字体设计简述第4页/共34页第5页/共34页 人类文明的一个重要进步就是文字的创造，而随之出现的还有字体设计。菲利浦B马格斯（Phillip B.Meggs）平面设计史第6页/共34页字体设计：概述字体设计：概述1字体设计的功能易读性至关重要创造性的设计手段：让沉闷的版面焕然一新第7页/共34页 作为一门工艺，字体设计也有一个具体的一般范畴。它涉及方方面面的内容，其中既包括书写和编辑，也包括平面设计，但字体设计本身并不属于以上两者中的任何一方。罗伯特布林赫斯特（Robert Bringhurst）字体设计要素字体设计：概述字体设计：概述第8页/共34页字

4、体设计包括形式和内容，为文字和创意提供一个表达的载体，与此同时让我们能够获取、收集实实在在的信息。第9页/共34页第10页/共34页第11页/共34页第12页/共34页第13页/共34页第14页/共34页第15页/共34页第16页/共34页第17页/共34页有血有肉的成为一种心理投射具有生命的实体第18页/共34页首要指导方针：首要指导方针：在选择和安排字体设计之前，要尊重和反应内容、进行调查研究、了解你的受众，并理解你所设计的内容。第19页/共34页吸引读者的注意力，激起他们的阅读兴趣友好的阅读界面，易于阅读区分不同信息重要程度，强调重要信息保证信息传递中各元素之间的和谐统一创建识别度字体设

5、计的功能第20页/共34页虽然字体设计的选择在很大程度上是从语境和审美角度考虑的，但功能性仍应是主要的关注点。易读性至关重要第21页/共34页那些最重要的字体设计原则往往决定了信息传达的有效性。第22页/共34页如果你想如果你想高呼，那高呼，那么选用的么选用的字体应该字体应该非常非常“大大声声”。第23页/共34页创造性的设计手段：让沉闷的版面焕然一新第24页/共34页第25页/共34页左图是一家室内家居专业摄影工作左图是一家室内家居专业摄影工作室宣传册的封面设计，修改前的版室宣传册的封面设计，修改前的版面设计感觉很面设计感觉很“吃力吃力”。设计师选。设计师选择了毫不相关的字体及颜色，然后择了

6、毫不相关的字体及颜色，然后又加上背景及线条，希望使其成为又加上背景及线条，希望使其成为一个有机的整体。一个有机的整体。修改后的版式设计，文字内容并没修改后的版式设计，文字内容并没有改变，由于整个版面分成上下两有改变，由于整个版面分成上下两个区域，图片及文字各据一域，效个区域，图片及文字各据一域，效果反而显得整体、干净、美观，也果反而显得整体、干净、美观，也更便于阅读。更便于阅读。修改前修改后第26页/共34页修改前设计过程分析修改前设计过程分析第27页/共34页分析：分析：在这个设计中，主要采用了在这个设计中，主要采用了Round Round Bauhaus DemiBauhaus Demi字

7、体，这种字体是一字体，这种字体是一种有趣新奇的字体种有趣新奇的字体处处呈现一处处呈现一种圆弧的感觉。然而，为了展现这种圆弧的感觉。然而，为了展现这种字体圆形的特点，需要将字体显种字体圆形的特点，需要将字体显得比较大，字母间距紧密，并且是得比较大，字母间距紧密，并且是要小写字母（左图）。问题是，设要小写字母（左图）。问题是，设计师在设计文本字体时，全部采用计师在设计文本字体时，全部采用大写字母，故字体的直线感抑制了大写字母，故字体的直线感抑制了圆弧感，而下面的文字又很小，其圆弧感，而下面的文字又很小，其文字块边缘呈现向两边发散的直线文字块边缘呈现向两边发散的直线视觉感（见图中箭头），这样的文视觉

8、感（见图中箭头），这样的文字排版削弱了字体特有的风格，圆字排版削弱了字体特有的风格，圆弧不见了，我们感觉到的只是凌乱弧不见了，我们感觉到的只是凌乱的字体元素。的字体元素。第28页/共34页通过大小及色值来区分通过大小及色值来区分精心设计的文字包含了四个视觉引导。从位置来说，呈现由上至下的引导；从字精心设计的文字包含了四个视觉引导。从位置来说，呈现由上至下的引导；从字体尺寸来说，是由大至小的引导；从字体样式来说，是由粗至细的引导；从颜色体尺寸来说，是由大至小的引导；从字体样式来说，是由粗至细的引导；从颜色明暗来说，是由暗到亮的引导。这种特点在设计中发挥重要的作用，从而引导人明暗来说，是由暗到亮的

9、引导。这种特点在设计中发挥重要的作用，从而引导人们的视线很自然的由一个元素引致下一个元素，流畅而无碍。们的视线很自然的由一个元素引致下一个元素，流畅而无碍。第29页/共34页文本字体全部采用大写，字母间距及行距都设计得非常紧密（小写字母很难呈现文本字体全部采用大写，字母间距及行距都设计得非常紧密（小写字母很难呈现这种紧缩的排列），形成了很短的文字行。文字整体呈现一种精细、垂直的视觉这种紧缩的排列），形成了很短的文字行。文字整体呈现一种精细、垂直的视觉特点。文字的排版采用居左，右边则留出较大的白色区域，这个区域就呈现出一特点。文字的排版采用居左，右边则留出较大的白色区域，这个区域就呈现出一种视觉

10、张力，让观者的视线不由自主地移到文字上来。种视觉张力，让观者的视线不由自主地移到文字上来。通过字距、行距及排版方式来区分通过字距、行距及排版方式来区分第30页/共34页变化变化 文本字体无论怎样放置都能文本字体无论怎样放置都能产生良好的版式效果。因图产生良好的版式效果。因图片及文字都自成一体，互不片及文字都自成一体，互不干扰。文字放在上端，与放干扰。文字放在上端，与放在下端的效果一样。在下端的效果一样。下图水平放置，同样显得优下图水平放置，同样显得优雅精美。文字的用色取自于雅精美。文字的用色取自于图片，文字与图片既有区分，图片，文字与图片既有区分，又有联系，整体而和谐。又有联系，整体而和谐。第31页/共34页 培养对字体设计的兴趣。字体设计正逐渐成为一门被人们勿视的艺术，这无疑是一种悲哀。如果你不知道什么是连字，或者从未听说过Jan Tschichold那么，回去问问你的老师并亲笔描摹几张字母表。哈尔柯蒂斯 （Wieden+Kennedy公司创意指导）第32页/共34页 提问与回答 ASK&ANSWER第33页/共34页感谢您的观看。第34页/共34页