设计师技巧:文字处理与设计详解

金星人女人

金星人女人

2016-02-17 04:35

下面图老师小编跟大家分享设计师技巧:文字处理与设计详解,一起来学习下过程究竟如何进行吧!喜欢就赶紧收藏起来哦~

第一节:字库及其字体实际运用介绍

重点:字库及其文字分类、文字衬线、画面风格与字体选择、文字使用法规

字库分类比较多,而我们常用的是方正字库与汉鼎字库。而微软公司的微软字库也迅速的发展,在时尚的杂志或者海报中设计师们运用雅黑的也普遍比较多。下面我们来详细讲解下常用字体的分类:

宋体

推荐指数*

宋体也称印刷体,一般出现在报纸、杂志、小说正文。比较权威、正统的杂志用宋体较多。

在商业设计中,宋体运用的是非常少的。

因为宋体笔划比较细,难以识别,所以在海报,画册类中运用的也比较少。

楷体

推荐指数** 楷体一般用于书籍的前言与图片的注解部分。

楷体的传统韵律比较强,所以在传统类的设计对象中运用的非常广,但是楷体是不会作为主标题的文字选择。

在副标题和广告(产品)解说(说明)部分运用的比较多。

黑体

推荐指数* 黑体笔画很均匀并且撇撩笔画不尖,使人易于阅读。由于其醒目的特点,常用于标题,导语,标志等等。当然常见的标题、导语采用的是方正字库里的粗黑,大黑,中黑,而不是我们WINDOWS里自带的黑体,如果从设计的纯角度来讲,黑体运用的也是非常少的。

方正细黑

方正细等线

推荐指数*** 方正细黑与方正细等线比较相似,只是方正细等线比方正细黑还要细,常用于时尚杂志的正文,方正细黑与方正细等线笔画横平竖直、结构醒目严密、便于阅读,所以时尚杂志中比较常见,当然,这一类字体不适宜在报广(报纸广告)的文字选择,因为报广印刷粗糙,细黑几乎无法识别,但是在印刷精美的一些时尚杂志中,细黑与细等线会表现的非常精美。

方正报宋

推荐指数*** 方正报宋的外形比宋体要方、端正,不失时代气息也极具传统味道。

所以方正报宋和方正宋一简体也常用出现在一些时尚杂志的正文中。

以上两种字体比较适合和铜版纸,哑粉纸,道林纸配合使用。

微软雅黑

推荐指数*** 微软雅黑是美国微软公司委托中国方正集团设计的一款全面支持Clear Type技术字体。微软雅黑是随着简体中文版Windows Vista一起发布的字体。微软雅黑的审美要比黑体的高雅很多。在海报与网站图标中运用比较多,不适合做正文和标题的选择,比较适合副标题文字的选择。

设计师技巧:文字处理与设计详解,PS教程,图老师教程网

设计师技巧:文字处理与设计详解,PS教程,图老师教程网

设计师技巧:文字处理与设计详解,PS教程,图老师教程网

画面分析:我们可看见两张图中,主标题到副标题笔画是由粗到细,字号是由大到小。画面中文字的层次感非常强烈。第一张中,微软雅黑使地产画面的尊贵感和品位感凸显出来:第二张中,黑体与英文的搭配使用使得画面的现代感与国际感比较强烈。

设计师技巧:文字处理与设计详解,PS教程,图老师教程网

画面分析:画面中繁体是创艺繁线体,繁体的使用配合外国人的头像使得国际感,现代感比较强烈。为什么这样说呢?我们经常会看到很多港、澳、台地区的杂志和电影,香港的官方文字多采用繁体和英文,如果我们把这种感觉带到画面中去,相信画面的国际感会比较明显。当然这只是从纯文字的角度去谈论这个问题。使用繁体的时候,我们还必须遵守我国的相关法律规定,如下:

《国家通用语言文字法》第十七条规定:本章有关规定中有下列情形的,可以保留或使用繁体字、异体字:(一)文物古迹;(二)姓氏中的异体字;(三)书法、篆刻等艺术作品;(四)题词和招牌的手书字;(五)出版、教学、研究中需要使用的;(六)经国务院有关部门批准的特殊情况。这条规定,适应我国现阶段文字应用的需要,较好地体现了语言文字主体化与多样化的关系。

