文字在平面设计艺术中的运用方法和技巧

chinatxj 发表于: 2007-12-22 23:08 来源: 扑奔PPT网

文字是人类文化的重要组成部分。无论在何种视觉媒体中,文字和都是其两大构成要素。文字排列组合的好坏,直接影响着版面的视觉传达效果。因此,文字是增强视觉传达效果,提高作品的诉求力,赋予版面审美价值的一种重要构成技术。

  在这里,我们主要谈谈在平面设计中文字设计的几条原则,以及文字组合中应注意的几点。特别提醒一下,这部分工作应该是人脑完成的工作,是无法代替的。

  下面我们分别从以下几个方面具体讲述文字排列在平面设计中的运用,各小节都配有生动精彩的图例剖析

  
  设计中的文字应避免繁杂零乱,使人易认,易懂,切忌为了设计而设计,忘记了文字设计的根本目的是为了更有效地传达作者的意图,表达设计的主题和构想意念……

  
  文字在画面中的安排要考虑到全局的因素,不能有视觉上的冲突。否则在画面上主次不分,很容易引起视觉顺序的混乱,有时候甚至1个像素的差距也会改变你整个作品的味道……

  
  在视觉传达的过程中,文字作为画面的形象要素之一,具有传达感情的功能,因而它必须具有视觉上的美感,能够给人以美的感受……

  
  根据作品主题的要求,突出文字设计的个性色彩,创造与众不同的独具特色的字体,给人以别开生面的视觉感受,有利于作者设计意图的表现……

  
  文字不仅要在字体上和画面配合好,甚至颜色和部分笔画都要加工,这样才能达到更完整的效果,而这些细节的地方需要的是耐心和功力……

  文字版面的设计同时也是创意的过程,创意是设计者的思维水准的体现,是评价一件设计作品好坏的重要标准。在现代设计领域,一切制作的程序由电脑代劳,使人类的劳动仅限于思维上,这是好事,可以省却了许多不必要的工序,为创作提供了更好的条件。但在某些必要的阶段上,我们应该记住:人,才是设计的主体。

  1. 提高文字的可读性

  文字的主要功能是在视觉传达中向大众传达作者的意图和各种信息,要达到这一目的必须考虑文字的整体诉求效果,给人以清晰的视觉印象。因此,设计中的文字应避免繁杂零乱,使人易认,易懂,切忌为了设计而设计,忘记了文字设计的根本目的是为了更好,更有效的传达作者的意图,表达设计的主题和构想意念。

  举例如下

  让你想表达的内容清晰,醒目。让阅览者一开始就可以明白你的意思

  避免使用不清晰的字体,否则容易使阅览者产生反感和麻烦(除非你需要这种效果)

  恰当的选择你所需要的字体

  但是,经过特别的处理,你可以使用一些本来并不合适的字体,比如

  注意文字在编排时的方向,注意安排阅览者的视线

  如果:

  那么,你可以做成这样

  或者是这样也可以

  最后一点,通常情况下,你应该


  2. 文字的位置要符合整体要求

  文字在画面中的安排要考虑到全局的因素,不能有视觉上的冲突。否则在画面上主次不分,很容易引起视觉顺序的混乱。而且作品的整个含义和气氛都可能会被破坏,这是一个很微妙的问题,需要去体会。不要指望电脑能帮你安排好,它有时候会帮你的倒忙。细节的地方也一定要注意,1个像素的差距有时候会改变你整个作品的味道。

  举例如下:

  安排好文字和图形之间的交叉错合,既不要影响图形的观看,也不能影响文字的阅览。


  如果你不小心做成了这样(有意安排这种效果的不在此例)

  文字一定不要全部都顶着画面的边角,这样看起来很不专业

  再说一点细节上应该注意的问题,这是容易忽视的地方,也是容易出问题的地方

  这样看起来就好一点了



  3.在视觉上应给人以美感

  在视觉传达的过程中,文字作为画面的形象要素之一,具有传达感情的功能,因而它必须具有视觉上的美感,能够给人以美的感受。字型设计良好,组合巧妙的文字能使人感到愉快,留下美好的印象,从而获得良好的心理反应。反之,则使人看后心里不愉快,视觉上难以产生美感,甚至会让观众拒而不看,这样势必难以传达出作者想表现出的意图和构想。

  举例如下:

  这是一个带有图形的文字版面,也许你认为这样也不错了

  但是是不是太平淡了呢?改一下文字的位置和大小,效果又会怎么样呢?看下图

  或者是这样也可以,看下图

  感觉到了什么吗?其实就是这么微妙,有时只是一点小变化,味道却不一样多了。

  再看看字间距的问题

   改一下看看,好一点了吗?

  对于大的字体如果你照搬上面的做法,也许你会处理成这个样子,这样看起来字与字之间会比较松散

  调整后是这样,看起来紧凑多了。字与字之间的对应关系也出来了

  再看看段落文字的处理

  字体加大后,段落之间的距离也应该随之调整(在这里,小字体同样应用这一规则,不过是相反的)

  比如,没有调整段落距离的时候

  调整后可以是这样

   如果有多个段落,就要注意更多的问题,比如主次和轻重,以及在内容表达当方面的重要程度等,看这个例子

  看看这个不错的版面的处理



  4.在设计上要富于创造性

  根据作品主题的要求,突出文字设计的个性色彩,创造与众不同的独具特色的字体,给人以别开生面的视觉感受,有利于作者设计意图的表现。设计时,应从字的形态特征与组合上进行探求,不断修改,反复琢磨,这样才能创造出富有个性的文字,使其外部形态和设计格调都能唤起人们的审美愉悦感受。

  举例如下:

  这是一个很普通的文字版面

  那么加一点自己的感受在里面,对文字的大小、间距、透明度做些调整,就会是完全不同的效果了。很有意思是吗?

  根据画面或作品的要求,可以使用一些图形化的文字(这可是汉字设计的一种新观点)。
  注:所谓“文字图形化”即将文字笔画做合理的变形搭配,使之产生类似有机或无机图形的趣味。强调字体本身的结构美和笔画美。

  比如:

  一开始好象总感觉文字在这里面的表现力有些苍白了。对主题的表达没有什么帮助。那么试一下改成这样行不行  味道出来了吗?在一定的条件下,确实不能用电脑中提供的字体,必须要自己创造。这也是汉字魅力所在的地方。

  比如这个(没有太多的考虑的情况下)

  再看看设计的做法

  差别就在这里,也许只是一点小改动,但是需要你思考的却更多。有时候对文字的笔画做特殊的加工处理往往会产生一些意想不到的效果。而这样的处理是带有创造性的,同时人性化的味道也会更浓一些。这是电脑字体所无法替代的效果,带给观看者的感受自然会要强烈的多。
