字体设计方法（教学）

《字体设计方法（教学）》由会员分享，可在线阅读，更多相关《字体设计方法（教学）（80页珍藏版）》请在金锄头文库上搜索。

1、主主 讲：何建革讲：何建革字体设计字体设计方法方法。多想多看多做2 首先，打破以往传统美术字和电脑印刷字首先，打破以往传统美术字和电脑印刷字的笔形结构，创造出一种新型的、富有个性化的笔形结构，创造出一种新型的、富有个性化的字体，其最终目的就是适应社会发展的需要的字体，其最终目的就是适应社会发展的需要。因为在当今这样一个商业信息化的时代里那。因为在当今这样一个商业信息化的时代里那些雷同、相似，缺乏鲜明形象和个性特点的字些雷同、相似，缺乏鲜明形象和个性特点的字体和图形是很难被消费者记住的。体和图形是很难被消费者记住的。 也就是说，不被消费者注意的设计和产品，也就是说，不被消费者注意的设计和产品，在

2、市场上很难竞争的。所以，企业家们总是千在市场上很难竞争的。所以，企业家们总是千方百计想通过设计提高产品的识别力和传播力。方百计想通过设计提高产品的识别力和传播力。 其次，字体设计是被消费者注意的最直接其次，字体设计是被消费者注意的最直接视觉元素。在这样的社会背景下，一些标新立视觉元素。在这样的社会背景下，一些标新立异的创新字体已被人们高度关注，创新字体也异的创新字体已被人们高度关注，创新字体也是平面设计师必须掌握的重要课程是平面设计师必须掌握的重要课程。一、字体设计的目的一、字体设计的目的。多想多看多做3 在进行字体设计构思时，从在进行字体设计构思时，从“形形”“意意”入手是入手是最直接的手法

3、。由最直接的手法。由“意意”通过复杂的心理活动并利通过复杂的心理活动并利用形式美法则创造出可视的用形式美法则创造出可视的“形形”，并通过这个，并通过这个“形形”直接或间接地对直接或间接地对“意意“的内涵进行进一步的表的内涵进行进一步的表现。观者通过现。观者通过”形形“引发联想，得到引发联想，得到”意意“的内涵。的内涵。这样的过程，即为以这样的过程，即为以“意意”生生“形形”，以，以“形形”表表“意意”，最终目的就是开发创意的灵感。，最终目的就是开发创意的灵感。二、字体设计如何构思二、字体设计如何构思 。多想多看多做4（1 1）表达内容的准确性）表达内容的准确性 在对字体进行创意设计时，我们首在

4、对字体进行创意设计时，我们首先要对文字所表达的内容进行准确的先要对文字所表达的内容进行准确的 理解，然后选择最恰如其分的形式进行理解，然后选择最恰如其分的形式进行艺术处理与表现。如果对文字内容不了艺术处理与表现。如果对文字内容不了解或选择了不准确的表现手法，不但会解或选择了不准确的表现手法，不但会使创意字体的审美价值大打折扣，也会使创意字体的审美价值大打折扣，也会给企业或个人造成经济或精神的损失，给企业或个人造成经济或精神的损失，那么就失去了字体创意设计的意义。那么就失去了字体创意设计的意义。三、字体创意设计的基本原则三、字体创意设计的基本原则秀丽柔美 。多想多看多做5 容易阅读是字体创意设计

5、的最基本原则。字体创容易阅读是字体创意设计的最基本原则。字体创意设计的目的是为了更快捷、准确、艺术地传达信息。意设计的目的是为了更快捷、准确、艺术地传达信息。让人们费解的文字，即使再优秀的构思，再富于美感让人们费解的文字，即使再优秀的构思，再富于美感的表现，无疑也是失败的。所以在对文字的结构和基的表现，无疑也是失败的。所以在对文字的结构和基本笔画进行变动时本笔画进行变动时, ,不要违背千百年来人们形成的对不要违背千百年来人们形成的对汉字的认读习惯。同时也要注意文字笔画的粗细、距汉字的认读习惯。同时也要注意文字笔画的粗细、距离、结构分布，整体效果的明晰度。离、结构分布，整体效果的明晰度。（2 2

6、）视觉上的易识易读性。多想多看多做6 字体设计在易读性前提下，要追字体设计在易读性前提下，要追求的就是字体的视觉美感。整体统一求的就是字体的视觉美感。整体统一是美感的前题，协调好笔画与笔画、是美感的前题，协调好笔画与笔画、字与字之间的关系，强调节奏与韵律字与字之间的关系，强调节奏与韵律也显得特别重要。任何过分华丽的装也显得特别重要。任何过分华丽的装饰、杂乱的表现都无美感可言。饰、杂乱的表现都无美感可言。 （3 3）字体的设计美感。多想多看多做7。多想多看多做8 另外字体创意要以创新为目的，独具风另外字体创意要以创新为目的，独具风格的字会给人留下深刻的印象。要根据设计主格的字会给人留下深刻的印象

