字体设计的基本方.ppt
字体设计的基本方法,首先,打破以往传统美术字和电脑印刷字的笔形结构,创造出一种新型的、富有个性化的字体,其最终目的就是适应社会发展的需要。因为在当今这样一个商业信息化的时代里那些雷同、相似,缺乏鲜明形象和个性特点的字体和图形是很难被消费者记住的。也就是说,不被消费者注意的设计和产品,在市场上很难竞争的。所以,企业家们总是千方百计想通过设计提高产品的识别力和传播力。其次,字体设计是被消费者注意的最直接视觉元素。在这样的社会背景下,一些标新立异的创新字体已被人们高度关注,创新字体也是平面设计师必须掌握的重要课程。,一、字体设计的目的,一、字体创意的来源,无论汉字,还是拉丁字,任何字体的形成、变化都体现于基本笔形和字形结构,基本笔形和字形结构是字体构成的本质性因素。一种字体构成风格的形成,完全取决于字体基本笔形规范化的字体笔调,正因为以字体笔调构成字体基本笔形的风格定性,才从字体的一笔笔、一画画中渗透出可见的形象性风格。,另外,任何一种字体在笔形组合上都向规范化的结构关系展现出字体风格特性,字体中的一笔笔、一个个偏旁部首的组合定势,都以结构上的个性表现出字体的形象性风格。由此我们可以清楚地看出,基本笔形和字形结构不仅是决定字体构成的本质性因素,它更是字体创意的根本源点。任何字体的创意从这两个根本源点上进行开发,均能从字体的本质性构架上创造出新的形象性字体。,在进行字体设计构思时,从“形”“意”入手是最直接的手法。由“意”通过复杂的心理活动并利用形式美法则创造出可视的“形”,并通过这个“形”直接或间接地对“意“的内涵进行进一步的表现。观者通过”形“引发联想,得到”意“的内涵。这样的过程,即为以“意”生“形”,以“形”表“意”,最终目的就是开发创意的灵感。,二、字体设计如何构思,(1)表达内容的准确性,在对字体进行创意设计时,我们首先要对文字所表达的内容进行准确的 理解,然后选择最恰如其分的形式进行艺术处理与表现。如果对文字内容不了解或选择了不准确的表现手法,不但会使创意字体的审美价值大打折扣,也会给企业或个人造成经济或精神的损失,那么就失去了字体创意设计的意义。,三、字体创意设计的基本原则,秀丽柔美,容易阅读是字体创意设计的最基本原则。字体创意设计的目的是为了更快捷、准确、艺术地传达信息。让人们费解的文字,即使再优秀的构思,再富于美感的表现,无疑也是失败的。所以在对文字的结构和基本笔画进行变动时,不要违背千百年来人们形成的对汉字的认读习惯。同时也要注意文字笔画的粗细、距离、结构分布,整体效果的明晰度。,(2)视觉上的易识易读性,字体设计在易读性前提下,要追求的就是字体的视觉美感。整体统一是美感的前题,协调好笔画与笔画、字与字之间的关系,强调节奏与韵律也显得特别重要。任何过分华丽的装饰、杂乱的表现都无美感可言。,(3)字体的设计美感,另外字体创意要以创新为目的,独具风格的字会给人留下深刻的印象。要根据设计主题要求,突出汉字设计的个性色彩,创造与众不同的独具特色的字体,给人以别开生面的视觉感受。应从字的形态特征与组合上进行综合思考,创造出富有个性的字形,造成新鲜悦目的视觉吸引力。,(4)独特性,字体创意所要注意的两个重要因素:基本笔形和结构。,(一)基本笔形基本笔形是文字笔画形象构成的规范性元素,它是文字符号的“体”的基本定势性决定因素,一种字体中以什么基本笔形组建文字,都由基本笔形的风格定势决定形成某种字体。所以说,所谓字体中的“体”,实质上就是基本笔形所规定“定势”的构成。汉字中的点、横、坚、撇、捺、竖弯勾等基本笔形是任何文字组构的基本元素。拉丁字等文字都具有类似的基本笔形规范而构成字体。,二、字体创意的方法,(一)塑造笔形笔形是字体干变万化的可变元素,什么风格、基调的笔形,所构成的字体也必然地以笔形的风格综合体现。创造出一种新型的字体,塑造笔形是首要关键。笔形是构成文字中的笔画的基本形象,在笔形的创造中要善于总结、敢于想象、富于创造。同样是“创意”两个字,我们将每组字体的笔形稍作处理,效果就不一样了。,因此在字体设计中,字体创意的本质性对象反映为基本笔形的创造。基本笔形中起收笔的变化,横坚画的比例,点、顿角、勾的形象定势,点、撇、捺的运笔规范等,都可以不同的形象观和意识观去变化去表现。,在字体创意中,基本笔形是字体创意的灵魂所在,好的字体创意的出现或形成,首先是字体基本笔形的出现或形成。因此,字体创意的源点体现出对基本笔形的变化、变换的探讨。对基本笔形的创造性的探讨,是要从字形组织的基本元素上寻找新的相关性形象。字体基本笔形的开发虽然是一种比较抽象的创造活动,但这种抽象还要来源于现实社会中种种特性的关联,从现实中关联产生的抽象形象,才能在返回现实的过程中获得实质性的效果。,(二)结构,结构是文字构成中的基本定律,它以偏旁、部首、笔画彼此间的构成定律形成某种字体的组合规范。一种字体在形成中,除了由基本笔形决定字体风格外,结构则是决定字体风格变换的决定性因素。在许多字体中,以同一笔形组建字体,若在组建上采取不同的结构,则会带来不同的变换效果,得到不同的字体风格。从这一点我们可以看出,结构是字体创意的另一根本性源点。,结构主要是研究文字中笔画、偏旁、部首间的组建关系,正是由于这种组建关系的形成,才产生出字体的种种风格。,(二)变换结构结构是字体构成的法则,以什么法则来组建字体,在字体构成中以什么形成字体的个性特色,这都要靠结构来解决。在字体构成中,变换结构是体现字体创意表现的主要手法。变换结构是要基于字体现有结构规律,通过创意性的变化和转换创造出各种新的结构。变换字体结构可以从如下几个方面加强探索:敢于打破、善于发现、多重结构、统一表现。我们将文字的位置、外形结构变换之后,文字展现出另一种效果了。,(三)重组笔形字体的笔形犹如人类语言词汇一样,有着非常丰富的构成,这种构成以鲜明的形象风格展现出种种活力。汉字字体中的宋体、黑体、隶书、魏碑、楷书、琥珀等,拉丁字体中的古罗马体、现代罗马体、现代自由体、卡罗林小写体等,从种种字体的笔形中部充分地表露着笔形的个性特征。在这种种现存字体的笔形中,如果我们任意地在两种字体中拉上一根直线,以这两种笔形为基调,经过重组的过程,是否可形成另一种笔形风格的字体。技照这种原理再去审视各种字体的笔形,以它们为基点,将会繁衍出更多笔形风格的字体。,(四)变换笔形字体的笔形相对于某一规定的字体是不能改变的,宋体就是以一套宋体的笔形构成,黑体就是以套黑体的笔形构成,但相对于创意性个体,就可以根据不同创意源点进行变换,通过种种变换手法的处理,往往能带来别具一格的新型字形。变换笔形的方法有多种,如突变、无理旋转、叠加、过度变换、互衬。,(五)结构中的形象叠加我们知道字体自创始以来,一直都是以形象性符号展现着各种形象意义,如最初的象形文字。在人们的记忆与识别中,一种字体稍加改变,就使让人们的感官上产生很大的差别,因此,在字体结构中充分运用形象改变原有的结构风格,能从字体构成的本质特征上形成突破性个性。或以抽象的线形改变结构的局部笔画,或以简洁的喻义形象转借某一旁笔画,或以个性化形象衬叠某一笔画,或以某种形象与某一笔画构成互依性形象,都能通过形象叠加的不同手法塑造出新性的字体结构风格。其方法有形象衬叠、互依形象的转借、形象转借。如图中的两组字体是运用的形象相衬叠的手法。,(六)变化黑白区关系黑白区是体现字体创意的重要因素,同时也是检验字体表现的重要因素。由字体笔画构成的实体称作黑区,与笔画相依的虚体部分称作白区,黑白区的分界主要体现于实休笔画与虚体非笔画间的交界。很多字体风格的形成和变化,只是将这种分界线稍作移劝,就会形成截然不同的字体创意风格。变化黑区的关系,虽然是相对于字体笔形粗细间的变化,如扩大、缩小白区的面积,但这种变化会给字体带来全然不同的感觉。在具体变化中,通常依据黑白区面积界定,从黑白两个大的领域着手,都将从不同方面表现比字体的新颖个性。,(七)突破字体的外形字体的外形经长期演变,已形成规范化的外形,或方、或圆、或三角,但伴随着人类文化发展到一定程度后,规范的字体外形显得比较呆板,突破过于呆板的字体外形,必然成为现代众多媒介中表现的主导方向之一。无论汉字还是拉丁字体,在遵循字体总体外形规范的基础上,可有所选择地将其中一到两个笔画突破外形的界定,或向外延伸、相连,或收缩、与其它笔画相依,其次还可根据具体表现主题的需要将字体变化成各种无机形态。突破字体外形的表现要有意识地跳出原有的框框的限定,多从灵活多变的角度变化字体整体形象的走势,使字体总体形象的风格展现出不同的内在活力和视觉冲击力。,(八)结构的再设计字体的结体在自身长期的发展中虽已形成种种规范化的个性特征,它们都以程式化的偏旁部首、笔画的编排构成字体的定性构成规律。但随着社会各项综合因素的发展,现在人们要求各种视觉传媒形式的个性化发展,字体的结体必须顺应时代的要求,在结构的构成法则上有所创建。结体的再设计,是在传统字体结构基础上,有所突破地打破原有字体结体规范,根据视觉形象的新型审美观,将某些偏旁部手突破原有结构的构成规律,在原有的结构编排上开创出新型的结构。,四、字体设计的基本方法,每一个构字元素,总由固定的线条样式所组成,如“人”字由撇捺两种线组成,这种程式化的线条比较适合书写、阅读。但在进行品牌名、标题等“专用组合字体设计时,却常常打破这种程式,对笔画的形态进行一定的变异,这种变异是在基本字体的基础上对笔画进行改变。,1、笔形变化,笔形变化是指将笔画加粗、变细、变形、添加、装饰等,在笔画自身上做处理的表现手法。笔画变化主要是指点、撇、捺、挑、钩等副笔的变化。而在字中起支撑作用的主笔一般变化较少。笔画形态变化不宜太多,整体风格变化手法要统一。在字体设计时,尽可能打破常规写字时的横平竖直的直板,完全可以逆向思维,如横曲竖弯等,这样就会产生出新的字体形态。,、运用统一的形态元素(即在每个字的某一笔画中添加统一形象元素),笔形变化的3种形式,、拉长或缩短、加粗或变细字体的笔画。,笔形变异的3种形式,、在统一形态元素中加入另类不同的形态元素。,笔形变异的3种形式,添加图形,替换(把跟字体有关系的图形印象叠加到字体上),2、笔画共用,分析笔画之间的内在联系,借助笔画与笔画之间,中文字与拉丁字母间存在的共性而巧妙的加以组合。当然,可能遇到的文字素材并不会恰好合适,需要主动地在其中寻找出可以相互利用的笔画,或稍微改变笔画的长短,来寻找适合的机会。,作品正面看是朝字,而当180旋转后,则成“韩”字,巧妙地共用了两个字相同的部分,表达出人们希望朝韩双方政府以求同存异的理念,实现韩朝统一的梦想。,靳埭强朝鲜统一海报,例如:“N与T”,(字与字之间通过可塑性较强的笔画或笔画上的装饰,使之有机连接贯穿,使一组字变成一个整体),3.笔画连接,(1).连笔,将文字笔画采取剪切、移植、分解、手撕或呈现缺口等方法,使其产生断裂、破碎、虫蛀、粗犷等感觉,常能激起心灵的震撼。无论采用什么方法,断笔对文字字形的美感都有很高的要求,需慎选。,(2).断笔,(3).删减,这种字的横、竖如果以直线表示比较容易。斜线的表示比较丰富,能加强折带的特殊效果。折带字体的特色在于曲折的部分,通过线条的曲折变化,表现出里层和外层的区别,并带来柔软或坚硬的效果。,4、折带设计,(一般可单字重叠,也可双字或多字重叠,目的是为了产生层次感,一般是后面的笔画叠住前面的笔画,副笔画叠住主笔画,或者相互重叠。但不要为了重叠而叠,要恰到好处。),1.镶嵌 2.错叠 3.交叠 4.透叠,5.重叠设计,图案填充是指抓住字的外轮廓,对字形内用图案填充的处理方式。,6.图案填充,(用单线条或多线条对文字笔画进行装饰,可以使文字形象更为丰富),7.线条设计,(1).中间留白(在字体笔画里做缝隙效果,缝隙可是空隙可是有色线条),(2).线条平分(用线条等分字体,产生虚实的动感),(3).穿针引线(在简单的一串字体上加一根白线,可以打破呆板的造型),(4).添加修饰(在文字笔画上添加线条装饰,或者在字体外添加线条装饰),(5).涟漪效果(在字体的边缘添加多条线条,使文字产生水波纹的效果。添加的线条可以使等宽的也可以是渐变的),(是一种利用错位的变化,使之产生虚实感觉的设计手法),8.错位设计,(只保留字的外轮廓,中间笔画省略。设计时,一定抓住字的特殊外形,有些如国、团等不宜采用此设计方法),婴儿园,9.实心设计,(在文字的背景上添加于字体相关的图形,使文字具有视觉美感),10.背景设计,11.外形设计,外形变化,(1),强调文字外形的特征,使得方者更方、圆者更圆,长者更长,特征更鲜明。,外形变化,(2),在字体的外形中加进一些如曲线或直线等局部点缀,使字形外部产生微妙的细节变化。,外形变化,(3),在外形角度上作斜形、弧形、波浪形、放射形等变化排列,造成一定的动感。,(4).形状替换 将几何形替换文字的笔画,从而形成具有现代感的字体。,圆形装饰(文字可突破外框也可不突破外框,突破后的零散色块可是一色也可是多色),(5).形状修饰将几何形添加到文字的背景上衬托字体。,方框装饰,多边形装饰(文字可突破外框也可不突破外框,突破后的零散色块可是一色也可是多色),自由形装饰(文字可突破外框也可不突破外框,突破后的零散色块可是一色也可是多色),(利用阴影或透视表现出文字的立体效果,产生醒目突出的效果)(1).阴影立体效果:使字体产生通过光线照射后出现的阴影效果的字体设计。,12.立体设计,(2).浮雕立体效果:运用浮雕的手法将字体进行凹凸处理使之具有很强的立体感。,(3).透视立体效果:透视设计是指运用透视的灭点和视点对文字进行近大远小的立体效果设计。运用透视法设计的立体空间效果,视觉上真实厚重,冲击力强。,(4).倒影设计:利用镜像反射的方法,将倒影置于画面,使人产生将文字置于水面或镜面的幻觉。,(5).光效设计:运用点、线等造型元素,通过光照的效果让字体产生明度推移的变化,使视觉上产生光感的幻象。光效效果视觉冲击力强,但识别性会容易受到影响,设计时应将文字的艺术性与识别性同时考虑。,色彩设计是对字体进行色彩上的综合设计,色彩的运用得当,往往能激起人视觉上的兴奋,具有很强的表现力。个性色彩的加强:现实生活中每个色彩都有其独特的情感特色。如红色,能给人以喜庆、革命、力量、危险等感受,黄色象征光明、快乐、富贵、活泼等,绿色代表和平、生命、希望、健康、安全、稳定等。色彩还具有象征含义,如红色在中国有吉祥喜庆的含义,明黄色被誉为古代皇帝专用色,而黄色在西方则有叛逆,不吉利的意味,所以,色彩在不同的国家文化中,往往具有不同的象征意义,在字体设计时,我们要充分运用色彩的情感属性和象征意义,强化文字的个性和表现力。色彩空间的加强:具有色相、明度差异的色彩组合,可表现出一定的前进感或收缩感。总体来说,红色、黄色等暖色系列有前进感,蓝色、绿色、紫色等冷色系列有收缩感。在字体设计时,可利用色彩这一性质,为字体增加立体感和空间感,使画面更为灵动活泼。色彩强化、统一:色彩有助于字体的各种变化协调统一,运用色彩关系的对比可以对字体中重点的笔画结构进行加强、突出,增强视觉效果。,2.字体创意设计的方法,13.色彩设计,综合,是让以上的各种手法相互之间既结合又互相补充的手法。很多时候在设计字体时,这些手法会结合在一起运用,要灵活运用,相互补充。设计手法很多,这里只是介绍一部分,只要不断总结尝试,就会设计出更多新颖优秀的字体。,14.综合运用,怎样才叫做好的字体搭配?你可能有听过成功的字体搭配靠的是“和谐”,风格一致与“对仗”,也就是风格互补。但是冲突的搭配可能就没听过了。这就是说,你使用的字型之间若享有一些共通的、互补的美学特质,版面就会比较好看。但是字体也有冲突的时候,而且有很多种冲突的可能。不管怎麽说,我们先来讨论几种情况。,情况一:中文互搭鉴于中文web font数目还不够多,目前我们也只能demo几种justfont有的字体:首先,我们有一些复古的字体,例如明体与楷体。有读过红楼梦这些经典小说吗?这些书的字体搭配看起来就像这样:,以上标题使用了王汉宗颜楷体与特明体标准。当然这种搭配法完全是古典的配法。若你的内容是这个方向的,那可以考虑使用楷体为标题、明体为内文,或反之亦然的组合。而若是想要搭配一种现代中文的经典感觉,那麽明体与黑体的搭配毫无疑问是一绝的,尤其是把明体当成标题、黑体作为内文的组合,就像这系列文章的justfont layout一样。,情况二:中文字与拉丁字朱其明老师在他的字由字在谈字型中提到了中文与拉丁文搭配的一些议题,强调中英文字体搭配的准则也是要出於两者风格间的协调性与柔和度;就细节上来说,两者的粗细度、高度、宽度、风格(例如衬线或非衬线)这些元素必须尽量相近,以下可以demo几种合理的搭配:,大致上,明体serif的搭配是比较安全的,因为这两种字体风格比较接近;只是观察台北捷运的配法是特明体加上Optima Bold,後者是sans-serif,难道台北捷运出包了吗?其实不会,因为optima本身是具有古罗马风格的现代sans serif,在现代的形体上却有复古的精神,跟特明体的风格相符,而且发挥了互补的功用(只是我们用的是web font justfont的王汉宗特明体标准,与google提供的Asul,并不是原本的optima)。,不过这两种字体搭配本来就是一件很困难的事,毕竟差距很远。尤其是隶书、行书两种字体更找不到容易搭配的拉丁字。只能说比较容易的组合是黑体、明体(宋体)依序配对sans与serif。信黑体则是帮设计师省去了配对的麻烦。信黑体在中外文搭配上就有精心设计的组合,尤其是切角的风格与清楚简洁的结构:,