网页排版是近年兴起的一个普通排版的分支概念。虽然，图片也可以传递信息，但网站上的内容大部分是由文字组成。这就是网络排版如此受重视的原因。排版的重要性丝毫不亚于视觉层次，合适颜色的选取，网站功能以及其它特性。我们从来没低估过网络排版的重要性，也深知它在良好的用户体验中所发挥的重要作用。任何追求漂亮版面的人都知道，印刷排版跟网络排版完全是两码事。尽管有些规则可能相同，但网页设计所处环境完全不同，两者都有自己一套必须遵守的规则和准则。两者的原理不同，不能同时存在，跨越这个界线可能会导致排版混乱。今天就随博文网站建设小编一起来了解一下吧!

　　1、 字体大小与行距

　　在早期的网页设计中，设计师为了追求中文字体的最佳视觉效果，经常使用12px像素的字号。其实在现在看来，网站内容页面用这么小的文字是不可取的，小字体的可读性很差，没有多少人愿意非常费力的盯着屏幕去辨识那些小字。应该说，将文字的字号设置成14px或者更大的16px会更加合理，浏览者阅读起来也更加轻松。当然，如果条件允许，可以在文章阅读页面增加选择字体大、中、小的连接。

　　文本之间的行距是非常重要的，因为挤在一起的文章会让读者看起来非常累，时不时的还会看错行。在面对密密麻麻挤在一起的长篇文字时，很少有人有耐心会看下去(至少我是如此)。一般情况下，文本的行距为1.5em与1.7em之间比较好，最好不要高于2em，否则过犹不及。

　　2、间距问题

　　尽管，很少遇到网站排版中出现层级结构的问题，但相当多的网站排版却存在间距排列的问题。网站所有元素的间距都必须按照一定的条理进行排列，因此你在处理间距必须遵循这些条理。你可能需要去了解以下的专用术语：行距大小(Leading Size)、字偶间距(Kerning)和字间距(Tracking)。

 

       博文网站建设

　　行距大小是一种增加或减少文本行之间产生的空格的方法。点击此处阅读，你就知道到为什么减少行距有利读者阅读。字偶间距是调节字符间空格，使其达到更愉悦的视觉效果的过程。使用字间距同样能达到字偶距调整的效果，两者之间的唯一差别在于空格的产生，字间距是在每个字符间产生等量的空格，而字偶间距是调整的基于字符对所产生的空格。

　　3、常用标签定义

　　这个问题前面已经提到了，具体情况因人而异，这里举个例子说明一下。假如我需要重新定义em标签，通常em标签都是显示为斜体的，我为了让他更突出，给他加一个颜色定义“color:green;”，这样我们在使用这些预定义标签的时候会更加得心应手，也更加符合自己的需要。

　　4、颜色和调色板

　　排版中的颜色并不专指单一的文本颜色，通常是指网站用到的所有颜色。网站用到的图片和颜色相当于文本的“背景”，因此使用颜色时要谨慎。网站的元素要和排版颜色协调，不要让文本显得模糊不清。你也可尝试较大尺寸的排版(又称为宏观排版)来达到更好的效果。简单来说，宏观排版就是使用更大的文本来吸引用户。它的长度通常不能超过1到4个单词，因此，保持文字的简洁性和正确性就显得格外很重要。

　　

 

http://xuzhou.cpa.js.cn/fuwu/33882.html