大家对 文字在平面设计艺术中的运用方法和技巧 的评论
chinatxj 发表于 2007-12-22 23:09:06
5.更复杂的应用

  文字不仅要在字体上和画面配合好,甚至颜色和部分笔画都要加工,这样才能达到更完整的效果。而这些细节的地方需要的是耐心和功力。记住一定要有自己的想法和感受在里面,如果想表达自己对作品的态度,就不要在文字上偷懒,这也是不能偷懒的地方。

  对作品而言,每一件作品都有其特有的风格。在这个前提下,一个作品版面上的各种不同字体的组合,一定要具有一种符合整个作品风格的风格倾向,形成总体的情调和感情倾向,不能各种文字自成一种风格,各行其是。总的基调应该是整体上的协调和局部的对比,于统一之中又具有灵动的变化,从而具有对比和谐的效果。这样,整个作品才会产生视觉上的美感,符合人们的欣赏心理。 除了以统一文字个性的方法来达到设计的基调外,也可以从方向性上来形成文字统一的基调,以及色彩方面的心理感觉来达到统一基调的效果等等。
 
  比如:

  一个简单的例子  经过修改之后的

   再来看看更复杂的:这个画面中所有的出现文字元素都经过了仔细的处理,这是根据主题的需要所必须的。如果没有这样的文字设计或许作品本身的感染力会弱的多。

  在有图片的版面中,文字的组合应相对较为集中。如果是以图片为主要的诉求要素,则文字应该紧凑地排列在适当的位置上,不可过分变化分散,以免因主题不明而造成视线流动的混乱。