7、。要根据设计主题要求，突出汉字设计的个性色彩，创造与众题要求，突出汉字设计的个性色彩，创造与众不同的独具特色的字体，给人以别开生面的视不同的独具特色的字体，给人以别开生面的视觉感受。应从字的形态特征与组合上进行综合觉感受。应从字的形态特征与组合上进行综合思考，创造出富有个性的字形，造成新鲜悦目思考，创造出富有个性的字形，造成新鲜悦目的视觉吸引力。的视觉吸引力。（4 4）独特性。多想多看多做9四、字体设计的四、字体设计的基本基本方法方法 每一个构字元素，总由固定的线条样式所组成，每一个构字元素，总由固定的线条样式所组成，如如“人人”字由撇捺两种线组成，这种程式化的线条比较适字由撇捺两种线组成，这

8、种程式化的线条比较适合书写、阅读。但在进行品牌名、标题等合书写、阅读。但在进行品牌名、标题等“专用组合专用组合字体设计时，却常常打破这种程式，对笔画的形态字体设计时，却常常打破这种程式，对笔画的形态进行一定的变异，这种变异是在基本字体的基础上进行一定的变异，这种变异是在基本字体的基础上对笔画进行改变。对笔画进行改变。多想多看多做101 1、笔形变化、笔形变化 笔形变化是指将笔画加粗、变细、笔形变化是指将笔画加粗、变细、变形、添加、装饰等，在笔画自身上变形、添加、装饰等，在笔画自身上做处理的表现手法。做处理的表现手法。 笔画变化主要是指点、撇、捺、笔画变化主要是指点、撇、捺、挑、钩等副笔的变化。

9、而在字中起支挑、钩等副笔的变化。而在字中起支撑作用的主笔一般变化较少。笔画形撑作用的主笔一般变化较少。笔画形态变化不宜太多，整体风格变化手法态变化不宜太多，整体风格变化手法要统一。要统一。 在字体设计时，尽可能打破常规在字体设计时，尽可能打破常规写字时的横平竖直的直板，完全可以写字时的横平竖直的直板，完全可以逆向思维，如横曲竖弯等，这样就会逆向思维，如横曲竖弯等，这样就会产生出新的字体形态。产生出新的字体形态。多想多看多做11、运用统一的形态元素（即在每个字的某一笔画中添加统一形象元素）笔形变化的笔形变化的3 3种形式种形式 。多想多看多做12。多想多看多做13。多想多看多做14 、拉长或缩短

10、、加粗或变细字体的笔画。 笔形变异的笔形变异的3 3种形式种形式 。多想多看多做15。多想多看多做16。多想多看多做17。多想多看多做18。多想多看多做19 、在统一形态元素中加入另类不同的形态元素。笔形变异笔形变异的的3 3种形式种形式 。多想多看多做20。多想多看多做21添加图形。多想多看多做22替换 （把跟字体有关系的图形印象叠加到字体上）。多想多看多做23。多想多看多做242 2、笔画共用、笔画共用 分析笔画之间的内在联系，借助笔画与笔画之间，中文字与拉丁字母间存在的共性而巧妙的加以组合。 当然，可能遇到的文字素材并不会恰好合适，需要主动地在其中寻找出可以相互利用的笔画，或稍微改变笔画

11、的长短，来寻找适合的机会。多想多看多做25 作品正面看是朝字，而当180旋转后，则成“韩”字，巧妙地共用了两个字相同的部分，表达出人们希望朝韩双方政府以求同存异的理念，实现韩朝统一的梦想。靳埭强朝鲜统一海报。多想多看多做26例如：“N与T”。多想多看多做27。多想多看多做28练习： 1、 为“龟友之家”字体进行设计 2、 “澳恋家纺”文字设计。多想多看多做29（字与字之间通过可塑性较强的笔画或笔画上的装饰，使之有机连接贯穿，使一组字变成一个整体） 3.3.笔画连接笔画连接。多想多看多做30（1 1）. .连笔连笔。多想多看多做31。多想多看多做32 将文字笔画采取剪切、移植、分解、手撕或呈现缺

