字体的使用.docx
《字体的使用.docx》由会员分享,可在线阅读,更多相关《字体的使用.docx(13页珍藏版)》请在冰豆网上搜索。
![字体的使用.docx](https://file1.bdocx.com/fileroot1/2023-2/6/8e53e330-ac93-4bab-92d3-8c1f28f431ab/8e53e330-ac93-4bab-92d3-8c1f28f431ab1.gif)
字体的使用
字体的使用
第三章:
文字处理与设计
第一节:
字库及其字体实际运用介绍
重点:
字库及其文字分类、文字衬线、画面风格与字体选择、文字使用法规
字库分类比较多,而我们常用的是方正字库与汉鼎字库。
而微软公司的微软字库也迅速的发展,在时尚的杂志或者海报中设计师们运用雅黑的也普遍比较多。
下面我们来详细讲解下常用字体的分类:
宋体宋体也称印刷体,一般出现在报纸、杂志、小说正文。
比较权威、正统的杂志用宋体较多。
推荐在商业设计中,宋体运用的是非常少的。
因为宋体笔划比较细,难以识别,所以在海报,画册类中运用的也比较少。
指数*
楷体楷体一般用于书籍的前言与图片的注解部分。
推荐
指数*楷体的传统韵律比较强,所以在传统类的设计对象中运用的非常广,但是楷体是不会作为主标题的文字选择。
在副标题和广告(产品)解说(说明)部分运用的比较多。
*
黑体
黑体笔画很均匀并且撇撩笔画不尖,使人易于阅读。
由于其醒目的特点,常用于标题,导语,标志等等。
当然常见的标题、导语采用的是方正字库里的粗黑,大黑,中黑,而不是我们WINDO推荐
指数*WS里自带的黑体,如果从设计的纯角度来讲,黑体运用的也是非常少的。
方正细黑与方正细等线比较相似,只是方正细等线比方正细黑还要细,常用于时尚杂志的正
方正
细黑文,方正细黑与方正细等线笔画横平竖直、结构醒目严密、便于阅读,所以时尚杂志中比较常见,当然,这一类字体不适宜在报广(报纸广告)的文字选择,因为报广印刷粗糙,细黑几乎无法识
别,但是在印刷精美的一些时尚杂志中,细黑与细等线会表现的非常精美。
方正
细等
线
推荐
指数*
**
方正
报宋方正报宋的外形比宋体要“方”、端正,不失时代气息也极具传统味道。
推荐
指数*
**所以方正报宋和方正宋一简体也常用出现在一些时尚杂志的正文中。
以上两种字体比较适合和铜版纸,哑粉纸,道林纸配合使用。
微软
雅黑
推荐
指数*
**微软雅黑是美国微软公司委托中国方正集团设计的一款全面支持ClearType技术字体。
微软雅黑是随着简体中文版WindowsVista一起发布的字体。
微软雅黑的审美要比黑体的高雅很多。
在海报与网站图标中运用比较多,不适合做正文和标题的选择,比较适合副标题文字的选择。
第二节:
文字效果测试与选择
对于设计师的创作来说,每种字体都都其各自的特点与风格。
什么情况下采用什么字体、哪类文字适合哪种风格的设计都比较重要,这也是值得思考的!
比如无衬线的文字比较适合现代时尚设计中、儿童产品的设计中、粗体比较适合HIPHOP画面设计中、有衬线的文字的文字一般运用在传统类、高端类、庄重类设计中等等。
在设计中文字最好尝试一下不同字体所产生的不同感觉。
这种感觉需要建立在长期的学习、观察和思考的基础上。
画面分析:
画面中涉及到中文的字体一般多以粗大的文字来代表一种时尚,而英文字体中无论是粗或细、大或小都能体现时尚气息。
无衬线的英文文字很好的迎合了画面的干净、简洁的设计,不像有衬线的文字显得过于繁琐,也没有那种很强的简洁感。
画面分析:
我们经常看到很多HIPHOP歌手穿着宽大的衣服和厚实的板鞋,设计师从这一点上可以联想到海报中整个字体中采用比较宽大厚实的字体作为主标题。
HIPHOP给人的潮流感与时尚感也决定了主标题应该采用无衬线字体,所以我们在海报中就看到了宽大的无衬线字体,这样也迎合画面的节奏感。
画面分析:
上图为通用汽车旗下品牌科帕奇“自由之路”的活动官方网站,此次活动主要是科帕奇邀请广大车友重走史迪威公路,途经贵阳、昆明、密支那探寻二战时期最重要的生命补给线。
这是对历史的一次回顾,整个画面设计都呈现出一种浓烈的历史怀旧气氛,
所以
设计师也采用了有衬线的英文文字(CHEVYCAPTIVA&ROADOFFREEDOM)和中文文字(大标宋——以自由之名,与雪佛兰科帕奇一起重走峥嵘生命线)。
第三节:
文字处理实战技巧
1、描边及其文字作用
文字描边的前提是当背景比较复杂或者是文字色彩与背景色彩非常接近的时候,就会采用描边的方式进行处理。
画面分析:
对于主题文字的描边就不能过于死板,可以适当的用色彩渐变的方式描边,当然文字的色彩渐变也必须要注意其识别性的问题,文字外形的构边还是构线条需要根据主题确定。
图中文字“激情开幕”的描边增加了运动感,很好的吻合了主题需求。
描边特别注意事项:
(1)注意描边的前提:
背景复杂或者是背景色与文字颜色接近时。
反正总之是为了与背景隔离开,形成层次感加强对比,提高识别性。
(如下图)
(2)正文文字就不能描边了,不然你会知道这是多么愚蠢的事情。
(3)越是时尚越是简洁的画面设计里面文字越忌讳描边,时尚讲究简洁是美。
(4)特别需要提出的是大型企业形象广告里面最好不出现文字描边!
比如地产、汽车、美容等高端行业。
文字描边在促销广告中很常见,因为描边会使得文字更加突出。
(5)描边前可以思考一下文字的处理方式,比如把字倾斜着、把文字错位等等。
文字描边的前提是当背景比较复杂或者是文字色彩与背景色彩非常接近的时候,就会采用描边的方式进行处理。
上图中图2就有一个典型的错误,白色描边不是错误,错误重点就在于“激”字的浅色和描边的白色明度对比太低,文字的识别性非常低。
文字有两个作用:
一是起信息传递的作用,就是向消费者清楚表达产品(品牌)
信息,所以前提是能很清楚看的到字,这就是文字的识别性;二是起到装饰和点缀的作用,并不是所有文字都是起信息传递的作用,有时候它会起到弥补空间、点缀画面的作用。
如下图:
上两张图人物后面的文字都起着装饰作用,而不是信息传递作用。
可能有人会产生这样的怀疑:
在时尚的画面中不是采用无衬线的字体吗?
为什么画面中人物后面采用大标宋?
这样不会显得很传统吗?
或许你对时尚还没有深入了解,其实时尚并不紧紧是我们(年轻的读者)想象中的脚踏匡威板鞋、身着铅笔西裤、眼带方形镜框。
我们理解的时尚应该叫做“潮”,相信很多设计师都是潮人。
其实时尚还有另外一个层面就是对生活、事业、社会的一种态度和价值观,《时尚先生》更侧重于对成功人士的报道,而不紧紧是对外在穿着的分析。
比如以往《时尚先生》封面人物有:
成龙、张艺谋、崔健、黄秋生、李宇春等等。
就拿2019
年
时尚先生评选活动来说吧,《时尚先生》就设立了年度传媒人物、年度教育人物、年度艺术家、年度环保先生、年度智美人物、年度最美丽女人、年度奥运精神、年度风尚设计师等奖项,由此我们可以看出时尚的精神层面。
是品位?
是态度?
或许都是的!
所有获奖的人员都是有着丰富的人生阅历和良好的精神态度。
俗话说:
三十而立,四十而不惑,五十而知天命,六十而耳顺,七十而从心所欲!
或许获奖的魅力男士和女士都很明白对时尚的理解。
文字描边的前提是当背景比较复杂或者是文字色彩与背景色彩非常接近的时候,就会采用描边的方式进行处理。
年轻人有不拘一格的时尚、成熟人士有马爹利的时尚。
对于时尚的潮人,我们采用无衬线字体比较合适,比如细黑、细等线、雅黑等等,我们可以参考《时尚起义》网站。
对于有着成熟魅力的成功人士,我们采用大标宋或许也是不错的选择。
大标宋笔画显得沉着稳重,和成熟人士的处事特点相得益彰。
这是我们大多数年轻人理解的时尚——“潮”
。
这难道不也是一种时尚吗?
这幅画面的文字明显起着信息传递的作用了。
文字粗大,对比强烈!
这个画面兼顾了信息传递与装饰画面的双重作用!
文字“2019BEIJINGNEWLOOK”的笔画与背景钢结构粗细略微相等,抽象的元素和前后(背景与文字)明度的对比就决定了画面文字的双重作用。
2、文字(图形)色彩叠加
•文字的色彩叠加可以产生多彩的视觉效果,这样可以很好的丰富画面的整体效果,同时文字也不会显得呆板。
操作提示:
一、在PHOTOSHOP里面将两个单独的图层采用正片叠底的图层混合方式即可,同时你也可以调整单个图层的透明度来达到你需要的效果。
二、在CORELDRAW9.0里面,先将两个图形(文字)CTRL+Q转曲后再调整透明度即可。
或者采用多个图形选中后然后在菜单栏执行“安排/造型/交叉”命令得出相交的部分,再把相交的部分换成你需要的色彩。
这个色彩一般是两个色混合后的色彩,如果你画过水粉或者熟悉色相环的色彩关系你就知道了,详细参考本书色彩部分。
3、文字虚实相间
文字的虚实相间会有很强的形式美对比,相信这是一种很好的处理方式。
画面分析:
文字的实虚可以用面和线来表示,一边线条居下,面居上,这样画面才有层次感,当然就上图上说,画面也不会显得过于单调。
线条在整个画面中会呈现出很多细节,耐看性很强,同时也得注意画面的虚实粗细对比。
操作提示:
在PHOTOSHOP里面,线条的产生可以采用描边(执行菜单栏编辑/描边)的方式完成。
CORELDRAW里面可以用贝塞尔工具完成,如果是文字则可以再按F12来选择线条粗细情况,然后左键点击颜色窗口上方“X”图标。
4、文字切割、隐藏、嵌套
文字的切割与隐藏有会有一种残缺美,一种让人探索与想象的空间。
•文字图形嵌套
•文字通过图形嵌套可以让文字更加生动,更加具有画面感。
操作提示:
以上图为例,我们称“九”为基本造型、里面的图形纹理就简称图案。
在
PHOTOSHOP里面把基本造型“九”这个图层置于图案图层下方,然后降低图案的不透明度,直到我们看到图案在造型里面达到最佳效果后再按住CTRL单击基本造型“九”这个图层,再选中图案图层,然后按住CTRL+SHIFT+I(反选),再按DEL删除多余的部分,最后恢复图案图层的不透明度即可。
在CORELDRAW里面执行图框精确裁减即可完成!
特别提示:
图案的选择一定要吻合画面风格,如果是抽象图案图形最好不要是垂直的或者的水平的,最好具备一定角度,这样视觉效果会显得更加理想。
如图:
上图中数字“3”里面的图案就倾斜了60°左右,这样画面将在一定程度上打破呆板的感觉。
5、文字的空间设计
文字的空间设计可以增强对画面主题的表现与诉说,同时也可以增强画面的有趣性和创意性。
特别提示:
二维空间与三维空间的结合表现方式是创意广告里面非常常见的手法。
同时我们也得注意二维空间与三维空间的联系性,也就说靠什么来把两个不相干的空间联系起来。
色彩是最常见的媒介,以上两张图中色彩都起到了空间衔接的作用!
画面分析:
文字的穿插会使得画面的空间感会更加强烈,而不再给人以简单的“平面”感觉!
特别是当画面只有两层关系的时候,插入“第三者”画面的空间感就建立起来了。
很好理解,我们可以看到上图中原本只有四个人物和一个墙面背景两层关系,但是后来设计师再两者之间插入了文字,这样感觉就不一样了。
操作提示:
在PHOTOSHOP里面用钢笔工具沿着人物胸部以上的外轮廓部分钩出来,然后选中文字图层按DEL删除文字与头部叠加的地方!
注意在修剪文字图层前一定要将文字栅格化图层。
在CORELDRAW里面用贝塞尔工具钩形后也可以完成同样的效果。
6、文字识别性处理
在不同的画面中文字的识别性处理也会不一样,文字的识别性在一定程度也决定了广告的传播效果。
画面分析:
上图中我们可以假想如果没有白色的色块来铺底,想必文字是肯定看不清楚的,除非文字采用了特殊一些工艺。
所以当背景图案比较复杂的时候,
我们可以尝试用色块
铺底来增强对文字的识别性。
有人可能会有这样的疑惑:
文字描边不可以吗?
文字描边的方式也可以增强对文字的识别能力和突出文字呀?
这里大家要明白档次的问题,我们在文字描边问题里面已经说了:
文字描边不适合在形象画面中出现,这样档次就降低很多了。
现在我们的设计对象是名片,名片是企业形象与个人形象展示的窗口,所以在这里不建议大家采用描边的方式来提高文字的识别性。
在不同的画面中文字的识别性处理也会不一样,文字的识别性在一定程度也决定了广告的传播效果。
画面分析:
上图(网站页面)右侧的文字部分也采用了半透明的黑色色块来提高文字的识别性,同时我们可以假想没有这个色块,白色的文字看上去会是什么效果?
这种方式是结合了前两种画面的处理方式。
我们应该很清楚广告的两个目的:
提示企业、品牌、产品形象和提高销售量。
如果消费者连文字都看不到或者看不清楚(部分形象广告另外),那广告信息传递就有问题了。
很简单,这样消费者看到画面后都不知道你在卖什么、产品有什么特点或者说你在表达什么?
就更不谈什么销量了。
就好像一个哑巴在给正常人说话一样,理解效
果就会大打折扣!
这张画面兼顾了空间设计与文字识别性处理,值得借鉴。
7、突出文字与提高文字易读性的方法
根据不同的文字及其画面环境进行设计处理。
(1)在是深色的底上加入文字,使文字更加突出与醒目。
画面分析:
上面两张图中我们可以看到主要文字都集中在画面深色部分!
也就是将文字的色彩与背景的色彩在明度上拉开距离,同时也得注意背景肌理图案不能过于复杂,否则即使明度对比再大,背景如果过于复杂,那文字也无法强调出来,前面的黑白名片就是一个典型的例子。
我们经常会在一些时装杂志里面看到这种情况,所以设计师也得注意平时的视觉阅历与积累,积累形成感觉、感觉创造画面。
在不同的画面中文字的识别性处理也会不一样,文字的识别性在一定程度也决定了广告的传播效果。
(2
)将主要文字色彩饱和度提高,并变大变粗。
(3)注重文字色彩在画面中的呼应关系。
画面分析:
画面中色彩的呼应是将原始画面已有的色彩再次重复出现。
一般再次重复的色彩为原始画面的主色调或者是明度较高的色彩,从商业角度讲多为产品的主色调。
上图中,文字的色彩就吸取了人物服装的色彩,事实证明这也是一个销售服装的公司的广告画面。
这样的处理方式有很多好处:
一是可以让画面色彩更加和谐;二是更好的统一了品牌视觉形象,更有利于加深消费者对品牌的印象与认知。
统一鲜橙多、绿茶等品牌的广告画面都是如此。
消费者往往会不知不觉从色彩方向去判断品牌信息,
因为色彩是品牌视觉传达里面最活跃的
元素。
比如你走在一条品牌服装街上,一看到黑白色的服装相信很多人第一感觉就是阿迪达斯,一看到粉色就会感觉是阿依莲等等。
(4)文字变粗也是一种对主题强调的方式。
7、文字笔画特点设计
根据不同画面环境对文字笔画进行设计处理,以此配合画面所传达的寓意。
(4)提高文字易读性的方法。
关键词:
大写字母、文字字号大小、视觉浏览习惯、手稿体、反排、行距
画面分析:
全部采用大写字母,对于大标题、简短的提示都比较合适。
但是不能过多、过长,这样看起来就很累了,自然易读性也就降低了很多。
我们经常在很多奢侈品广告中看到以英文作为大标题的情况,为什么?
因为大写英文字体给人一种傲视世俗、雍容华贵的感觉,所以大写文字在奢侈品中运用的非常常见,中文、英文都是如此。
比如地产、名表、服装、化妆品、珠宝等等。
如下图:
(万城华府、世贸集团、白皙)
画面分析:
在选择文字大小的时候一定得考虑文字与目标群体的距离、目标群体的视力及其画面主题的主次之分。
先说说文字与目标群体的距离:
我们经常会看到很多户外擎天柱广告牌,这些广告牌上面的字号都非常大;而我们所看到的小说里面的字号就非常小。
这些都是依据目标人群与画面之间的距离决定文字大小的,距离越远字号越大、距离越近字号也就越小。
但是字号小并不完全是由距离决定的,有时候会有其他因素来左右字号。
比如说一些潮流杂志、时尚杂志里面的字号就非常小,这是因为这些杂志中画面很多,并且设计师希望通过小的字号来增强画面的精致感。
一般时尚杂志里面的正文字号在5-6之间,非常小。
文字大小还有一个确定因素是目标群体的视力,这里所指的目标群体多半是指小孩和老人。
我们肯定有这样的印象,小时候我们的语文课本里面的字就非常大,而到大学了,里面的字号就相对变小了。
几年前我曾经服务过一家大型的事业单位,他们要设计一本宣传物,观看这本宣传物的对象都是上了年纪的企业领导。
他们宣传部的负责人特意叮嘱我一句话:
最好
把字号放大一点!
其实我们也不要忽略这一点:
在任何时候行距一定是大于字距的,只有这样文字的易读性才会更高。
假想一下如果字与字之间的距离大于行与行之间的距离会是什么结果?
任何画面里面的文字都是有主次之分的,主标题到副标题到正文文字的字号大小一般是由大到小,笔画是由粗到细!
一般根据人的视觉浏览习惯从上到小,字号也是由大到小的,当然不排除特殊情况,比如时尚杂志正文的“记者”、“美编”等工作人员的职位等文字字号是很小的,比正文还要小。
人还有一个视觉浏览习惯就是从左到右,当然字号一般不是从大到小,而是从小到大。
与其说从小到还不如说画面重心在右边,因为如果画面重心在左边那画面就会有一种漂移感,好像画面中的视觉元素要冲出画面一样,所以一般视觉重点(产品、代言人等)都会居右来挡住视线流出,常表现为:
文字在左,图形在右。
如下图(神行者2代、COGI高姿):
画面分析:
手稿体(毛笔字体)比较适合一些短小标题或文字,还有请柬、签名之类的传统风格,不合适大面积使用!
大面积的使用会导致易读性就差很多了。
如上图所示。
画面分析:
黑色背景上的白色文字(也称之为反排)与白色背景上的黑色文字相较而言,易读性也差很多。
但是并不能因此而反对这种手法的出现,在时尚杂志中我们也会经常看到黑色的底上有着些许的白色文字出现,如上图所示。
设计师牺牲了一些文字的易读性来迎合整个画面的造型或者美感,这一点也是值得学习的!
但是当碰到反排的情况时候我们得注意以下几点:
首先当背景颜色比较深的时候,文字的选择尽量不要采用有衬线的字体,比如宋体,这样也会导致易读性越来越差。
其次,文字字号不能过小,因为如果这种情况碰到印刷的时候就比较麻烦了,特别我们的媒介是报纸的时候,印出的成品几乎是看不清内容的(报纸纸张相较杂志纸张比较粗糙)。
最后文字尽量采用与背景色彩高对比的纯色填充,而不要填充色彩渐变,这样也会导致易读性的降低,如上图。
第四节:
文字个性与组合
文字属性(金属、残缺等)与组合(上下、层次、排列等)
画面分析:
不同的画面里面文字都有不同的处理方式,只有赋予主题文字“外衣”,画面才会更具内涵。
我们可以从上图的文字处理手法看出一种强烈的金属感,这也正好迎合了(产品)汽车的特点。
通过文字的处理来渲染画面无疑是个不错的选择。
画面分析:
随意斑驳的笔画与年轻人的桀骜不羁、个性张扬相得益彰。
现实中很多年轻人都不喜欢一些条条框框、都不喜欢正统、喜欢杂乱无章、喜欢不拘一格,所以我们在画面中并没看到所谓的楷体、宋体等有衬线的传统字体。
画面分析:
文字的弧形设计颇具法式浪漫与尊贵的感觉。
这一类文字设计多半出现在女性产品、年轻人产品及其与法式风格相关的一些比较浪漫、唯美和高贵的画面中。
字体设计的几种方法。
1#
2#
3#
4#
5#
6#
7#
8#
9#
10#
11#
文字不仅可以表达作者的思想概念而且也兼具有视觉识别符号的特征,它不仅可以表达概念,同时也通过视觉的方式传递信息。
对于现代平面设计而言字体设计是不可分割的一部分,字体的美感,文字的编排,对版面的视觉传达效果有着直接影响。
一、字体的造型
在平面设计中,文字起到的作用是向大众传达作者的意图和各种信息,不要把文字设计孤立地看待,考虑文字的整体信息诉求效果,给人以清晰的视觉印象。
因此,简洁,易认,易懂,传达作者的意图,表达设计的主题和构想意念成为字体造型的必备条件。
相同的文字在不同的主题中有不同的表现。
文字的造型要服从于设计主题的风格特征。
不能和整个作品的风格特征相脱离,相冲突,否则,就无法达到文字的诉求效果。
掌握设计主题后,根据主题的需要进行文字的“形”、“音”、“义”的造型设计。
例如,2019年陈幼坚设计的可口可乐全新流线形中文字体,这也是可口可乐在中国24年来的第一次全新设计。
而事实证明,新的中文标识将消费者对可口可乐的购买欲望提升大概五个百分点,从视觉的统一,到意念的统一无不体现出此次的换标造就了一个经典的字体造型设计案例。
二、字体编排设计
在设计运用中,不同的字体造型或编排可以带给观者不同的视觉感受和视觉诉求。
前面所介绍的“字体造型”在设计中以“点”的表现形式出现,而成功的字体编排则可以激发人们的艺术想象力,发掘不同字体之间的内在联系,甚至可以将几个完全不同的内容统一在一起。
反之则会给人杂乱、无序的感觉。
因此,其作用主要是强化视效、加强美感、方便阅读。
字体编排设计从狭义的概念上来讲,所研究的就是字间、行间的距离和视觉流程等问题;从广义的概念上来讲,则更多的是研究字与字之间字体搭配协调所构成的格调,以及版面所强调构图而形成的形式美感。
对于字体编排来说,每一件作品都有其特有的风格。
因此,不能让每种文字都自成风格,独树一派。
一个作品版面上的各种不同字体的组合,必须要符合整个作品的风格设计倾向,形成统一的情调和感情特征。
所谓风格设计倾向则是指作品整体的协调与局部的对比。
统一之中兼具变化,从而产生对比和谐的效果。
这样,整个作品才会有视觉上的美感,符合人们的欣赏需求。
例如,室内设计杂志与平面设计杂志在字体排版上的处理方式就完全不同。
字体排版在室内设计杂志中要体现的是一种有序的展示,需要设计者利用各种方式引导读者的视线,并为读者留出恰当的视觉休息和自由想象的空间,给人在视觉上感觉张驰有度。
而平面杂志在字体编排上则更为灵活,主要强调的是带给人们的视觉冲击力,这样则要求设计者更注意字体编排时的形态结构,色彩节奏等之间的关系,使文字与图片浑然一体,利用这样大胆的排列方法来吸引观者的目光。
三、设计师在“字体设计”中的创新
随着时代的发展,文字的设计呈现出多元化、艺术化的趋势。
那么就要求在设计时体现其构思与灵感的思维的表现。
因此,设计师必须先立足于设计主题特性,定位品质,在满足读者的视觉需求的前提下,再在打破传统思维设计的束缚。
如此就需要设计师灵感“表达”,要让人理解设计师所传达的作品“信息”与设计师的创意息息相关。
设计师需要有将司空见惯的文字融入新的情感和理性化的秩序驾驭能力,以及从外表到内在,从视觉效果到触觉感受的审美观察能力,始终“秩序之美”的设计思想作为设计的追求,同时还能赋予观者一种文字和形色之外的享受与满足。
字体设计是平面设计中的重要构成部分。
随着时代经济的发展,字体设计的应用形式、传播媒介、表达方式、创作方法等有了更多层次的拓展,而字体设计在未来也将呈现更为广阔的发展空间。