文字的图形化处理课件.ppt

《文字的图形化处理课件.ppt》由会员分享，可在线阅读，更多相关《文字的图形化处理课件.ppt（129页珍藏版）》请在三一办公上搜索。

1、文字的图形化处理,文字的发展,FORAMT DESIGN,文字图形化处理手法,文字图形化处理原则,文字与标志设计,FORAMT DESIGN,文字的发展,文字是人类最伟大的发明，其发展源远流长，一般认为中国的文字史可以追溯到三千多年前的商代甲骨文，而西方也早在公元前就开始了文字的历史。,中国的汉字源于象形文字的演变。,所谓象形文字，用文字的线条或笔画，把要表达物体的外形特征，具体地勾画出来的文字(形态符号)。这些文字与所代表的东西，在形状上很相像。因此，象形是以事物的形象为基础的一种最原始的造字方法。,FORAMT DESIGN,FORAMT DESIGN,FORAMT DESIGN,汉字的演

2、变,FORAMT DESIGN,FORAMT DESIGN,FORAMT DESIGN,FORAMT DESIGN,甲骨文、金文、篆书,具有象征性特征,FORAMT DESIGN,隶书,结体扁平、工整、精巧,FORAMT DESIGN,楷书,楷书是汉字的主要书体。楷，是楷模，指的是标准字体，因此楷书又称为“正书”“真书”。,楷书章法整齐，字与字、行与行之间的等距，给人一稳定、庄重的视觉效果,FORAMT DESIGN,行书,行书是楷书的快写，相传始于汉未,气韵生动，一气呵成,FORAMT DESIGN,草书,具有按一定规律将字的点划连字,结构简省,偏旁假借的章法特点，因此草书的艺术欣赏价值大于

3、实用价值,豪放不羁，体势连绵，艺术感强烈,FORAMT DESIGN,宋体,宋体字的字形方正，笔画横平竖直，横细竖粗，棱角分明，结构严谨，整齐均匀，有极强的笔画规律性，从而使人在阅读时有一种舒适醒目的感觉。在现代印刷中主要用于书刊或报纸的正文部分。,FORAMT DESIGN,黑体,机器印刷术的历史产物。黑体以几何学的方式确立汉字的基本结构(它是构建性的，而非书写性的)，其均匀的笔划宽度和平滑的笔划弧度表现出一种稳定、强烈、醒目、简单、现代的特征。,FORAMT DESIGN,等线体,特点是都有几乎相等的线条，显得朴素端正，十分清晰，但过于平板。一般用于内页正文。,FORAMT DESIGN,

4、西方文字的演变,FORAMT DESIGN,FORAMT DESIGN,FORAMT DESIGN,FORAMT DESIGN,FORAMT DESIGN,FORAMT DESIGN,FORAMT DESIGN,随着信息传播的快速发展和需求，滋生了越来越多的字体以适应不同信息传播形式及内容的应用。,FORAMT DESIGN,字体的变化，对人的视觉感受起到很大的引导作用。,熟悉和掌握各种字体的特点，,才能为各种文本内容配搭合适的字体,才能为文字的图形化处理打下一定的基础。,FORAMT DESIGN,文字图形化处理手法,(1)对笔画作出调整,(2)对字距作出适当调整,(3)象形设计法,(4)正

5、负形设计法,(5)替代设计法,(6)象意设计法,(7)书法字体的运用,(8)为字体添加材质感,FORAMT DESIGN,(1)对笔画作出调整,字的形态多样，但从结构上而言可归纳成三种：,PART 1 通过笔画协调字体的几何尺度与视觉尺度,FORAMT DESIGN,用米字格来衡量圆、三角以及方之间的面积关系，可以发现如果三者的高度相等情况下，会出现视觉上的不统一、不协调感。,圆为适中、三角下垂、方形过于膨胀,因此，调整是必要的,FORAMT DESIGN,调整后的尺度,虽不符合几何上的等比例尺寸，但符合视觉上的尺度，,因此，几何尺度与视觉尺度需要协调才能达到统一,FORAMT DESIGN,