12、口等方法，使其产生断裂、破碎、虫蛀、粗犷等感觉，常能激起心灵的震撼。 无论采用什么方法，断笔对文字字形的美感都有很高的要求，需慎选。（2）.断笔断笔。多想多看多做33（3 3）. .删减删减。多想多看多做34 练习： “心随我动” 文字设计 连接设计： 公用笔画、连笔、删减。多想多看多做35 这种字的横、竖如果以直线表示比较容易。斜线的表示比较丰富，能加强折带的特殊效果。 折带字体的特色在于曲折的部分，通过线条的曲折变化，表现出里层和外层的区别，并带来柔软或坚硬的效果。4 4、折带设计折带设计。多想多看多做36 （一般可单字重叠，也可双字或多字重叠，目的是为了产生层次感，一般是后面的笔画叠住前

13、面的笔画，副笔画叠住主笔画，或者相互重叠。但不要为了重叠而叠，要恰到好处。 ） 1.镶嵌 2.错叠 3.交叠 4.透叠5.5.重叠设计重叠设计。多想多看多做37 图案填充是指抓住字的外轮廓，对字形内用图案填充的处理方式。6.6.图案填充图案填充。多想多看多做38。多想多看多做39。多想多看多做40 （用单线条或多线条对文字笔画进行装饰，可以使文字形象更为丰富） 7.7.线条设计线条设计。多想多看多做41 (1).中间留白 （在字体笔画里做缝隙效果，缝隙可是空隙可是有色线条） 。多想多看多做42(2).线条平分 （用线条等分字体，产生虚实的动感虚实的动感） 。多想多看多做43(3).穿针引线（在

14、简单的一串字体上加一根白线，可以打破呆板的造型打破呆板的造型）。多想多看多做44(4).添加修饰（在文字笔画上添加线条装饰，或者在字体外添加线条装饰）。多想多看多做45(5).涟漪效果 （在字体的边缘添加多条线条，使文字产生水波纹的效果。添加的线条可以使等宽的也可以是渐变的）。多想多看多做46 练 习： “蝌蚪社区”（kido）文字设计 线条设计： 中间留白/线条平分/穿针引线/添加修饰/涟漪效果。多想多看多做47。多想多看多做48 （是一种利用错位的变化，使之产生虚实感觉虚实感觉的设计手法） 8.8.错位设计错位设计。多想多看多做49 （只保留字的外轮廓，中间笔画省略。设计时，一定抓住字的特

15、殊外形，有些如国、团等不宜采用此设计方法） 婴儿园9.9.实心设计实心设计。多想多看多做50（在文字的背景上添加于字体相关的图形，使文字具有视觉美感） 10.10.背景设计背景设计。多想多看多做51 练习： “山水华庭房地产”文字设计。多想多看多做52。多想多看多做5311.11.外形设计外形设计外形变化外形变化（1），强调文字外形的特征，使得方者更方、圆者更圆，长者更长，特征更鲜明。多想多看多做54 练习： “三明治”文字设计。多想多看多做55外形变化外形变化（2），在字体的外形中加进一些如曲线或直线等局部点缀，使字形外部产生微妙的细节变化。多想多看多做56外形变化外形变化（3），在外形角度

16、上作斜形、弧形、波浪形、放射形等变化排列，造成一定的动感。多想多看多做57(4).形状替换 将几何形替换文字的笔画，从而形成具有现代感的字体。 。多想多看多做58 圆形装饰(文字可突破外框也可不突破外框，突破后的零散色块可是一色也可是多色)(5).形状修饰将几何形添加到文字的背景上衬托字体。 。多想多看多做59方框装饰。多想多看多做60 多边形装饰(文字可突破外框也可不突破外框，突破后的零散色块可是一色也可是多色)。多想多看多做61 自由形装饰(文字可突破外框也可不突破外框，突破后的零散色块可是一色也可是多色)。多想多看多做62 （利用阴影或透视表现出文字的立体效果，产生醒目突出的效果）(1)

17、.阴影立体效果：使字体产生通过光线照射后出现的阴影效果的字体设计。 12.12.立体设计立体设计。多想多看多做63(2).浮雕立体效果：运用浮雕的手法将字体进行凹凸处理使之具有很强的立体感。 。多想多看多做64 (3).透视立体效果：透视设计是指运用透视的灭点和视点对文字进行近大远小的立体效果设计。运用透视法设计的立体空间效果，视觉上真实厚重，冲击力强。 。多想多看多做65 (4).倒影设计：利用镜像反射的方法，将倒影置于画面，使人产生将文字置于水面或镜面的幻觉。 。多想多看多做66 (5).光效设计：运用点、线等造型元素，通过光照的效果让字体产生明度推移的变化，使视觉上产生光感的幻象。光效效