英文字体在美术设计中的分类及特点


英文印刷新字体
英文字体品种主要有白正细体、白正粗体、白斜细体、白斜粗体黑正粗体、黑斜粗体、花体、标题黑斜体、标题黑正体、斜黑体、书版正体、书版斜体、书版狭身正体、细黑正体、名片正黑体、美术正体、美术广告斜体、广告装饰体、广告狭身正体等。
西文印刷字体
西文字体通常按不同字形来分类,不同的造型特点形成了各种各样的字体,各种字体充分体现了设计者的个性,形成了各自的风格和特点。在以后的长期使用中,这些字体又派生出许多变形字体,这些变形字体具有同样的特征和一致的倾向。一般把具有共同特征的字体群称为西文字体体系,西文字体多以活字设计者、雕刻者、活字铸造者或伟人的名字命名。也有用字体的发源地地名作为西文字体体系的名称。西文字体的种类极为丰富,繁多,美国有1800多种,全世界有5000~6000种,西文字体主要是拉丁字母的体式。
拉丁字母起源于图画,是由古埃及象形文字演变发展而来,希腊人在与腓基尼人在交往中,吸取了他们的文化,创造了希腊字母,成为现代拉丁文字母的雏形,到罗马废除初期王朝政体而实施共和时期,拉丁字母基本定型。罗马帝国出现时,拉丁字母得到很大发展并成熟起来,拉丁字母的发展不仅是一种文化的发展,而且字体也向美观实用的方向发展。
当时的腓尼基亚人对祖先的30个符号加以归纳整理,合并为22个简略的形体。后来,腓尼基亚人的22个字母传到了爱琴海岸,被希腊人所利用。公元前1世纪,罗马实行共和时,改变了直线形的希腊字体,采用了拉丁人的风格明快、带夸张圆形的23个字母。最后,古罗马帝国为了控制欧洲,强化语言文字沟通形式趋一,也为了适应欧洲各民族的语言需要,由I派生出J,由V派生出U和W,遂完成了26个拉丁字母,形成了完整的拉丁文字系统。
罗马字母时代最重要的是公元1到2世纪与古罗马建筑同时产生的在凯旋门、胜利柱和出土石碑上的严正典雅、匀称美观和完全成熟了的罗马大写体。文艺复兴时期的艺术家们称赞它是理想的古典形式,并把它作为学习古典大写字母的范体。它的特征是字脚的形状与纪念柱的柱头相似,与柱身十分和谐,字母的宽窄比例适当美观,构成了罗马大写体完美的整体。
在早期的拉丁字母体系中并没有小写字母,公元4世纪--7世纪的安塞尔字体和小安塞尔字体是小写字母形成的过渡字体。公元8世纪,法国卡罗琳王朝时期,为了适应流畅快速的书写需要,产生了卡罗琳小写字体,传说它是查理一世委托英国学者凡·约克在法国进行文字改革整理出来的。它比过去的文字写得快,又便于阅读,在当时的欧洲广为流传使用。它作为当时最美观实用的字体,对欧洲的文字发展起了决定性的影响,形成了自己的黄金时代。
15世纪是欧洲文化发展极为重要的时期,在这一时期德国人古腾堡发明铅活字印刷术,对拉丁字母形体的发展起了极为重要的影响。原来一些连写的字母被印刷活字解开了,开创了拉丁字母的新风格。同时这一时期正是欧洲文艺复兴时期,技术与文化的发展、繁荣迅速推动了拉丁字母体系的发展与完善,流传下来的罗马大写字体和卡罗琳小写字体通过意大利等国家的修改设计,完美地融合在一起。卡罗琳小写字体经过不断的改进,这时得到了宽和圆的形体,它活泼的线条与罗马大写字体娴静的形体之间的矛盾得到了完满的统一。这一时期是字体风格创造最为繁盛的时期。
18世纪法国大革命和启蒙运动以后,新兴资产阶级提倡希腊古典艺术和文艺复兴艺术,产生了古典主义的艺术风格。工整笔直的线条代替了圆弧形的字脚,法国的这种审美观点影响了整个欧洲。法国最著名的字体是迪多(Firmin Didot)的同名字体,更加强调粗细线条的强烈对比、朴素、冷严但又不失机灵可亲。迪多的这种艺术风格符合了法国大革命的精神,是有现实意义的。在意大利,享有“印刷者之王”和“王之印刷者”称号的波多尼 (Giambattista Bodoni)的同名字体和迪多同样有强烈的粗细线条对比,但在易读性与和谐上达到了更高的造诣,因此今天仍被各国重视和广泛的应用着。它和加拉蒙、卡思龙都是属于拉丁字母中最著名的字体。
20世纪80年代以来,电脑技术不断完善,在设计领域逐步成为主要的表现与制作工具。在这个背景下,字体设计出现了许多新的表现形式。利用电脑的各种图形处理功能,将字体的边缘、肌理进行种种处理,使之产生一些全新的视觉效果。最后是运用各种方法,将字体进行组合,使字体在图形化方面走上了新的途径。
以上资料来自文字设计概论:文字设计的历史与发展。
拉丁字母的分类:拉丁文的字体种类很多,通常人们根据字体的发展和特点分类。拉丁字母字体一般按体系分,每一体系中又有许多体式。体系分为罗马体体系、哥特体体系、埃及体体系、无饰线体体系、手写体体系、装饰体体系、图形体体系。每种体系里各自又有一些字体。

