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

简介:

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

3.3 为流畅地浏览而设计

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

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

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

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


bc70da4bcb94ffe261d3a8b4862cff792717ef7e

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

相关文章
|
移动开发 前端开发 JavaScript
移动端H5多页开发拍门砖经验
两年前刚接触移动端开发,刚开始比较疑惑,每次遇到问题都是到社区里提问或者吸取前辈的经验分享,感谢热衷于分享的开发者为前端社区带来欣欣向上的生命力。本文结合先前写的文章和开发经验分享给大家,希望也能帮助刚步入移动端开发的新人解惑。
2309 0
|
前端开发
《众妙之门——网页排版设计制胜秘诀》——导读
本书是Smashing Magazine网站的精选文章合辑,旨在帮助读者提升网页版式设计水平。本书囊括了字体抗锯齿技术,网页排版的原则,网页字体的设置技巧,CSS字体堆栈指南,CSS3的新特性,网页字体服务推荐以及排版工具介绍,等等。
1580 0