18、果视觉冲击力强，但识别性会容易受到影响，设计时应将文字的艺术性与识别性同时考虑。多想多看多做67 色彩设计是对字体进行色彩上的综合设计，色彩的运用得当，往往能激起人视觉上的兴奋，具有很强的表现力。 个性色彩的加强个性色彩的加强：现实生活中每个色彩都有其独特的情感特色。如红色，能给人以喜庆、革命、力量、危险等感受，黄色象征光明、快乐、富贵、活泼等，绿色代表和平、生命、希望、健康、安全、稳定等。色彩还具有象征含义，如红色在中国有吉祥喜庆的含义， 明黄色被誉为古代皇帝专用色，而黄色在西方则有叛逆，不吉利的意味，所以，色彩在不同的国家文化中，往往具有不同的象征意义，在字体设计时，我们要充分运用色彩的情

19、感属性和象征意义，强化文字的个性和表现力。 色彩空间的加强色彩空间的加强：具有色相、明度差异的色彩组合，可表现出一定的前进感或收缩感。总体来说，红色、黄色等暖色系列有前进感，蓝色、绿色、紫色等冷色系列有收缩感。在字体设计时，可利用色彩这一性质，为字体增加立体感和空间感，使画面更为灵动活泼。 色彩强化色彩强化、统一统一：色彩有助于字体的各种变化协调统一，运用色彩关系的对比可以对字体中重点的笔画结构进行加强、突出，增强视觉效果。2.字字体体创创意意设设计计的的方方法法13.13.色彩设计色彩设计。多想多看多做68综合，是让以上的各种手法相互之间既结合又互相补充的手法。很多时候在设计字体时，这些手法

20、会结合在一起运用，要灵活运用，相互补充。设计手法很多，这里只是介绍一部分，只要不断总结尝试，就会设计出更多新颖优秀的字体。14.14.综合运用综合运用。多想多看多做69作 业 “仙娥（xiane）羽绒家纺”字体设计 （要求：设计中文与英文字体两套文字标方案）。多想多看多做70。多想多看多做71。多想多看多做72怎样才叫做好的字体搭配？怎样才叫做好的字体搭配？你可能有听过成功的字体搭配靠的是“和谐”，风格一致与“对仗”，也就是风格互补。但是冲突的搭配可能就没听过了。这就是说，你使用的字型之间若享有一些共通的、互补的美学特质，版面就会比较好看。但是字体也有冲突的时候，而且有很多种冲突的可能。不管怎

21、麽说，我们先来讨论几种情况。多想多看多做73情况一：中文互搭情况一：中文互搭鉴于中文web font数目还不够多，目前我们也只能demo几种justfont有的字体：首先，我们有一些复古的字体，例如明体与楷体。有读过红楼梦这些经典小说吗？这些书的字体搭配看起来就像这样：。多想多看多做74以上标题使用了王汉宗颜楷体与特明体标准。当然这种搭配法完全是古典的配法。若你的内容是这个方向的，那可以考虑使用楷体为标题、明体为内文，或反之亦然的组合。而若是想要搭配一种现代中文的经典感觉，那麽明体与黑体的搭配毫无疑问是一绝的，尤其是把明体当成标题、黑体作为内文的组合，就像这系列文章的justfont layo

22、ut一样。多想多看多做75。多想多看多做76情况二：中文字与拉丁字情况二：中文字与拉丁字朱其明老师在他的字由字在谈字型中提到了中文与拉丁文搭配的一些议题，强调中英文字体搭配的准则也是要出於两者风格间的协调性与柔和度；就细节上来说，两者的粗细度、高度、宽度、风格（例如衬线或非衬线）这些元素必须尽量相近，以下可以demo几种合理的搭配：。多想多看多做77大致上，明体serif的搭配是比较安全的，因为这两种字体风格比较接近；只是观察台北捷运的配法是特明体加上Optima Bold，後者是sans-serif，难道台北捷运出包了吗？其实不会，因为optima本身是具有古罗马风格的现代sans seri

23、f，在现代的形体上却有复古的精神，跟特明体的风格相符，而且发挥了互补的功用（只是我们用的是web font justfont的王汉宗特明体标准，与google提供的Asul，并不是原本的optima）。多想多看多做78不过这两种字体搭配本来就是一件很困难的事，毕竟差距很远。尤其是隶书、行书两种字体更找不到容易搭配的拉丁字。只能说比较容易的组合是黑体、明体（宋体）依序配对sans与serif。信黑体则是帮设计师省去了配对的麻烦。信黑体在中外文搭配上就有精心设计的组合，尤其是切角的风格与清楚简洁的结构：。多想多看多做79。多想多看多做温馨提示：本PPT课件下载后，即可编辑修改，也可直接使用。（希望本课件对您有所帮助）