6、运用以上方式来设计文字，以“圆”、“角”、“方”为例子,“角”、“方”字棱角多，笔画较少，因而需要撑满米字格,“圆”字为正方形，必须通过缩小的办法才能达到与其它二字在视觉上的一致性与统一性,FORAMT DESIGN,FORAMT DESIGN,FORAMT DESIGN,文字的笔画形态能赋予文字不同的视觉、心理感受,(1)对笔画作出调整,PART 2 改变笔画的形态,FORAMT DESIGN,细线构成的字体,圆厚柔滑的字体,浑厚粗实的字体,有棱角的字体,FORAMT DESIGN,(1947-1956),(1956-1972),浑厚粗实的字体运用实例,Beton Bold,City Med

7、ium,新标志比旧标志更刚性、更扎实、更平衡,FORAMT DESIGN,IBM logo变迁历史,FORAMT DESIGN,FORAMT DESIGN,FORAMT DESIGN,FORAMT DESIGN,通过笔画的形态处理，加强文字的特征，丰富字体的内涵。同时，在设计过程中，不仅要求单个字形美观，还要使整体风格和谐统一。,FORAMT DESIGN,FORAMT DESIGN,FORAMT DESIGN,FORAMT DESIGN,(1)对笔画作出调整,PART 3 由笔画变图像,汉字的结构有主笔画和副笔画之分,所谓主笔画是之支撑一个字的骨架的横竖笔画，它对字起到了如建筑物的横梁和框架

8、作用,所谓副画笔是字中的点、撇、捺等笔画,FORAMT DESIGN,在文字图形创意中，将某些笔画改变为图形符号，能进一步释义字意或派生出新的概念，以传达出文字本身无法表现的概念，增强文字的可视性、思想性和趣味性，从一般的文字语言上升到审美艺术的表现,图形符号可以是抽象的也可以是具象的,FORAMT DESIGN,抽象图形符号的添加,“水平条纹”含义：,1972年沿用至今,(1)速度和力量,(2)美国国旗,FORAMT DESIGN,抽象图形符号的添加,FORAMT DESIGN,通过辅助图形的添加加强文字图形设计感,FORAMT DESIGN,具象图形符号的添加,FORAMT DESIGN,

9、FORAMT DESIGN,FORAMT DESIGN,FORAMT DESIGN,FORAMT DESIGN,(1)对笔画作出调整,PART4 增减笔画,FORAMT DESIGN,FORAMT DESIGN,(1)对笔画作出调整,PART5 顺连笔画,标志字体由Helvetica italic字体改造而成,FORAMT DESIGN,FORAMT DESIGN,精减、顺连笔画共用的设计方法,FORAMT DESIGN,FORAMT DESIGN,(1)对笔画作出调整,PART6 笔画的异变,(1)设计要点：保持字体笔画的基本性不变，运用组合、拆散、重复等手法，使得字型产生不同的变化,FOR

10、AMT DESIGN,FORAMT DESIGN,(2)设计要点：保持字体笔画的基本性不变，运用物体取代笔画形态，这种方法也被称为置换图形。,FORAMT DESIGN,FORAMT DESIGN,(1)对笔画作出调整,PART7 笔画与外框的组合,FORAMT DESIGN,(2)对字距作出适当调整,字距，指单字与单字之间的距离。,通常计算机文字都有固定格式的设定，这种设定对于正文来说是可以的，但对于标题字的设计来说却不太合适。,为了增强标题字的整体性、美感与设计细节感，设计师一般会根据单字的字体结构特征以及笔画的繁简多少对字距进行细微的人为加工调节。,FORAMT DESIGN,细看佳能的

11、标志可以发现，单字与单字之间的字距是不尽相同的。,FORAMT DESIGN,自动字距(计算机文字),调整后间距,FORAMT DESIGN,自动字距(计算机文字),调整后间距,FORAMT DESIGN,字距调整的技巧,笔画较多的单字与单字之间字距应,笔画较少的单字与单字之间字距应,对于同一标题字而言,FORAMT DESIGN,笔画以竖向倾向为主的单字与单字之间字距应,自动字距(计算机文字),调整后间距,目的：增加主题字的紧凑感，同时不影响易读性,FORAMT DESIGN,(3)象形设计法,设计要点：在现有字体的基础上做图文同化处理,确切地说，就是将文字的一个部分或者一个偏旁由与原来笔画