汉字规范化是一个渐进的过程。国家推行规范汉字,并不是要废止或者消灭繁体字、异体字,也不是要求在所有场合都不能使用繁体字、异体字,而是把繁体字、异体字的使用限制在一定的范围以内。这是我国繁、简字使用的一贯政策。《国家通用语言文字法》的制定,使这一政策法制化。

规定上述除外条款,符合实事求是的思想路线。文物古迹是我们的祖先留下来的,代表着古老灿烂的中华文化,是古代人民群众劳动和智慧的结晶,我们必须加以保护,当然也包括保护它上面所负载的文字。姓氏是历史形成的,受法律保护,改革文字也不能随便更改人家的姓氏,所以我国50年代发布《第一批异体字整理表》时就明确规定停止使用的异体字中,有用作姓氏的,在报刊图书中可以保留原字,不加变更。书法、篆刻等作为艺术作品,是中华民族传统文化的一个组成部分,具有陶冶情操、愉悦身心的审美功能,我们提倡书法家、篆刻家在继承前人的基础上使用规范汉字进行创作,以无愧于我们这个伟大的新时代,但他们写繁还是写简有自己的自由,只能悉听尊便。整理、出版古代典籍,课堂教学、学术研究以及发表关于古代历史文化方面的学术著述、编写语言工具等必须使用繁体字、异体字的,自然也应当允许保留或使用繁体字、异体字。此外,还有某些特殊情况,比如依法影印、拷贝的台湾、香港、澳门地区以及海外其他地区出版的中文报刊、图书、音像制品等出版物,比如专门向海外使用繁体字的地区发行的出版物以及对外宣传需要的其他情形和场合等等,经国务院有关部门批准,也可以保留或使用繁体字、异体字。上述政策规定和要求,散见于以往发布的语言文字法规、规章、管理办法和相应的规范标准中,这次制定《国家通用语言文字法》以法律的形式把它们确定下来,有利于从总体上把握相关政策。

关于题词和招牌中的手书字的政策,这里需要特别谈一谈。题词和招牌主要见于公共场所。公共场所是汉字规范化工作的一个领域,抓好这个领域的用字,必将对提高社会成员语言文字规范意识和全社会语言文字应用的规范化水平产生良好的影响。中共中央政治局常委、国务院副总理李岚清同志,在1997年底召开的全国语言文字工作会议上发表的书面讲话中明确指出:所有公共场所的标牌、宣传标语和广告、霓虹灯必须用语正确、文字规范、字形完整;其中手书字提倡写规范字,但中国文字也是一种书法艺术,不必苛求。手书的店名凡使用繁体字的,应当在明显的位置再配放用规范字标注的店名,以便公众识别。李岗清同志的这一指示,体现了国家对城市公共场所手书字的管理即坚持方向又把握政策的原则。

如何理解这段话呢?首先,在坚持汉字简化方向的前提下,我们应当充分看到推行简化字的成绩。40多年来,简化字在全国范围内顺利推行,今天已成为国家通用的文字和社会用字的主流。一个占世界五分之一人口的国家,在这么短的时期内成功地进行这样一项重大的文字改革,是件很不简单的事情。所以,要充分认识这项工作所取得的巨大成就。其次,要看到允许使用繁体字的范围非常有限,管理中要切实把握好政策。当前文字应用的主要领域,如出版印刷用字、影视屏幕用字、政府公文用字和学校的教育教学用字等都是使用规范字,街头招牌中的印刷体也是规范字,从这角度看,对街头招牌中的手书字适当放宽点要求无碍推行规范汉字的主流和大局,相反,更便于公共场所用字的具体管理和实际操作。现行《城市社会用字管理工作评估指导标准(试行)》规定:手书字提倡写规范字。手书的招牌凡使用了繁体字的,必须在明显的位置上再配放规范字的标牌。已经改为规范字的不得恢复使用繁体字。这样规定,既坚持了汉字简化的方向,又体现了手书字管理的现行政策。中国的汉字源远流长,汉字规范化工作并不能一蹴而就,而是需要有一个渐进的过程。目前我国还有不少写繁体字的长者,他们从小养成了使用繁体字的习惯,熟悉简化字有一个过程是可以理解的。所以,对本法关于繁体字、异体字在特殊情形下允许保留或使用的规定,我们一定要强化法律、政策观念,认真贯彻执行。

