无限性与有限性——对网页文字设计的思考

黄长生 罗双根

无限性与有限性
——对网页文字设计的思考

黄长生 罗双根

文字作为信息传播的基本元素，是网页构成的基础。文字阅读的舒适程度直接关系到浏览者的心理感受；文字的好坏直接影响到整个设计的质量。网页设计中的文字设计除了具备文字设计的基本原理，还特别应该适应网络这一新媒体为基础的传播环境，文字设计的有限性与无限性正是基于此而产生。随着传播途径的巨大变化，传统的主要传播媒介纸质早已延伸到基于网络信息传输技术为主的新的屏幕空间。设计师在设计网页时，必须根据传播媒介的改变而做出相应的设计策略。平面媒介设计的一些设计原则，如对比、统一、和谐、秩序等，虽然在网页设计上也可以适用，但平面更主要是基于纸张的质地、油印的变化、版式设计，而网页则更关注其显示屏的屏幕分辨率和颜色质量、浏览者的光线环境和观看距离等方面。

虽然现今市场上的显示屏幕种类繁多，更新很快，从以前的14寸、15寸或17寸到现在的21寸、24寸甚至更大的液晶显示屏。但由于人们使用显示器的距离与视域的有限性，决定了屏幕发展空间的有限性，网页文字将主要在这尺寸范围之内进行合理的安排与设计。

字体选择也要考虑系统默认的文字终端用户。Windows系统只有几种常用字体，在主机上选择的特殊字体很难保证在不同的浏览器上都能显示出来，从而造成与原设计的大相径庭，这可能就是在你的网页当中相当漂亮的页面，在别人看来却很糟糕的原因。

基于上述网页设计显示屏幕及用户终端的字体库的各种有限性，网页文字设计时就应尽可能考虑其特点，主要应从字体的选择、字号的选择、颜色的匹配与编排等几方面来设计：

字体的选择。在选择字体时，应当“字如其人”，力求能够体现作品的特点和个性，同时应当注意文字在多数情况下是进行字面意义信息的传播，屏幕上的字体必须具备良好的识别性和可读性。字体本身是有视觉属性的，因此字体应根据网页的总体设计定位和浏览者的需要选择其字体。比如时尚类、女性类的网页，使用手写体、卡通的或纤细柔美的字体；游戏类、娱乐类网页，使用冲击力很强的字体，比较有张力感，有数码感觉；综合门户、企业类的网页则可以使用常规的宋、黑字体。从设计的角度看，这是很好的选择，但从终端用户而言，正文内容最好采用缺省字体，以免造成无法正常显示的后果。在字体的搭配上，同一页面中尽量不要使用超过三种字体，如果使用了三种以上的字体，也不能选择特性差别太大的，否则页面会显得杂乱无章。

字号的选择。字号是区分文字大小的一种衡量标准。网页文字的显示是基于屏幕的大小，与屏幕区域通常有密切的关系。在不同的显示器中，相同的字号大小会有所区别，主要是基于屏幕分辨率、屏幕大小两方面的原因。相同字号实际上是没有区别的，是一种视觉效果。网页设计一般选择9pt或11pt，但随着分辨率的提高与屏幕的增大，现在基本上使用12pt、14pt，有的甚至需要选择16pt。就同一网页而言，其字号变化也像字体一样宜少不宜多，以3-4级为佳。当然在针对特殊人群如老年人为主的网站时，字号就应该相应地选择更大些的，以适应老年人眼睛的不便。

颜色的选择。网页字体的颜色主要是背景和字体颜色的搭配问题。一般底色应柔和些，素淡一些，配上黑字，读起来自然流畅。而为了追求醒目的视觉效果，可用较深的颜色，再配上对比鲜明的字体颜色。相比较而言，饱和度较高，在用户浏览时更易于吸引注意，但也容易引起视觉疲劳，其实高饱和度的文字并不易于阅读。另外，要注意超链接颜色与单纯叙述文字的颜色区别，纯粹的叙述文字则可采用较暗、较深的颜色呈现，超链接文字则可用较饱和度相对较高的色彩来强调，访问过的超链接则应采用稍低于原超链接亮度的颜色进行区别。

