1、文字的图形化处理文字的图形化处理文字的发展文字的发展FORAMT DESIGN文字图形化处理手法文字图形化处理手法文字图形化处理原则文字图形化处理原则文字与标志设计文字与标志设计FORAMT DESIGN文字的发展文字的发展文字是人类最伟大的发明，其发展源远流长，一般认为文字是人类最伟大的发明，其发展源远流长，一般认为中国的文字史可以追溯到三千多年前的商代甲骨文，而中国的文字史可以追溯到三千多年前的商代甲骨文，而西方也早在公元前就开始了文字的历史。西方也早在公元前就开始了文字的历史。中国的汉字源于象形文字的演变。中国的汉字源于象形文字的演变。所谓象形文字，所谓象形文字，用文字的线条或笔画，把要
2、表达物体的外用文字的线条或笔画，把要表达物体的外形特征，具体地勾画出来的文字形特征，具体地勾画出来的文字(形态符号形态符号)。这些文字与所这些文字与所代表的东西，在形状上很相像。因此，象形是以事物的形代表的东西，在形状上很相像。因此，象形是以事物的形象为基础的一种最原始的造字方法。象为基础的一种最原始的造字方法。FORAMT DESIGNFORAMT DESIGNFORAMT DESIGN汉字的演变汉字的演变FORAMT DESIGNFORAMT DESIGNFORAMT DESIGNFORAMT DESIGN甲骨文、金文、篆书甲骨文、金文、篆书具有象征性特征具有象征性特征FORAMT DES
3、IGN隶书隶书结体扁平、工整、精巧结体扁平、工整、精巧FORAMT DESIGN楷书楷书楷书是汉字的主要书体。楷书是汉字的主要书体。楷，是楷模，指的是标楷，是楷模，指的是标准字体，因此楷书又称准字体，因此楷书又称为为“正书正书”“真书真书”。楷书章法整齐，字与字、楷书章法整齐，字与字、行与行之间的等距，给行与行之间的等距，给人一稳定、庄重的视觉人一稳定、庄重的视觉效果效果FORAMT DESIGN行书行书行书是楷书的快写，行书是楷书的快写，相传始于汉未相传始于汉未气韵生动，一气呵成气韵生动，一气呵成FORAMT DESIGN草书草书具有按一定规律将字具有按一定规律将字的点划连字的点划连字,结构
4、简省结构简省,偏旁假借的章法特点，偏旁假借的章法特点，因此草书的艺术欣赏因此草书的艺术欣赏价值大于实用价值价值大于实用价值豪放不羁，体势连绵，豪放不羁，体势连绵，艺术感强烈艺术感强烈FORAMT DESIGN宋体宋体宋体字的字形方正，笔宋体字的字形方正，笔画横平竖直，横细竖粗，画横平竖直，横细竖粗，棱角分明，结构严谨，棱角分明，结构严谨，整齐均匀，有极强的笔整齐均匀，有极强的笔画规律性，从而使人在画规律性，从而使人在阅读时有一种舒适醒目阅读时有一种舒适醒目的感觉。在现代印刷中的感觉。在现代印刷中主要用于书刊或报纸的主要用于书刊或报纸的正文部分。正文部分。 FORAMT DESIGN黑体黑体机器
5、印刷术的历史产物。机器印刷术的历史产物。黑体以几何学的方式确立黑体以几何学的方式确立汉字的基本结构汉字的基本结构(它是构建它是构建性的，而非书写性的性的，而非书写性的)，其，其均匀的笔划宽度和平滑的均匀的笔划宽度和平滑的笔划弧度表现出一种稳定、笔划弧度表现出一种稳定、强烈、醒目、简单、现代强烈、醒目、简单、现代的特征。的特征。 FORAMT DESIGN等线体等线体特点是都有几乎相等的线特点是都有几乎相等的线条，显得朴素端正，十分条，显得朴素端正，十分清晰，但过于平板。一般清晰，但过于平板。一般用于内页正文。用于内页正文。FORAMT DESIGN西方文字的演变西方文字的演变FORAMT DE
6、SIGNFORAMT DESIGNFORAMT DESIGNFORAMT DESIGNFORAMT DESIGNFORAMT DESIGNFORAMT DESIGN随着信息传播的快速发展和需求，随着信息传播的快速发展和需求，滋生了越来越多的字体以适应不同滋生了越来越多的字体以适应不同信息传播形式及内容的应用。信息传播形式及内容的应用。FORAMT DESIGN字体的变化，对人的视觉感受字体的变化，对人的视觉感受起到很大的引导作用。起到很大的引导作用。熟悉和掌握各种字体的特点，熟悉和掌握各种字体的特点，才能为各种文本内容配搭合适才能为各种文本内容配搭合适的字体的字体才能为文字的图形化处理打下才能
7、为文字的图形化处理打下一定的基础。一定的基础。FORAMT DESIGN文字图形化处理手法文字图形化处理手法(1) 对笔画作出调整对笔画作出调整(2) 对字距作出适当调整对字距作出适当调整(3) 象形设计法象形设计法(4) 正负形设计法正负形设计法(5) 替代设计法替代设计法(6) 象意设计法象意设计法(7) 书法字体的运用书法字体的运用(8) 为字体添加材质感为字体添加材质感FORAMT DESIGN(1) 对笔画作出调整对笔画作出调整字的形态多样，但从结构上而言可归纳成三种：字的形态多样，但从结构上而言可归纳成三种：PART 1 通过笔画协调字体的几何尺度与视觉尺度通过笔画协调字体的几何尺
8、度与视觉尺度FORAMT DESIGN用米字格来衡量圆、用米字格来衡量圆、三角以及方之间的三角以及方之间的面积关系，可以发面积关系，可以发现如果三者的高度现如果三者的高度相等情况下，会出相等情况下，会出现视觉上的不统一、现视觉上的不统一、不协调感。不协调感。圆为适中、三角下垂、方形过于膨胀圆为适中、三角下垂、方形过于膨胀因此，调整是必要的因此，调整是必要的FORAMT DESIGN调整后的尺度调整后的尺度虽不符合几何上的虽不符合几何上的等比例尺寸，但符等比例尺寸，但符合视觉上的尺度，合视觉上的尺度，因此，几何尺度与因此，几何尺度与视觉尺度需要协调视觉尺度需要协调才能达到统一才能达到统一FORA
9、MT DESIGN运用以上方式来设运用以上方式来设计文字，以计文字，以“圆圆”、“角角”、“方方”为为例子例子“角角”、“方方”字棱字棱角多，笔画较少，因角多，笔画较少，因而需要撑满米字格而需要撑满米字格“圆圆”字为正方形，必字为正方形，必须通过缩小的办法才能须通过缩小的办法才能达到与其它二字在视觉达到与其它二字在视觉上的一致性与统一性上的一致性与统一性FORAMT DESIGNFORAMT DESIGNFORAMT DESIGN文字的笔画形态能赋予文字不同的视觉、心理感受文字的笔画形态能赋予文字不同的视觉、心理感受(1) 对笔画作出调整对笔画作出调整PART 2 改变笔画的形态改变笔画的形态
10、FORAMT DESIGN细线构成的字体细线构成的字体圆厚柔滑的字体圆厚柔滑的字体浑厚粗实的字体浑厚粗实的字体有棱角的字体有棱角的字体香水、化妆品之类的产品香水、化妆品之类的产品食品、饮料、洗涤用品等食品、饮料、洗涤用品等企业的实力强劲企业的实力强劲易易于展示企业个性于展示企业个性FORAMT DESIGN(1947-1956)(1956-1972)浑厚粗实的字体浑厚粗实的字体运用实例运用实例Beton BoldCity Medium新标志比旧标志更刚性、新标志比旧标志更刚性、更扎实、更平衡更扎实、更平衡FORAMT DESIGNIBM logo变迁历史变迁历史FORAMT DESIGNFOR
11、AMT DESIGNFORAMT DESIGNFORAMT DESIGN通过笔画的形态处理，加强文字的特通过笔画的形态处理，加强文字的特征，丰富字体的内涵。同时，在设计征，丰富字体的内涵。同时，在设计过程中，不仅要求单个字形美观，还过程中，不仅要求单个字形美观，还要使整体风格和谐统一。要使整体风格和谐统一。FORAMT DESIGNFORAMT DESIGNFORAMT DESIGNFORAMT DESIGN(1) 对笔画作出调整对笔画作出调整PART 3 由笔画变图像由笔画变图像汉字的结构有主笔画和副笔画之分汉字的结构有主笔画和副笔画之分所谓主笔画是之支撑一个字所谓主笔画是之支撑一个字的骨架
12、的横竖笔画，它对字的骨架的横竖笔画，它对字起到了如建筑物的横梁和框起到了如建筑物的横梁和框架作用架作用所谓副画笔是字中的点、撇、所谓副画笔是字中的点、撇、捺等笔画捺等笔画FORAMT DESIGN在文字图形创意中，将某些在文字图形创意中，将某些笔画改变为图形符号，能进笔画改变为图形符号，能进一步释义字意或派生出新的一步释义字意或派生出新的概念，以传达出文字本身无概念，以传达出文字本身无法表现的概念，增强文字的法表现的概念，增强文字的可视性、思想性和趣味性，可视性、思想性和趣味性，从一般的文字语言上升到审从一般的文字语言上升到审美艺术的表现美艺术的表现图形符号可以是图形符号可以是抽象的也可以是具
13、象的抽象的也可以是具象的FORAMT DESIGN抽象图形符号的添加抽象图形符号的添加“水平条纹水平条纹”含义：含义：1972年沿用至今年沿用至今(1) 速度和力量速度和力量(2) 美国国旗美国国旗FORAMT DESIGN抽象图形符号的添加抽象图形符号的添加FORAMT DESIGN通过辅助图形的添加加强文字图形设计感通过辅助图形的添加加强文字图形设计感FORAMT DESIGN具象图形符号的添加具象图形符号的添加FORAMT DESIGNFORAMT DESIGNFORAMT DESIGNFORAMT DESIGNFORAMT DESIGN(1) 对笔画作出调整对笔画作出调整PART4 增
14、减笔画增减笔画FORAMT DESIGNFORAMT DESIGN(1) 对笔画作出调整对笔画作出调整PART5 顺连笔画顺连笔画标志字体由标志字体由Helvetica italic字字体改造而成体改造而成FORAMT DESIGNFORAMT DESIGN精减、顺连笔画共用的设计方法精减、顺连笔画共用的设计方法FORAMT DESIGNFORAMT DESIGN(1) 对笔画作出调整对笔画作出调整PART6 笔画的异变笔画的异变(1)设计要点：保持字体设计要点：保持字体笔画的基本性不变，运笔画的基本性不变，运用组合、拆散、重复等用组合、拆散、重复等手法，使得字型产生不手法，使得字型产生不同的
15、变化同的变化FORAMT DESIGNFORAMT DESIGN(2)设计要点：保持字体设计要点：保持字体笔画的基本性不变，运笔画的基本性不变，运用物体取代笔画形态，用物体取代笔画形态，这种方法也被称为置换这种方法也被称为置换图形。图形。FORAMT DESIGNFORAMT DESIGN(1) 对笔画作出调整对笔画作出调整PART7 笔画与外框的组合笔画与外框的组合FORAMT DESIGN(2) 对字距作出适当调整对字距作出适当调整字距，指单字与单字之间的距离。字距，指单字与单字之间的距离。通常计算机文字都有固定格式的设定，这种设通常计算机文字都有固定格式的设定，这种设定对于正文来说是可以
16、的，但对于标题字的设定对于正文来说是可以的，但对于标题字的设计来说却不太合适。计来说却不太合适。为了增强标题字的整体性、美感与设计细节感，为了增强标题字的整体性、美感与设计细节感，设计师一般会根据单字的字体结构特征以及笔设计师一般会根据单字的字体结构特征以及笔画的繁简多少对字距进行细微的人为加工调节。画的繁简多少对字距进行细微的人为加工调节。FORAMT DESIGN细看佳能的标志可以发现，单字与细看佳能的标志可以发现，单字与单字之间的字距是不尽相同的。单字之间的字距是不尽相同的。FORAMT DESIGN自动字距自动字距(计算计算机文字机文字)调整后间距调整后间距FORAMT DESIGN自
17、动字距自动字距(计算计算机文字机文字)调整后间距调整后间距FORAMT DESIGN字距调整的技巧字距调整的技巧笔画较多的单字与单字之间字距应笔画较多的单字与单字之间字距应笔画较少的单字与单字之间字距应笔画较少的单字与单字之间字距应对于同一标题字而言对于同一标题字而言FORAMT DESIGN笔画以竖向倾向为主的单字与单字之间字距应笔画以竖向倾向为主的单字与单字之间字距应自动字距自动字距(计算机文字计算机文字)调整后间距调整后间距目的：增加主题字的紧凑感，同时不影响易读性目的：增加主题字的紧凑感，同时不影响易读性FORAMT DESIGN(3) 象形设计法象形设计法设计要点：在现有字体的基础上
18、做图文同化处理设计要点：在现有字体的基础上做图文同化处理确切地说，就是将文字的一个部分或者一个偏旁确切地说，就是将文字的一个部分或者一个偏旁由与原来笔画形态相似的图形来替换由与原来笔画形态相似的图形来替换FORAMT DESIGNFORAMT DESIGNFORAMT DESIGNFORAMT DESIGN江苏小天鹅集江苏小天鹅集团的天鹅字体团的天鹅字体FORAMT DESIGNFORAMT DESIGNFORAMT DESIGNFORAMT DESIGNFORAMT DESIGNFORAMT DESIGN(4) 正负形设计法正负形设计法方法来源：方法来源：20世纪超现实主世纪超现实主义和错视
19、觉艺术代表人艾舍义和错视觉艺术代表人艾舍尔和福田繁雄所提出的正负尔和福田繁雄所提出的正负形设计原理形设计原理设计要点：以文字笔画、设计要点：以文字笔画、结构为基础，进行虚实互结构为基础，进行虚实互为的形态设计，让正形和为的形态设计，让正形和负形在同一个视觉语境中负形在同一个视觉语境中说话，达到说话，达到“一语双关一语双关”的效果。的效果。FORAMT DESIGNFORAMT DESIGNFORAMT DESIGNFORAMT DESIGNFORAMT DESIGN(5) 替代设计法替代设计法设计要点：用具体的形置换某种抽象概念的语言。设计要点：用具体的形置换某种抽象概念的语言。FORAMT
20、DESIGNFORAMT DESIGNFORAMT DESIGNFORAMT DESIGNFORAMT DESIGNFORAMT DESIGNFORAMT DESIGN(6) 象意设计法象意设计法上述象形设计法注重的是形似，而意象注上述象形设计法注重的是形似，而意象注重的是意通。重的是意通。设计要点：用形象化的视觉语言表示某种设计要点：用形象化的视觉语言表示某种抽象概念的意义抽象概念的意义FORAMT DESIGNFORAMT DESIGNFORAMT DESIGN(7) 书法字体的运用书法字体的运用书法字体的运用可以是标题字中的某书法字体的运用可以是标题字中的某一关键字，也可以运用于整个标题
21、一关键字，也可以运用于整个标题若主题具有传统的民族信息或写意艺若主题具有传统的民族信息或写意艺术感要求时，可采用书法字体术感要求时，可采用书法字体FORAMT DESIGNFORAMT DESIGNFORAMT DESIGNFORAMT DESIGNFORAMT DESIGNFORAMT DESIGN(8) 为字体添加材质感为字体添加材质感FORAMT DESIGNFORAMT DESIGNFORAMT DESIGN文字图形化处理原则文字图形化处理原则易读性易读性符号性符号性趣味性趣味性递进式处理原则，在设计达到低一级的要求后相高递进式处理原则，在设计达到低一级的要求后相高一级迈进，你们认为哪
22、种处理原则是最高级的设计一级迈进，你们认为哪种处理原则是最高级的设计原则？原则？FORAMT DESIGN易读性易读性在文字的创意变化过程中，要注在文字的创意变化过程中，要注意的是无论怎么变化，不能脱离意的是无论怎么变化，不能脱离汉字形象的本身，汉字的首要功汉字形象的本身，汉字的首要功能是供人阅读以传播信息能是供人阅读以传播信息若文字经过设计后变得不那么容若文字经过设计后变得不那么容易辨认，那么无论再怎么美观也易辨认，那么无论再怎么美观也无济于事。无济于事。“信信”？FORAMT DESIGN符号性符号性文字图形化处理的最终目的是将文字图形化处理的最终目的是将文字形意有所择重地具体化，以文字形
23、意有所择重地具体化，以满足读者的视觉与心理需求，以满足读者的视觉与心理需求，以达到易于记忆的目的。达到易于记忆的目的。但是具象的表现并不是要将繁但是具象的表现并不是要将繁杂琐碎的元素统统在文字中表杂琐碎的元素统统在文字中表现出来，而应该是洗练、概括现出来，而应该是洗练、概括地运用，突出文字的个性特点，地运用，突出文字的个性特点，获得过目不忘的效果。获得过目不忘的效果。“御御”FORAMT DESIGN趣味性趣味性适合的趣味表现能增强字义，使适合的趣味表现能增强字义，使文字形象更鲜明、更生动、更有文字形象更鲜明、更生动、更有意味，让读者看后心领神会并回意味，让读者看后心领神会并回味无穷。味无穷。
24、文字的图形一般是以内容为主导文字的图形一般是以内容为主导而引发的联想，一般应采取较容而引发的联想，一般应采取较容易理解的或较具象的手法来进行易理解的或较具象的手法来进行设计以增强视觉效果。设计以增强视觉效果。FORAMT DESIGN文字与标志设计文字与标志设计标志设计主要有两种形式：标志设计主要有两种形式：(1) 以图像为主的标志设计以图像为主的标志设计(2) 以文字为主的标志设计以文字为主的标志设计FORAMT DESIGN以图像为主的标志设计以图像为主的标志设计FORAMT DESIGNFORAMT DESIGN不要怪大众早期设计者，这个蜘蛛网的不要怪大众早期设计者，这个蜘蛛网的Logo
25、 和胡子元首希特和胡子元首希特勒有关，想想纳粹标志啥样子就知道其中的渊源了勒有关，想想纳粹标志啥样子就知道其中的渊源了FORAMT DESIGN由文字标志向图形标志的转变过程由文字标志向图形标志的转变过程FORAMT DESIGN(2) 以文字为主的标志设计以文字为主的标志设计文字标志以单纯的文字作为主要表现形态，相对文字标志以单纯的文字作为主要表现形态，相对于图像标志而言视觉设计要求更高。于图像标志而言视觉设计要求更高。一般不会直接使用标准字一般不会直接使用标准字(黑体、宋体等字库字体黑体、宋体等字库字体)作为文字标志，因为这样很难达到个性化的传播作为文字标志，因为这样很难达到个性化的传播效
26、果，一般都会运用经过处理的特型字。效果，一般都会运用经过处理的特型字。FORAMT DESIGN文字标志设计的三个设计原则文字标志设计的三个设计原则1.个性化的文字处理，增强标个性化的文字处理，增强标志的识别性志的识别性2.字体要求能准确地表现企业字体要求能准确地表现企业或机构的属性、功能甚至作用或机构的属性、功能甚至作用3.具有美学质量和视觉效果具有美学质量和视觉效果识别性是企业拥有识别性是企业拥有标志的目的标志的目的属性是企业或机构属性是企业或机构的内涵所在的内涵所在艺术性是激发观众艺术性是激发观众对企业和机构留下对企业和机构留下印象的个性化符号印象的个性化符号记忆记忆FORAMT DESIGNFORAMT DESIGN字体设计欣赏字体设计欣赏FORAMT DESIGNFORAMT DESIGN私人咖啡屋标志设计私人咖啡屋标志设计FORAMT DESIGNFORAMT DESIGNFORAMT DESIGNFORAMT DESIGNFORAMT DESIGNFORAMT DESIGNFORAMT DESIGNFORAMT DESIGNFORAMT DESIGN