近几年,因部分广告公司不了解使用繁体字相关规定而受到处罚,不甚枚举,因此设计师在创作过程中也得熟知相应的法律法规。

------------------------

对于设计师的创作来说,每种字体都都其各自的特点与风格。什么情况下采用什么字体、哪类文字适合哪种风格的设计都比较重要,这也是值得思考的!比如无衬线的文字比较适合现代时尚设计中、儿童产品的设计中、粗体比较适合HIPHOP画面设计中、有衬线的文字的文字一般运用在传统类、高端类、庄重类设计中等等。在设计中文字最好尝试一下不同字体所产生的不同感觉。这种感觉需要建立在长期的学习、观察和思考的基础上。

设计师技巧:文字处理与设计详解,PS教程,图老师教程网

设计师技巧:文字处理与设计详解,PS教程,图老师教程网

设计师技巧:文字处理与设计详解,PS教程,图老师教程网

画面分析:画面中涉及到中文的字体一般多以粗大的文字来代表一种时尚,而英文字体中无论是粗或细、大或小都能体现时尚气息。无衬线的英文文字很好的迎合了画面的干净、简洁的设计,不像有衬线的文字显得过于繁琐,也没有那种很强的简洁感。

设计师技巧:文字处理与设计详解,PS教程,图老师教程网

画面分析:我们经常看到很多HIPHOP歌手穿着宽大的衣服和厚实的板鞋,设计师从这一点上可以联想到海报中整个字体中采用比较宽大厚实的字体作为主标题。HIPHOP给人的潮流感与时尚感也决定了主标题应该采用无衬线字体,所以我们在海报中就看到了宽大的无衬线字体,这样也迎合画面的节奏感。

设计师技巧:文字处理与设计详解,PS教程,图老师教程网

设计师技巧:文字处理与设计详解,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/pmsj/)

设计师技巧:文字处理与设计详解,PS教程,图老师教程网

设计师技巧:文字处理与设计详解,PS教程,图老师教程网

画面分析:上图为通用汽车旗下品牌科帕奇自由之路的活动官方网站,此次活动主要是科帕奇邀请广大车友重走史迪威公路,途经贵阳、昆明、密支那探寻二战时期最重要的生命补给线。这是对历史的一次回顾,整个画面设计都呈现出一种浓烈的历史怀旧气氛,所以设计师也采用了有衬线的英文文字(CHEVY CAPTIVA & ROAD OF FREEDOM)和中文文字(大标宋以自由之名,与雪佛兰科帕奇一起重走峥嵘生命线)。

-----------------------------

1、描边及其文字作用

文字描边的前提是当背景比较复杂或者是文字色彩与背景色彩非常接近的时候,就会采用描边的方式进行处理。

设计师技巧:文字处理与设计详解,PS教程,图老师教程网

画面分析:对于主题文字的描边就不能过于死板,可以适当的用色彩渐变的方式描边,当然文字的色彩渐变也必须要注意其识别性的问题,文字外形的构边还是构线条需要根据主题确定。图中文字激情开幕的描边增加了运动感,很好的吻合了主题需求。

描边特别注意事项:

(1)注意描边的前提:背景复杂或者是背景色与文字颜色接近时。反正总之是为了与背景隔离开,形成层次感加强对比,提高识别性。(如下图)

(2)正文文字就不能描边了,不然你会知道这是多么愚蠢的事情。

(3)越是时尚越是简洁的画面设计里面文字越忌讳描边,时尚讲究简洁是美。

(4)特别需要提出的是大型企业形象广告里面最好不出现文字描边!比如地产、汽车、美容等高端行业。文字描边在促销广告中很常见,因为描边会使得文字更加突出。

(5)描边前可以思考一下文字的处理方式,比如把字倾斜着、把文字错位等等。

