网页设计的5个必备小技巧

优秀的排版可以提高用户的阅读积极性，反之则会降低用户的阅读积极性。优化排版就是优化界面，而界面设计，主要是关注界面的功能布局，是用户体验设计的一个子集，它关注的是大局：即整个体验，而不仅仅是界面，接下来就让我们来共同学习分享一些网页排版上的小技巧吧。

1.不能过多使用字体样式

不要使用太多的字体，那样只破坏你的布局。为了避免这种情况的发生，尽量把字体样式限制到zui小，一般情况下两到三个就很充足。

2.限制行的长度

Baymard Institute关于行的长度这样说：“如果你想要有一个好的阅读体验，每行应约60个字符。每行拥有适当的字符数量是让你的文本具有可读性的关键。”

行太短，视线要经常返回，会打破读者的节奏。行太长，用户的视线又很难专注于文本。如何设定好文字长度，既满足设计审美上的需要，又满足读者的阅读状态，是一个设计师所需要把握的。

3.保持适当的行间距

增加行高，可以增加文本之间的垂直空白空间，提高可读性，换取屏幕空间。一个规则，行高应该是字符高度的30％。

良好的间距有助于可读性，给读者更好的视觉感官，也能更快的抓住重点。

4.确保有足够的颜色对比度

在文本和背景中不要使用相同或相似的颜色，文本越明显，用户才能更快的阅读。在标题和重要部分往往会与大篇幅的内容拉开视觉差，带来主次分明的层次感。

醒目的大标题和想要突出的公司信息使人一眼就可以抓到，进而对网站内容进行层层审入。

5.仔细考虑元素的位置和大小

菲茨定律是人机交互的一个基本原则，它指出：获取目标的时间取决于目标的距离和大小。换句话说：距离越近或越大的东西，你可以把光标放在上面的速度就越快。当你在考虑元素的放置和大小的时候，要时刻牢记你的交互模型。如果你的网站需要水平滚动，而不是垂直滚动，你需要考虑在哪里以及如何提示用户到这种不寻常的交互类型，方便使用者的找寻操作。

排版是一件重要的事情。做出正确的排版选择可以让你的网站看上去更有条理性。另一方面，糟糕的排版选择会让人分心，使读者不愿意继续深入了解。让排版具有可读性，可理解性和清晰度是至关重要的，今天讲述的关于网页设计的五点小技巧，你都学会了么。