网页设计中的文字运用

网页设计中的文字运用

网页设计中的文字运用

字号

▼字号大小可以用不同的方式来计算，例如磅#quotel.quoter#

或像素(Pixel)。因为以像素技术为基础单位打印时需要转换为磅，

所以，建议采用磅为单位。

最适合于网页正文显示的字体大小为12磅左右，现在很多的综

合性站点，由于在一个页面中需要安排的内容较多，通常采用9磅

的字号。较大的字体可用于标题或其他需要强调的地方，小一些的

字体可以用于页脚和辅助信息。需要注意的是，小字号容易产生整

体感和精致感，但可读性较差。

字体

▼网页设计者可以用字体来更充分地体现设计中要表达的情感。

字体选择是一种感性、直观的行为。但是，无论选择什么字体，都要依据网页的总体设想和浏览者的需要。

例如：粗体字强壮有力，有男性特点，适合机械、建筑业等内容;细体字高雅细致，有女性特点，更适合服装、化妆品、食品等行业

的内容。

在同一页面中，字体种类少，版面雅致，有稳定感;字体种类多，则版面活跃，丰富多彩。关键是如何根据页面内容来掌握这个比例

关系。

从加强平台无关性的角度来考虑，正文内容最好采用缺省字体。因为浏览器是用本地机器上的.字库显示页面内容的。作为网页设计

者必须考虑到大多数浏览者的机器里只装有三种字体类型及一些相

应的特定字体。而你指定的字体在浏览者的机器里并不一定能够找

到，这给网页设计带来很大的局限。解决问题的办法是：在确有必

要使用特殊字体的地方，可以将文字制成图像，然后插入页面中。

行距

▼行距的变化也会对文本的可读性产生很大影响。

一般情况下，接近字体尺寸的行距设置比较适合正文。行距的常规比例为10:12，即用字10点，则行距12点。这主要是出于以下

考虑：适当的行距会形成一条明显的水平空白带，以引导浏览者的

目光，而行距过宽会使一行文字失去较好的延续性。

除了对于可读性的影响，行距本身也是具有很强表现力的设计语言，为了加强版式的装饰效果，可以有意识地加宽或缩窄行距，体

现独特的审美意趣。例如，加宽行距可以体现轻松、舒展的情绪，

应用于娱乐性、抒情性的内容恰如其分。另外，通过精心安排，使宽、窄行距并存，可增强版面的空间层次与弹性，表现出独到的匠心。

行距可以用行高(line-height)属性来设置，建议以磅或默认行

高的百分数为单位。例如：{line-height：20pt｝、{line-height：150%｝。