设计师技巧:文字处理与设计详解,PS教程,图老师教程网

上图中图2就有一个典型的错误,白色描边不是错误,错误重点就在于激字的浅色和描边的白色明度对比太低,文字的识别性非常低。文字有两个作用:一是起信息传递的作用,就是向消费者清楚表达产品(品牌)信息,所以前提是能很清楚看的到字,这就是文字的识别性;二是起到装饰和点缀的作用,并不是所有文字都是起信息传递的作用,有时候它会起到弥补空间、点缀画面的作用。如下图:

设计师技巧:文字处理与设计详解,PS教程,图老师教程网

设计师技巧:文字处理与设计详解,PS教程,图老师教程网

上两张图人物后面的文字都起着装饰作用,而不是信息传递作用。可能有人会产生这样的怀疑:在时尚的画面中不是采用无衬线的字体吗?为什么画面中人物后面采用大标宋?这样不会显得很传统吗?或许你对时尚还没有深入了解,其实时尚并不紧紧是我们(年轻的读者)想象中的脚踏匡威板鞋、身着铅笔西裤、眼带方形镜框。我们理解的时尚应该叫做潮,相信很多设计师都是潮人。其实时尚还有另外一个层面就是对生活、事业、社会的一种态度和价值观,《时尚先生》更侧重于对成功人士的报道,而不紧紧是对外在穿着的分析。比如以往《时尚先生》封面人物有:成龙、张艺谋、崔健、黄秋生、李宇春等等。就拿2008年时尚先生评选活动来说吧,《时尚先生》就设立了年度传媒人物、年度教育人物、年度艺术家、年度环保先生、年度智美人物、年度最美丽女人、年度奥运精神、年度风尚设计师等奖项,由此我们可以看出时尚的精神层面。是品位?是态度?或许都是的!所有获奖的人员都是有着丰富的人生阅历和良好的精神态度。俗话说:三十而立,四十而不惑,五十而知天命,六十而耳顺,七十而从心所欲!或许获奖的魅力男士和女士都很明白对时尚的理解。

年轻人有不拘一格的时尚、成熟人士有马爹利的时尚。对于时尚的潮人,我们采用无衬线字体比较合适,比如细黑、细等线、雅黑等等,我们可以参考《时尚起义》网站www.shishangqiyi.com。对于有着成熟魅力的成功人士,我们采用大标宋或许也是不错的选择。大标宋笔画显得沉着稳重,和成熟人士的处事特点相得益彰。

设计师技巧:文字处理与设计详解,PS教程,图老师教程网

这是我们大多数年轻人理解的时尚潮。

设计师技巧:文字处理与设计详解,PS教程,图老师教程网

这难道不也是一种时尚吗?这幅画面的文字明显起着信息传递的作用了。文字粗大,对比强烈!

设计师技巧:文字处理与设计详解,PS教程,图老师教程网

这个画面兼顾了信息传递与装饰画面的双重作用!文字2008 BEIJING NEW LOOK的笔画与背景钢结构粗细略微相等,抽象的元素和前后(背景与文字)明度的对比就决定了画面文字的双重作用。

2、文字(图形)色彩叠加

• 文字的色彩叠加可以产生多彩的视觉效果,这样可以很好的丰富画面的整体效果,同时文字也不会显得呆板。

设计师技巧:文字处理与设计详解,PS教程,图老师教程网

设计师技巧:文字处理与设计详解,PS教程,图老师教程网

设计师技巧:文字处理与设计详解,PS教程,图老师教程网

设计师技巧:文字处理与设计详解,PS教程,图老师教程网

设计师技巧:文字处理与设计详解,PS教程,图老师教程网

设计师技巧:文字处理与设计详解,PS教程,图老师教程网

操作提示:一、在PHOTOSHOP里面将两个单独的图层采用正片叠底的图层混合方式即可,同时你也可以调整单个图层的透明度来达到你需要的效果。二、在CORELDRAW 9.0里面,先将两个图形(文字)CTRL+Q转曲后再调整透明度即可。或者采用多个图形选中后然后在菜单栏执行安排 / 造型 / 交叉命令得出相交的部分,再把相交的部分换成你需要的色彩。这个色彩一般是两个色混合后的色彩,如果你画过水粉或者熟悉色相环的色彩关系你就知道了,详细参考本书色彩部分。

