原文标题:网站内的文字与图像版式设计

　　文字与图像版式设计

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

　　一:字体、字号、行距

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

　　字号大小可以使用磅(pt)或像素(px)来表示。一般网页常用的字号大小为12磅左右。较大的字体可被用于标题或其他需要强调的地方，小一些的字体可以被用于页脚和辅助信息。需要注意的是，小字号容易使人产生整体感和精致感，但可读性较差无论选择什么字体，我们都要依据网页的总体设想和浏览者的需要来选择。在同一页面中，如果字体种类少，则版面雅致、有稳重感：如果字体种类多，则版面活跃、丰富多彩。关键是我们如何根据页面内容来掌握这个比例关系。

　　行距的变化也会对文本的可读性产生很大影响，一般情况下，接近字体尺寸的行距设置比较适合正文。行距的常规比例为10：12，即字用10磅，则行距用12磅。如图1-12所示，行距太小，字体看着很不舒服，行距被适当放大后，字体感觉比较合适。

　　行距可以通过行高(line-height)属性被设置，笔者建议以磅或默认行高的百分数为单位，如 line-height：20pt或 line-height：150%

　　二：文字的图形化

　　所谓文字的图形化，即把文字作为图形元素来表现，这同时又强化了其原有的功能网页设计师既可以按照常规的方式来设置字体，也可以对字体进行艺术化处理。设计师将文字图形化，以更富创意的形式表达出深层的设计思想，能够克服网页的单调与平淡，从而打动人心。

Tag标签:网站建设教程