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

简介:

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

3.3 为流畅地浏览而设计

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

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

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

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


bc70da4bcb94ffe261d3a8b4862cff792717ef7e

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

相关文章
|
4月前
|
JSON 前端开发 搜索推荐
惊!这些前端技术竟然能让你的网站实现个性化推荐功能!
【10月更文挑战第30天】随着互联网技术的发展,个性化推荐已成为提升用户体验的重要手段。前端技术如JavaScript通过捕获用户行为数据、实时更新推荐结果等方式,在实现个性化推荐中扮演关键角色。本文将深入解析这些技术,并通过示例代码展示其实际应用。
167 4
|
7月前
|
UED
Axure中继器实战篇:让数据展示和交互设计更上一层楼!
Axure中继器实战篇:让数据展示和交互设计更上一层楼!
145 0
|
9月前
|
监控 C#
技术经验解读:【转】c#实现魔兽(warIII)中显血和改键功能(附源码)(不影响聊天打字)
技术经验解读:【转】c#实现魔兽(warIII)中显血和改键功能(附源码)(不影响聊天打字)
159 0
|
搜索推荐
小说源码的“上瘾”设计,不知不觉沉浸其中
小说源码的“上瘾”设计,不知不觉沉浸其中
从YouTube改版看“移动优先”——8个移动优先网站设计案例赏析
2011年,Luke Wroblewski大神提出了移动优先的设计理念。在当时看来这无疑是一个打破行业常规的新型设计原则。而在移动互联网大行其道的今天,谁遵守移动优先的设计理念,设计出最好的移动端网站,谁就能赢得用户和商机。
1226 0
《社交网站界面设计(原书第2版)》——1.14 比你想象中简单得多
本节书摘来自华章计算机《社交网站界面设计(原书第2版)》一书中的第1章,第1.14节,作者:(美)克里斯蒂安·克鲁姆里什(Christian Crumlish),艾琳·马洛恩(Erin Malone)著, 更多章节内容可以访问云栖社区“华章计算机”公众号查看。
1179 0
《社交网站界面设计(原书第2版)》——2.15 从游戏中学习经验
本节书摘来自华章计算机《社交网站界面设计(原书第2版)》一书中的第2章,第2.15节,作者:(美)克里斯蒂安·克鲁姆里什(Christian Crumlish),艾琳·马洛恩(Erin Malone)著, 更多章节内容可以访问云栖社区“华章计算机”公众号查看。
995 0