3、文字虚实相间

文字的虚实相间会有很强的形式美对比,相信这是一种很好的处理方式。

设计师技巧:文字处理与设计详解,PS教程,图老师教程网

设计师技巧:文字处理与设计详解,PS教程,图老师教程网

设计师技巧:文字处理与设计详解,PS教程,图老师教程网

画面分析:文字的实虚可以用面和线来表示,一边线条居下,面居上,这样画面才有层次感,当然就上图上说,画面也不会显得过于单调。线条在整个画面中会呈现出很多细节,耐看性很强,同时也得注意画面的虚实粗细对比。

操作提示:在PHOTOSHOP里面,线条的产生可以采用描边(执行菜单栏编辑/描边)的方式完成。CORELDRAW里面可以用贝塞尔工具完成,如果是文字则可以再按F12来选择线条粗细情况,然后左键点击颜色窗口上方X图标。

4、文字切割、隐藏、嵌套

文字的切割与隐藏有会有一种残缺美,一种让人探索与想象的空间。

设计师技巧:文字处理与设计详解,PS教程,图老师教程网

设计师技巧:文字处理与设计详解,PS教程,图老师教程网

设计师技巧:文字处理与设计详解,PS教程,图老师教程网

设计师技巧:文字处理与设计详解,PS教程,图老师教程网

文字通过图形嵌套可以让文字更加生动,更加具有画面感。

设计师技巧:文字处理与设计详解,PS教程,图老师教程网

设计师技巧:文字处理与设计详解,PS教程,图老师教程网

设计师技巧:文字处理与设计详解,PS教程,图老师教程网

设计师技巧:文字处理与设计详解,PS教程,图老师教程网

设计师技巧:文字处理与设计详解,PS教程,图老师教程网

设计师技巧:文字处理与设计详解,PS教程,图老师教程网

设计师技巧:文字处理与设计详解,PS教程,图老师教程网

设计师技巧:文字处理与设计详解,PS教程,图老师教程网

设计师技巧:文字处理与设计详解,PS教程,图老师教程网

设计师技巧:文字处理与设计详解,PS教程,图老师教程网

操作提示:以上图为例,我们称九为基本造型、里面的图形纹理就简称图案。在PHOTOSHOP里面把基本造型九这个图层置于图案图层下方,然后降低图案的不透明度,直到我们看到图案在造型里面达到最佳效果后再按住CTRL单击基本造型九这个图层,再选中图案图层,然后按住CTRL+SHIFT+I(反选),再按DEL删除多余的部分,最后恢复图案图层的不透明度即可。在CORELDRAW里面执行图框精确裁减即可完成!

特别提示:图案的选择一定要吻合画面风格,如果是抽象图案图形最好不要是垂直的或者的水平的,最好具备一定角度,这样视觉效果会显得更加理想。如图:

设计师技巧:文字处理与设计详解,PS教程,图老师教程网

上图中数字3里面的图案就倾斜了60°左右,这样画面将在一定程度上打破呆板的感觉。

5、文字的空间设计

•文字的空间设计可以增强对画面主题的表现与诉说,同时也可以增强画面的有趣性和创意性。

设计师技巧:文字处理与设计详解,PS教程,图老师教程网

设计师技巧:文字处理与设计详解,PS教程,图老师教程网

特别提示:二维空间与三维空间的结合表现方式是创意广告里面非常常见的手法。同时我们也得注意二维空间与三维空间的联系性,也就说靠什么来把两个不相干的空间联系起来。色彩是最常见的媒介,以上两张图中色彩都起到了空间衔接的作用!

设计师技巧:文字处理与设计详解,PS教程,图老师教程网

画面分析:文字的穿插会使得画面的空间感会更加强烈,而不再给人以简单的平面感觉!特别是当画面只有两层关系的时候,插入第三者画面的空间感就建立起来了。很好理解,我们可以看到上图中原本只有四个人物和一个墙面背景两层关系,但是后来设计师再两者之间插入了文字,这样感觉就不一样了。

