《众妙之门——网页排版设计制胜秘诀》——3.3 为流畅地浏览而设计

简介:

本节书摘来自异步社区《众妙之门——网页排版设计制胜秘诀》一书中的第3章,第3.3节,作者: 【德】Smashing Magazine 译者: 侯景艳 , 范辰 更多章节内容可以访问云栖社区“异步社区”公众号查看。

3.3 为流畅地浏览而设计

从便于浏览的角度来说,层级也很重要。当用户向下拖曳滚动条的时候,它帮助用户识别出网页上最重要的元素。为了提升网页浏览的流畅度,还有其他设计事项需要注意。其中,间隔就是一个重要的部分。

以下的这些元素会影响用户在浏览网页时的体验:

  • 留白
  • 字距
  • 行高
  • 缩进
  • 内边距
  • 元素的外边距
    Nick La写了一篇文章“Typographic Contrast and Flow”。文章认为Web Designer Wall网站能让用户拥有流畅的浏览体验,并且作者给出了简明的解释:

“你的网页能否带给用户流畅的体验,间隔在其中起到了最重要的作用。间隔使用得当,读者自然知道从哪里开始阅读,什么时候暂停,哪里结束以及接下来要做什么。”


bc70da4bcb94ffe261d3a8b4862cff792717ef7e

总之,设计师肩负着创建流畅的网页浏览体验的责任。要专注每一个间距和层级元素,然后观察这些元素是如何相互结合的。仔细观察上面的图片,看看所有的元素是如何一起创建出流畅的体验的。

相关文章
|
8天前
|
前端开发 JavaScript 搜索推荐
网页:技术与艺术的交汇点
网页:技术与艺术的交汇点
7 1
|
前端开发
《众妙之门——网页排版设计制胜秘诀》——导读
本书是Smashing Magazine网站的精选文章合辑,旨在帮助读者提升网页版式设计水平。本书囊括了字体抗锯齿技术,网页排版的原则,网页字体的设置技巧,CSS字体堆栈指南,CSS3的新特性,网页字体服务推荐以及排版工具介绍,等等。
1569 0