编排设计。为了有序地组织信息、提高文字的可读性，行距的变化也起着十分重要的作用。一般而言，字体的高度为行距设置比较理想的尺寸。行距的常规比例为10:12，即用字10点，则行距12点。行距的变化除了影响浏览者对网页的阅读，本身也是视觉美感表现的重要因素之一。如为了加强板式设计风格，可以有意识地改变行距的宽度以体现独特的设计意味。此外，经过设计安排，使宽、窄行距并存同一网页中，也可以增强页面文字的跳跃性、层次性。

网页文字虽然具有以上所述屏幕的有限性，但也是一个相对的概念，比如一期《南方周末》报纸有几十个版面，但其电子版却在有限的首页通过几个导航把版面链接起来，屏幕有限性通过超文本链接变得无限穷尽；并通过动画把时间、空间、音效、质感等一切感知元素综合起来，使文字从基本的认知功能向情感功能转换，这也是平面媒介所不能具备的，也是网页设计无限性的魅力所在。

超文本是各种不同空间的文字信息通过超链接的方法而组织在一起的网状文本，节点之间相关性的链构成的一个具有一定逻辑结构和语义关系的非线性网络。超文本本质是实现交互设计，一个真正使读者摆脱线性的阅读，使读者真正成为上帝，使读者进入一个他真正感兴趣的文本。现在人们可以如愿地、彻底地摆脱纸面文本的束缚，新的问题又已出现，无穷尽的信息链接会不会把人给淹没，从而使链接没有意义。

文字作为交流的基本功能在平面和网页设计中没有改变，但表现的方式演变从来就没有停止过。特别是在数字技术助推下，增加了新的可能性：即动态文字设计或动态文本设计。动态文本与静态文本相比，通过时间、空间等元素的介入，使它更拥有丰富的情绪表现特征，可以有效地引导或操纵用户的注意力。

超文本、文字动态给网页文字设计带来的文本链接的无限性，在设计上主要把握以下几个方面：

超文本中的字、符号或词语起着链接的作用。在显示时，其字体要有颜色变化或标有下横线，以区别于一般的正文。当鼠标器的光标移到某个链接区域上，鼠标要有所区别。

超文本的层级。任何网页在组织信息时都有一个信息框架，网站首页视为第一级，与其有从属关系的页面视为第二级页面，二级页面又可以继续得到第三级页面，依此类推，从而得到一个完整的网页链接结构。链接的层数被称为网页链接的深度，而在网页结构里，最底层页面包含的页面总数被称为网页链接的广度。在分级方案上不能过于依靠深度或广度，如对于一个信息量不是很大的网站来说，将信息组成一个二至三层的结构，是一种深广度平衡的方式。但对于信息量很大很杂的网站来说，广度比深度的效果更好。

掌握网页文字在动态设计的基本属性，对设计有创意的动态文字，显得十分重要。时间性是由一系列不同瞬间动作变化的画面和每张画面的拍摄帧数来确定。流畅的运动，是由消极和积极的节奏速度混合而成，它必须保持平衡，协调时间上的节奏变化以达到最终的和谐效果。动态文字设计主要目的之一便是为了情绪的表达，但我们也要看到它的局限性。例如，在表现一个忧伤的词语时，我们不可能通过设计把它表现成一个欢喜的场面。动态文字设计只能加强词语已有内容的情感体验。在动态文字设计中，形态的变化设计与现实世界中重力作用在物体上的效果十分相似，从而产生逼真感。

网页文字的视觉信息传达随网络这一新型媒体而产生，是艺术与技术密切结合的产物。因此设计者必须了解多媒体网络技术的特点及制作方法，设计师只有顺应信息社会的时代艺术潮流，才能为网页文字设计打开一个更宽广的视野。

（作者单位：黄长生，罗双根，新余学院抱石美术学院）