操作提示:在PHOTOSHOP里面用钢笔工具沿着人物胸部以上的外轮廓部分钩出来,然后选中文字图层按DEL删除文字与头部叠加的地方!注意在修剪文字图层前一定要将文字栅格化图层。在CORELDRAW里面用贝塞尔工具钩形后也可以完成同样的效果。

设计师技巧:文字处理与设计详解,PS教程,图老师教程网

设计师技巧:文字处理与设计详解,PS教程,图老师教程网

6、文字识别性处理

在不同的画面中文字的识别性处理也会不一样,

文字的识别性在一定程度也决定了广告的传播效果。

设计师技巧:文字处理与设计详解,PS教程,图老师教程网

画面分析:上图中我们可以假想如果没有白色的色块来铺底,想必文字是肯定看不清楚的,除非文字采用了特殊一些工艺。所以当背景图案比较复杂的时候,我们可以尝试用色块铺底来增强对文字的识别性。有人可能会有这样的疑惑:文字描边不可以吗?文字描边的方式也可以增强对文字的识别能力和突出文字呀?这里大家要明白档次的问题,我们在文字描边问题里面已经说了:文字描边不适合在形象画面中出现,这样档次就降低很多了。现在我们的设计对象是名片,名片是企业形象与个人形象展示的窗口,所以在这里不建议大家采用描边的方式来提高文字的识别性。

设计师技巧:文字处理与设计详解,PS教程,图老师教程网

画面分析:右图中我们看到整个底就是一个建筑画面,画面中并没有刻意留出一些空间给文字,以整张摄影画面铺底这种手法在时尚杂志中非常常见,因为这样杂志的画面感会很强!如果这样的画面中一定得放文字,那文字WE’VE GOT IT SUST的处理方式就很到位了。采用半透明的色块打底,然后用文字把画面修剪,很有透气清新的感觉,这样很好的配合了画面高明度和高纯度的色彩环境。其实这种感觉很像一些服装专卖店玻璃门上的磨砂图案。大家可以去adidas专卖店玻璃门看看这种感觉。

设计师技巧:文字处理与设计详解,PS教程,图老师教程网

画面分析:上图(网站页面)右侧的文字部分也采用了半透明的黑色色块来提高文字的识别性,同时我们可以假想没有这个色块,白色的文字看上去会是什么效果?这种方式是结合了前两种画面的处理方式。我们应该很清楚广告的两个目的:提示企业、品牌、产品形象和提高销售量。如果消费者连文字都看不到或者看不清楚(部分形象广告另外),那广告信息传递就有问题了。很简单,这样消费者看到画面后都不知道你在卖什么、产品有什么特点或者说你在表达什么?就更不谈什么销量了。就好像一个哑巴在给正常人说话一样,理解效果就会大打折扣!

设计师技巧:文字处理与设计详解,PS教程,图老师教程网

这张画面兼顾了空间设计与文字识别性处理,值得借鉴。

7、突出文字与提高文字易读性的方法

根据不同的文字及其画面环境进行设计处理。

(1)在是深色的底上加入文字,使文字更加突出与醒目。

设计师技巧:文字处理与设计详解,PS教程,图老师教程网

设计师技巧:文字处理与设计详解,PS教程,图老师教程网

画面分析:上面两张图中我们可以看到主要文字都集中在画面深色部分!也就是将文字的色彩与背景的色彩在明度上拉开距离,同时也得注意背景肌理图案不能过于复杂,否则即使明度对比再大,背景如果过于复杂,那文字也无法强调出来,前面的黑白名片就是一个典型的例子。我们经常会在一些时装杂志里面看到这种情况,所以设计师也得注意平时的视觉阅历与积累,积累形成感觉、感觉创造画面。

(2)将主要文字色彩饱和度提高,并变大变粗。

设计师技巧:文字处理与设计详解,PS教程,图老师教程网

(3)注重文字色彩在画面中的呼应关系。

设计师技巧:文字处理与设计详解,PS教程,图老师教程网