Windows字体
Windows字体分为光栅字体(.FON)和可缩放字体;也可分屏幕字体、字体以及打印和屏幕都适用的字体。TrueType字体(TTF)就是打印和屏幕都适用的可缩放字体。还有一种字体分类方法:比例字体和固定字体,即英文字体和中文字体。
有一类字体是我们感兴趣的,它使用的字符集与Windows ANSI或OEM字符集毫无共同之处,我们称为非正文字体或符号字体。最重要的是“Marlett”。它是Windows的系统字体之一,开始菜单中的“4 ”,窗口右端的最大化、最小化、还原、关闭按钮,单选、复选框前的“√”,以及用于状态条中的“5 6 ”等等,都是用该字体建立的。此字体不能删除,否则前述符号都将变为数字形式。
除此之外,用得较多的字体有:“Symbol”、“Wingdings”、“Webdings”、“Monotype Sorts”和“MT Extra”(后两种为office97所带)。其中“Symbol”字体用于数学公式中,包括希腊字母、数字、运算符、集合符号和其它符号;“Webdings”字体汇集了日常生活中常用的表意符号,如:电话、书本、眼镜、信封、剪刀、钟表、手势、箭头等;“Monotype Sorts”中包含了200多种箭头、指示符和标记;“MT Extra”中只有很少的数学符号,用来扩充“Symbol”字体。“Webdings”字体是对“Marlett”和“Wingdings”字体的补充。
此外,安装应用软件也会安装一些特殊的符号字体。最后就是我下载的一千多种英文字体,相信这些足以能够满足字体的要求了。
计算机中字形库分类

  
计算机中字形库分为低分辨率和高分辨率两大类。
  低分辨率字形库用于一般的信息处理系统。又分为三个档次,低档简易型(16X16点阵)、中档普及型(24X24点阵)、高档提高型(32X32点阵)。
  高分辨率汉字字形库主要用于印刷系统。用于印刷系统的字形库必须在64X 64点阵以上,而激光照排系统精密字库则需要100X 100以上的点阵字形。
