本节书摘来自异步社区《众妙之门——网页排版设计制胜秘诀》一书中的第3章,第3.3节,作者: 【德】Smashing Magazine 译者: 侯景艳 , 范辰 更多章节内容可以访问云栖社区“异步社区”公众号查看。
3.3 为流畅地浏览而设计
从便于浏览的角度来说,层级也很重要。当用户向下拖曳滚动条的时候,它帮助用户识别出网页上最重要的元素。为了提升网页浏览的流畅度,还有其他设计事项需要注意。其中,间隔就是一个重要的部分。
以下的这些元素会影响用户在浏览网页时的体验:
- 留白
- 字距
- 行高
- 缩进
- 内边距
- 元素的外边距
Nick La写了一篇文章“Typographic Contrast and Flow”。文章认为Web Designer Wall网站能让用户拥有流畅的浏览体验,并且作者给出了简明的解释:
“你的网页能否带给用户流畅的体验,间隔在其中起到了最重要的作用。间隔使用得当,读者自然知道从哪里开始阅读,什么时候暂停,哪里结束以及接下来要做什么。”
![bc70da4bcb94ffe261d3a8b4862cff792717ef7e](https://i-blog.csdnimg.cn/blog_migrate/8b0a5782987bd55ed4848e46f5be4a84.png)
总之,设计师肩负着创建流畅的网页浏览体验的责任。要专注每一个间距和层级元素,然后观察这些元素是如何相互结合的。仔细观察上面的图片,看看所有的元素是如何一起创建出流畅的体验的。