画面分析:画面中色彩的呼应是将原始画面已有的色彩再次重复出现。一般再次重复的色彩为原始画面的主色调或者是明度较高的色彩,从商业角度讲多为产品的主色调。上图中,文字的色彩就吸取了人物服装的色彩,事实证明这也是一个销售服装的公司的广告画面。这样的处理方式有很多好处:一是可以让画面色彩更加和谐;二是更好的统一了品牌视觉形象,更有利于加深消费者对品牌的印象与认知。统一鲜橙多、绿茶等品牌的广告画面都是如此。消费者往往会不知不觉从色彩方向去判断品牌信息,因为色彩是品牌视觉传达里面最活跃的元素。比如你走在一条品牌服装街上,一看到黑白色的服装相信很多人第一感觉就是阿迪达斯,一看到粉色就会感觉是阿依莲等等。

设计师技巧:文字处理与设计详解,PS教程,图老师教程网

设计师技巧:文字处理与设计详解,PS教程,图老师教程网

设计师技巧:文字处理与设计详解,PS教程,图老师教程网

(4)提高文字易读性的方法。

关键词:大写字母、文字字号大小、视觉浏览习惯、手稿体、反排、行距

设计师技巧:文字处理与设计详解,PS教程,图老师教程网

画面分析:全部采用大写字母,对于大标题、简短的提示都比较合适。但是不能过多、过长,这样看起来就很累了,自然易读性也就降低了很多。我们经常在很多奢侈品广告中看到以英文作为大标题的情况,为什么?因为大写英文字体给人一种傲视世俗、雍容华贵的感觉,所以大写文字在奢侈品中运用的非常常见,中文、英文都是如此。比如地产、名表、服装、化妆品、珠宝等等。如下图:(万城华府、世贸集团、白皙)

设计师技巧:文字处理与设计详解,PS教程,图老师教程网

设计师技巧:文字处理与设计详解,PS教程,图老师教程网

设计师技巧:文字处理与设计详解,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/pmsj/)

设计师技巧:文字处理与设计详解,PS教程,图老师教程网

设计师技巧:文字处理与设计详解,PS教程,图老师教程网

画面分析:在选择文字大小的时候一定得考虑文字与目标群体的距离、目标群体的视力及其画面主题的主次之分。

先说说文字与目标群体的距离:我们经常会看到很多户外擎天柱广告牌,这些广告牌上面的字号都非常大;而我们所看到的小说里面的字号就非常小。这些都是依据目标人群与画面之间的距离决定文字大小的,距离越远字号越大、距离越近字号也就越小。但是字号小并不完全是由距离决定的,有时候会有其他因素来左右字号。比如说一些潮流杂志、时尚杂志里面的字号就非常小,这是因为这些杂志中画面很多,并且设计师希望通过小的字号来增强画面的精致感。一般时尚杂志里面的正文字号在5-6之间,非常小。

文字大小还有一个确定因素是目标群体的视力,这里所指的目标群体多半是指小孩和老人。我们肯定有这样的印象,小时候我们的语文课本里面的字就非常大,而到大学了,里面的字号就相对变小了。几年前我曾经服务过一家大型的事业单位,他们要设计一本宣传物,观看这本宣传物的对象都是上了年纪的企业领导。他们宣传部的负责人特意叮嘱我一句话:最好把字号放大一点!其实我们也不要忽略这一点:在任何时候行距一定是大于字距的,只有这样文字的易读性才会更高。假想一下如果字与字之间的距离大于行与行之间的距离会是什么结果?

任何画面里面的文字都是有主次之分的,主标题到副标题到正文文字的字号大小一般是由大到小,笔画是由粗到细!一般根据人的视觉浏览习惯从上到小,字号也是由大到小的,当然不排除特殊情况,比如时尚杂志正文的记者、美编等工作人员的职位等文字字号是很小的,比正文还要小。人还有一个视觉浏览习惯就是从左到右,当然字号一般不是从大到小,而是从小到大。与其说从小到还不如说画面重心在右边,因为如果画面重心在左边那画面就会有一种漂移感,好像画面中的视觉元素要冲出画面一样,所以一般视觉重点(产品、代言人等)都会居右来挡住视线流出,常表现为:文字在左,图形在右。如下图(神行者2代、COGI高姿):

