2.6　文字与版式设计

文本是人类重要的信息载体和交流工具，所以网页中的信息也是以文本为主的。虽然文字不如图像直观形象，但是却能准确地表达信息的内容和含义。在确定网页的版面布局后，还需要确定文本的样式，如字体、字号和颜色等，也可以将文字图形化。

2.6.1　文字的字体、字号、行距

网页中默认的中文标准字体是宋体，英文字体是The New Roman。如果在网页中没有设置任何字体，在浏览器中将以这两种字体显示。

字号可以使用磅（point）或像素（pixel）为单位来确定，一般网页常用的字号为12磅左右。较大的字体可用于标题或其他需要强调的文字，小一些的文字可以用于页脚和辅助信息。需要注意的是，小字号容易产生整体感和精致感，但可读性较差。

无论选择什么字体，都要依据网页的总体设想和浏览者的需要。在同一页面中，字体种类少，版面雅致，有稳重感；字体种类多，则版面活跃，丰富多彩。关键是如何根据页面内容来掌握整体的比例关系。

行距的变化也会对文本的可读性产生很大影响，一般情况下，接近文字尺寸的行距比较适合正文。行距的常规比例为10:12，即文字为10点，则行距为12点，视觉效果比较合适。

行距可以用行高（line-height）属性来设置，建议以磅或默认行高的百分比为单位。如line-height:20pt和line-height:150%。

2.6.2　文字的颜色

在网页设计中可以为文字、文字超链接、已访问超链接和当前活动超链接选用各种颜色。如正常文字颜色为黑色，默认的超链接颜色为蓝色，用鼠标单击之后又变为紫红色。

使用不同颜色的文字可以使内容引人注目，但应该注意的是，对于文字的颜色，只可少量运用，如果什么都想强调，其实是什么都没有强调。况且，在一个页面上运用过多的颜色，会影响浏览者阅读页面内容，除非有特殊的设计目的。

颜色的运用除了能够起到强调整体文字中特殊部分的作用，对于整个文案的情感表达也会产生影响，如图2-25所示为多彩的网页文字。

另外需要注意文字颜色的对比度，包括明度上的对比、纯度上的对比及冷暖的对比。这些不仅对文字的可读性有影响，更重要的是，可以通过对颜色的运用，实现预想的设计效果、设计情感和设计思想。

2.6.3　文字的图形化

所谓“文字的图形化”，即把文字作为图形元素来表现，同时又强化了原有的功能。作为网页设计者，既可以按照常规的方式来设置文字，也可以对文字进行艺术化设计。无论怎样，一切都应该围绕如何更出色地实现设计目标这个主题。

将文字图形化，以更富有创意的形式表达出深层的设计思想，能够克服网页的单调与平淡，从而打动人心，如图2-26所示为图形化的文字。