12、形态相似的图形来替换,FORAMT DESIGN,FORAMT DESIGN,FORAMT DESIGN,FORAMT DESIGN,江苏小天鹅集团的天鹅字体,FORAMT DESIGN,FORAMT DESIGN,FORAMT DESIGN,FORAMT DESIGN,FORAMT DESIGN,FORAMT DESIGN,(4)正负形设计法,方法来源：20世纪超现实主义和错视觉艺术代表人艾舍尔和福田繁雄所提出的正负形设计原理,设计要点：以文字笔画、结构为基础，进行虚实互为的形态设计，让正形和负形在同一个视觉语境中说话，达到“一语双关”的效果。,FORAMT DESIGN,FORAMT DE

13、SIGN,FORAMT DESIGN,FORAMT DESIGN,FORAMT DESIGN,(5)替代设计法,设计要点：用具体的形置换某种抽象概念的语言。,FORAMT DESIGN,FORAMT DESIGN,FORAMT DESIGN,FORAMT DESIGN,FORAMT DESIGN,FORAMT DESIGN,FORAMT DESIGN,(6)象意设计法,上述象形设计法注重的是形似，而意象注重的是意通。,设计要点：用形象化的视觉语言表示某种抽象概念的意义,FORAMT DESIGN,FORAMT DESIGN,FORAMT DESIGN,(7)书法字体的运用,书法字体的运用可以是

14、标题字中的某一关键字，也可以运用于整个标题,若主题具有传统的民族信息或写意艺术感要求时，可采用书法字体,FORAMT DESIGN,FORAMT DESIGN,FORAMT DESIGN,FORAMT DESIGN,FORAMT DESIGN,FORAMT DESIGN,(8)为字体添加材质感,FORAMT DESIGN,FORAMT DESIGN,FORAMT DESIGN,文字图形化处理原则,易读性,符号性,趣味性,递进式处理原则，在设计达到低一级的要求后相高一级迈进，你们认为哪种处理原则是最高级的设计原则？,FORAMT DESIGN,易读性,在文字的创意变化过程中，要注意的是无论怎么变

15、化，不能脱离汉字形象的本身，汉字的首要功能是供人阅读以传播信息,若文字经过设计后变得不那么容易辨认，那么无论再怎么美观也无济于事。,“信”,？,FORAMT DESIGN,符号性,文字图形化处理的最终目的是将文字形意有所择重地具体化，以满足读者的视觉与心理需求，以达到易于记忆的目的。,但是具象的表现并不是要将繁杂琐碎的元素统统在文字中表现出来，而应该是洗练、概括地运用，突出文字的个性特点，获得过目不忘的效果。,“御”,FORAMT DESIGN,趣味性,适合的趣味表现能增强字义，使文字形象更鲜明、更生动、更有意味，让读者看后心领神会并回味无穷。,文字的图形一般是以内容为主导而引发的联想，一般应

16、采取较容易理解的或较具象的手法来进行设计以增强视觉效果。,FORAMT DESIGN,文字与标志设计,标志设计主要有两种形式：,(1)以图像为主的标志设计,(2)以文字为主的标志设计,FORAMT DESIGN,以图像为主的标志设计,FORAMT DESIGN,FORAMT DESIGN,不要怪大众早期设计者，这个蜘蛛网的Logo 和胡子元首希特勒有关，想想纳粹标志啥样子就知道其中的渊源了,FORAMT DESIGN,由文字标志向图形标志的转变过程,FORAMT DESIGN,(2)以文字为主的标志设计,文字标志以单纯的文字作为主要表现形态，相对于图像标志而言视觉设计要求更高。,一般不会直接使

17、用标准字(黑体、宋体等字库字体)作为文字标志，因为这样很难达到个性化的传播效果，一般都会运用经过处理的特型字。,FORAMT DESIGN,文字标志设计的三个设计原则,1.个性化的文字处理，增强标志的识别性,2.字体要求能准确地表现企业或机构的属性、功能甚至作用,3.具有美学质量和视觉效果,FORAMT DESIGN,FORAMT DESIGN,字体设计欣赏,FORAMT DESIGN,FORAMT DESIGN,私人咖啡屋标志设计,FORAMT DESIGN,FORAMT DESIGN,FORAMT DESIGN,FORAMT DESIGN,FORAMT DESIGN,FORAMT DESIGN,FORAMT DESIGN,FORAMT DESIGN,FORAMT DESIGN,