(2)标识文字。标识型文字属于表意符号。在沟通与传播活动中,用某一种文字形态来
1.文字设计的基础
文字设计意为对文字按视觉设计规律加以整体的精心安排。文字设计是人类生产与实践 的产物,是随着人类文明的发展而逐步成熟的。进行文字设计,必须对它的历史和演变有个大 概的了解。
世界各国的历史尽管有长有短,文字的形式也不尽相同,但世界文字在历经悠久的历史 长河之后,逐步形成代表当今世界文字体系的两大板块结构:代表华夏文化的汉字体系和象征 西方文明的拉丁字母文字体系。汉字和拉丁字母文字都起源于图形符号,各自经过几千年的演 化发展,最终形成了各具特色的文字体系,如图 3-29 到图 3-31 所示。
图 3-29 古希腊字母
鸟 飞 走 找 划 眼 哭 统治
图 3-30 埃及象形文字
日 月 山 水 草 木 鱼 鸟
图 3-31 中国古代象形文字 2.文字设计的原则
(1)文字的适合性。信息传播是文字设计的一大功能,也是最基本的功能。文字设计重 要的一点在于要服从表述主题的要求,要与其内容一致,不能相互脱离,更不能相互冲突,破 坏了文字的诉求效果。尤其在商品广告的文字设计上,更应该注意,任何一条信息的标题,一 个字体标志,一个网站标志都是有其自身内涵的,将它正确无误地传达给浏览者,是文字设计 的目的,否则将失去它的功能。抽象的笔画通过设计所形成的文字形式,往往具有明确的倾向,
这一文字的形式感应与传达内容是一致的。
(2)文字的可识性。文字的主要功能是在视觉传达中向消费大众传达信息,而要达到此 目的必须考虑文字的整体诉求效果,给人以清晰的视觉印象。无论字形多么地富于美感,如果 失去了文字的可识性,这一设计无疑是失败的。因此在设计时要避免繁杂零乱,减去不必要的 装饰变化,使人易认、易懂,有效地传达信息、表达内容和构想意念。字体的字形和结构也必 须清晰,不能随意变动字形结构、增减笔画而使人难以辨认。
(3)文字的视觉美感。文字在视觉传达中,作为画面的形象要素之一,具有传达感情的 功能,因而它必须具有视觉上的美感,能够给人以美的感受。人们对作用于其视觉感官的事物 以美丑来衡量,已经成为有意识或无意识的标准。在文字设计中,美不仅仅体现在局部,而是 对笔形、结构以及整个设计的把握。要协调好笔画与笔画、字与字之间的关系,强调节奏与韵 律,创造出更富表现力和感染力的设计,把内容准确、鲜明地传达给观众。优秀的字体设计能
让人过目不忘,既起着传递信息的作用,又能达到视觉审美的目的。相反,字型设计丑陋粗俗、
组合零乱的文字,使人看后心里感到不愉快,视觉上也难以产生美感。
(4)文字设计的独特性。根据网站的建站目的与受众需求,突出文字设计的个性色彩,
创造独具特色的字体,给人以别开生面的视觉感受,将有利于网站良好形象的建立。在设计时 要避免与已有的一些设计作品的字体相同或相似,更不能有意摹仿或抄袭。在设计特定字体时,
一定要从字的形态特征与组合编排上进行探求,不断修改,反复琢磨,这样才能创造富有个性 的文字,使其外部形态和设计格调都能唤起人们的审美愉悦感受。
3.文字设计的方法
(1)整体风格的统一。在进行设计时必须对字体做出统一的形态规范,这是字体设计最 重要的准则。在组合文字时,只有在字的外部形态上具有了鲜明的统一感,才能在视觉传达上 保证字体的可认性和注目度,从而清晰准确地表达文字的含义。如在字体设计时对笔画的装饰 变化必须以统一的变化来处理,不能在一组字中每个字的笔画变化都不同、各自为政,否则将 破坏文字的整体美感,让人感觉杂乱无章、不成体系,这样就难以收到良好的传达效果,如图 3-32 所示。
图 3-32 风格统一的字体示例
(2)笔画的统一。字体笔画的粗细是构成字体整齐均衡的一个重要因素,也是使字体在 统一与变化中产生美感的必要条件。字体笔画的粗细要有一定的规格和比例,在进行文字设计 时,同一字内和不同字间的相同笔画的粗细、形式应该统一,不能使字体因变化过多而丧失了 整体的均齐感,使人在视觉上感到不舒服,如图 3-33 所示。
图 3-33 笔画统一的字体示例
(3)方向的统一。方向的统一在字体设计中有两层含义:一是指字体自身的斜笔画处理,
每个字的斜笔画都要处理成统一的斜度,不论是向左或向右斜的笔画都要以一定的倾斜度来统 一,以加强其统一的整体感。二是为了创造一组字体的动感,往往将一组字体统一进行方向性 的斜置处理。在作这种设计时,首先要使一组字中的每一个字都按同一方向倾斜,以形成流畅 的线条;其次在对每个字中的副笔画处理时,也要尽可能地使其斜度一致,这样才能在变化中 保持同一的因素,增强其整体的统一感,如图 3-34 所示。
图 3-34 方向统一的字体示例
(4)空间的统一。空间的统一是保持字体紧凑、有力、形态美观的重要因素。字体的统 文网站而言,宋体的适应性最强,黑体第二,微软雅黑次之。主流的英文字体包括 Verdana、
Georgia、Courier New、Arial、Times New Roman、Impact 六种字体,在各浏览器上显示统一 性也比较好。
<body bgcolor="color">
其中,color 表示不同的颜色。如蓝色背景的网页语法为:<body bgcolor="blue">。还可以 采 用颜色的 十六进制 表示方法 ,如 #0000FF、 #FFFF00 、 #000000 等,如 <body bgcolor=
"#00BFFF">表示背景色为亮蓝色。
颜色背景虽然比较简单,但也有不少地方需要注意。如要根据不同的页面内容设计背景
致在电脑桌面显示时不是一张图片,而是同一张图片在水平或竖直方向的反复重排。沙纹背景 就是这样的,在设计网页背景时,可以只用一个小图片或图标作为背景,而显示在页面上时,
就是这个图片或图标的反复排列,铺满整个网页,如图 3-36 所示。
图 3-36 沙纹背景示例 3.合成背景
合成背景是一种综合的并且极具个性的网页背景设置方法。例如在背景设置过程中,可 以先使用沙纹背景,然后在沙纹背景的基础上添加带有一定透明度的颜色背景,这时沙纹背景 使用的图片颜色就会发生变化。采用不同的颜色叠加方法,显示的效果是不一样的。这就是合 成背景的魅力,更吸引人的是,当你所设置的图片背景因为某种不可知的因素而不能正常显示 的时候,浏览器能够自动用你所设置的颜色背景取而代之。
4.局部背景
前面介绍的几种背景设计都是整个页面的背景,也可以为页面的局部设置背景。最为常 见的是在表格的设计当中,我们可以为表格设置不同于页面的背景,甚至在不同的表格单元中,
我们也可以设置各个表格单元背景。这样,在浏览器中可以看到不但表格整体有不同于页面的 背景,就是每一个单元格也可以设置各不相同的背景。
除此之外,我们还可以单独为某个文字段落设置背景,甚至为这个文字段落中的某几个 文字设置背景。