设计师技巧:文字处理与设计详解,PS教程,图老师教程网

设计师技巧:文字处理与设计详解,PS教程,图老师教程网

画面分析:手稿体(毛笔字体)比较适合一些短小标题或文字,还有请柬、签名之类的传统风格,不合适大面积使用!大面积的使用会导致易读性就差很多了。如上图所示。

设计师技巧:文字处理与设计详解,PS教程,图老师教程网

画面分析:黑色背景上的白色文字(也称之为反排)与白色背景上的黑色文字相较而言,易读性也差很多。但是并不能因此而反对这种手法的出现,在时尚杂志中我们也会经常看到黑色的底上有着些许的白色文字出现,如上图所示。设计师牺牲了一些文字的易读性来迎合整个画面的造型或者美感,这一点也是值得学习的!

但是当碰到反排的情况时候我们得注意以下几点: 首先当背景颜色比较深的时候,文字的选择尽量不要采用有衬线的字体,比如宋体,这样也会导致易读性越来越差。其次,文字字号不能过小,因为如果这种情况碰到印刷的时候就比较麻烦了,特别我们的媒介是报纸的时候,印出的成品几乎是看不清内容的(报纸纸张相较杂志纸张比较粗糙)。最后文字尽量采用与背景色彩高对比的纯色填充,而不要填充色彩渐变,这样也会导致易读性的降低,如上图。

-----------------

文字属性(金属、残缺等)与组合(上下、层次、排列等)

设计师技巧:文字处理与设计详解,PS教程,图老师教程网

设计师技巧:文字处理与设计详解,PS教程,图老师教程网

画面分析:不同的画面里面文字都有不同的处理方式,只有赋予主题文字外衣,画面才会更具内涵。我们可以从上图的文字处理手法看出一种强烈的金属感,这也正好迎合了(产品)汽车的特点。通过文字的处理来渲染画面无疑是个不错的选择。

设计师技巧:文字处理与设计详解,PS教程,图老师教程网

设计师技巧:文字处理与设计详解,PS教程,图老师教程网

设计师技巧:文字处理与设计详解,PS教程,图老师教程网

画面分析:随意斑驳的笔画与年轻人的桀骜不羁、个性张扬相得益彰。现实中很多年轻人都不喜欢一些条条框框、都不喜欢正统、喜欢杂乱无章、喜欢不拘一格,所以我们在画面中并没看到所谓的楷体、宋体等有衬线的传统字体。

设计师技巧:文字处理与设计详解,PS教程,图老师教程网

设计师技巧:文字处理与设计详解,PS教程,图老师教程网

设计师技巧:文字处理与设计详解,PS教程,图老师教程网

画面分析:文字的弧形设计颇具法式浪漫与尊贵的感觉。这一类文字设计多半出现在女性产品、年轻人产品及其与法式风格相关的一些比较浪漫、唯美和高贵的画面中。

展开更多 50%)
分享

猜你喜欢

设计师技巧:文字处理与设计详解

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
设计师技巧:文字处理与设计详解

详细解析Banner设计之文字处理

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
详细解析Banner设计之文字处理

什么是极简主义 如何打造极简风格家居

家居设计 装修设计
什么是极简主义 如何打造极简风格家居

工作型PPT文字处理技巧

电脑入门
工作型PPT文字处理技巧

20个Word文字处理技巧

电脑入门
20个Word文字处理技巧

2017榻榻米书房设计装修效果图 榻榻米书房设计图片

榻榻米 书房 装修设计 书房设计 平面设计
2017榻榻米书房设计装修效果图 榻榻米书房设计图片

WPS文字处理微技巧三则

电脑入门
WPS文字处理微技巧三则

文字处理 ----Illustrator 基础教程

Illustrator
文字处理 ----Illustrator 基础教程

2017春夏女装风衣外套流行趋势

服装设计 平面设计 设计 服装搭配
2017春夏女装风衣外套流行趋势

摄影技巧教程:夜间摄影的常见问题

摄影技巧教程:夜间摄影的常见问题

在线广告也是网页设计的组成部分

在线广告也是网页设计的组成部分
下拉加载更多内容 ↓