网页排版研究和工作，再怎么强调都不为过。

在我们看□□来，之所以更□□□多用户选丨择公众号、自媒体，而舍弃网□□站、网页，除过技术✦发展、习惯、流行等问□□□题之外，一个相关□□□的因素就✦是排版。普遍上看，微信公众□□号运营比□□□网站运营，更注重排□□版。
所以，网页排版，有进一步改进和优化的空间。

网页设计□□□的排版，大体上可◎以分为两□□□类：微观层面□□□□的排版和□□宏观层面♦的排版。

排版的分类

所谓微观★层面的排□□版，就是针对□□单个字体□□的排版，包括字体□□□的选择、字号、字体装饰、字间距、字数等等。
所谓宏观□□□层面的排☆版，指的就是□□一整段文◢字或者整□□□□篇文章的□□布局，以及与整★个网站主✦体、颜色、背景、格局、构架的关♦系。
微观层面□□□□的排版，目的是为□□□了提高访•客的易读□□□□性。例如，如果字号□□□□过小、间距过密，用户读起□□来就比较□□□□困难，甚至连看□□□□都不想看。
宏观层面□□□□的排版，目的是为□□□了提高网◉页的美观◇和审美性，例如，安排以适丨当的段间□□距，可以让整□□个网页看♦起来大气、协调。
可读性是□□□指读者可□□以轻松地❖阅读一篇□□□文章或一□□□□个网页。易读性是□□不同的，它指的是□□一个单词□□中字形的□□□□间距和排□□□列，以及它是□□否容易被□□□识别。现在，让我们来□□□□看看设计□□□师目前使□□□用的两种□□□不同的技□□□□术，以创建和·谐且可读□□□□的web页面。

宏观排版：增加网页的可读性

愿意去读，就是可读性。网页的宏观排版，包括如下内容：
页边距：添加页边□□□距有助于□□□□构建web页面的内○容。通过添加✦边距，可以定义✦从文本到web页面其他□□元素的距●离。围绕文本☆的空白空□□□间有助于□□□创建与文□□本和环境△的关系。边距也可□□□以帮助创□□□造一种和□□□□谐的整体□□□设计感。
例如，如果内容□□放置在两▲列之间，空白分隔□□□内容。页边距的□□放置方式□□允许读者□□□轻松地阅□□□读左右栏□□□□中的内容。分隔两者□□的空间有□□□助于定义□□□□列与布局◎的总体设◣计之间的□□□□关系。还可以直●观地设置□□页边距，只需移动□□□足够的距□□离，就可以让□□□□阅读变得□□舒适。
要创建和谐的web页面，必须注意文本与元素形状之间的比例。

微观排版：增加网页易读性

所以易读性，就是阅读更加容易，效率更高。微观排版，包括如下内容：
字体的选□□择。 在选择字●体时，要注意整◆体的可读□□性，其次是风□□格和感觉□□□□上的细微□□差别。标题和副◥标题将用□□□户吸引到♦文本中，因此选择□□□正确的字□□体样式非□□□□常重要，因为它为□□□整个布局□□□□设置了基※调。
对比。对比在排□□□版和网页□□□设计中扮□□□□演着重要※的角色。把文本放□□□在对比度□□□高的背景❖上有助于✦提高可读□□□性。白色背景□□□上的深灰□□□□色文本，这是增强web内容可读丨性的经典□□□□设计。
字体大小。字体大小□□□□通常是在□□边距和宽♦度设置好•之后选择丨的。指导原则□□□通常表明□□每行大约8-12个单词是▲标准的行□□长。这将确保□□□□为用户提□□供愉快的□□□□阅读体验，并帮助他□□□轻松地阅◇读内容。
行高。行高通常□□□□是在设置□□□□好行长后□□选择的。行长越长，行高越高，反之亦然。您可以将□□□行高设置□□□□为浏览器✦默认值，因为这将□□□□确保它与□□元素的字□□□□体大小成□□□□正比。
在网上组□□织和调整□□□□字体需要◇时间、精力和耐♦心。但如果做□□□□得正确，它可以使□□□□网页有所□□□不同。注意样式、对比度、颜色、大小边距、间距以及□□□□行高和行☆宽，这将帮助□□您设计能□□□够吸引用丨户并使他□□□们对页面▽内容感兴◇趣的网页。