点阵方式
点阵字形是一种文字在计算机字库中字形信息的存储方式,这种方式称为点阵数字化。文字无论怎样变化都可以写在同样大小的方格内,即把一个方格分成256个小方格,或有256个“点”。点阵中每个点就有一种状态,即有笔画和无笔画。有笔画的就可以描绘文字的字形,所以称为点阵字形。若用二进制数字来表示点阵,1表有笔画,0表无笔画,点阵字形就要可用一连串的二进制数字来表示,这种方法称为点阵数字化。点阵的点数越多,文字的信息量越大,字形表示越精确。
特点:低标准点阵字的特点是能使用单纯字,字形不规整,有明显的阶梯,缺乏美感。点数越多,字的精度就高才能体现出字体的风格。但是这种点阵的字体若要用于印刷,字体的信息量很大,不方便,而且效果还不如其他形式的字库。
这种主要用于计算机的显示和打印输出。
精密型字库
也称数字化字库。一般是由200 X 200、400 X 400以上的点阵组成,能用于照排和印刷。近年来,国际上流行的PostScript页面描述语言发展很快,这种语言把字形看成图形,把文字作为图形处理,从而使字形变化十分丰富,更加美观。特点是字形美观,边缘光滑,笔画舒展自然,能完美再现字体的风格。
但随着印刷精度的提高,这种字库也不能很好的满足印刷要求了。
矢量字库
精密字库只是针对300DPI左右的输出,出现1000DPI的要求时字体放大后就有锯齿了,若字库太大不利于存储和传输,为解决这些缺点,发展起来了矢量轮廓字库。一般采用和压缩点阵相同的前端技术;在形成点阵之后用自动抽取轮廓的方法对点阵信息抽边,形成高离散的轮廓描述直线拟合的方法对离散轮廓做逼近形成轮廓的矢量描述修图的方法对初始轮廓做修正,使其达到效果。这样文字就可以方便的进行变换:如缩放、旋转、空心、加网、倾斜等。但是这种方法做出的了连续性不好,忠实度不够,在放大一定程度时有折痕。
高阶曲线轮廓字库
这种字库描述核心采用二次或三次曲线作为基,用特殊的手段保证在平滑过渡点的连续性。这种字库解决了前几代字模存在的问题,不公连续性好,字形美观而且变化丰富,不易走形。更好的符合印刷及高质量输出的要求。
英文字体的名称有一些极其相似,在字典中,其中有一些常用的大家可以记住:Bold——粗体,Italic——斜体,Light——细体,Extra——特级,Demi——一半,Medium——中等,Black——加黑,Condensed——缩小体,Expanded——扩大等等。

[ 本帖最后由 chinatxj 于 2007-12-22 23:11 编辑 ]
风戈 发表于 2007-12-29 16:35:56
看了
学习了
但还要看
一下没有记住
会再来看的
michelletian 发表于 2007-12-30 07:51:30
真的是很有启发的一篇文章呢,中文跟英文字体存在很大不同,在ppt排版中文字设计的效果是很关键的
liangliqiang 发表于 2007-12-30 07:57:34
学习了,不错,文字是平面作品中的一个重要组成元素。
azahyl 发表于 2007-12-31 15:29:30
还不错          学习了
虹虹Cherry仔 发表于 2007-12-31 15:35:19
好文章!不过一次记不了那么多,如果楼主可以作成教程就好了~当然是用PPT做啦~呵呵!
190551131a 发表于 2008-1-25 02:19:36
实在是好东西啊  我买票看
请654 发表于 2008-10-27 10:39:28
文章!不过一次记不了那么多,如果楼主可以作成教程就好了~当然是用PPT做啦~呵呵!
zhai2286 发表于 2008-12-19 06:09:56
实在是太强太好用了!谢谢楼主
金脑创意 发表于 2009-2-21 15:57:44
太好啊!!谢谢楼主!好好学学
parbird 发表于 2009-3-08 13:22:06
:$ 太棒了,谢谢
tussaud 发表于 2009-3-09 13:54:48
强烈学习中
victor_zw 发表于 2009-3-09 14:31:40
我要学习!
qwwz-zry 发表于 2009-3-09 15:41:37
图文并茂的好教材,谢谢楼主了
shengwu0117 发表于 2009-4-11 13:59:36
很好,谢谢分享
忘忧圈圈 发表于 2009-4-12 20:01:27
太是感谢了!!!估计一次记不住,以后再来看看
phoenix19890815 发表于 2009-6-14 17:25:45
很受用,感谢楼主
ZHOUSS1234 发表于 2009-7-19 22:11:18
高手如云
好人如潮
谢谢
pengmi 发表于 2009-12-14 20:27:33
太好了,谢谢谢谢~~
soundme 发表于 2009-12-17 17:37:09
学习一下啊!!!
最新PPT模板
最新贴子
PPT热贴