《众妙之门——网页排版设计制胜秘诀》——3.3 为流畅地浏览而设计
网页 设计 浏览 秘诀 3.3 排版 众妙 制胜
2023-09-11 14:17:38 时间
本节书摘来自异步社区《众妙之门——网页排版设计制胜秘诀》一书中的第3章,第3.3节,作者: 【德】Smashing Magazine 译者: 侯景艳 , 范辰 更多章节内容可以访问云栖社区“异步社区”公众号查看。
3.3 为流畅地浏览而设计从便于浏览的角度来说,层级也很重要。当用户向下拖曳滚动条的时候,它帮助用户识别出网页上最重要的元素。为了提升网页浏览的流畅度,还有其他设计事项需要注意。其中,间隔就是一个重要的部分。
以下的这些元素会影响用户在浏览网页时的体验:
元素的外边距Nick La写了一篇文章“Typographic Contrast and Flow”。文章认为Web Designer Wall网站能让用户拥有流畅的浏览体验,并且作者给出了简明的解释:
“你的网页能否带给用户流畅的体验,间隔在其中起到了最重要的作用。间隔使用得当,读者自然知道从哪里开始阅读,什么时候暂停,哪里结束以及接下来要做什么。”
总之,设计师肩负着创建流畅的网页浏览体验的责任。要专注每一个间距和层级元素,然后观察这些元素是如何相互结合的。仔细观察上面的图片,看看所有的元素是如何一起创建出流畅的体验的。
《众妙之门——网页排版设计制胜秘诀》——导读 本书是Smashing Magazine网站的精选文章合辑,旨在帮助读者提升网页版式设计水平。本书囊括了字体抗锯齿技术,网页排版的原则,网页字体的设置技巧,CSS字体堆栈指南,CSS3的新特性,网页字体服务推荐以及排版工具介绍,等等。
异步社区 异步社区(www.epubit.com)是人民邮电出版社旗下IT专业图书旗舰社区,也是国内领先的IT专业图书社区,致力于优质学习内容的出版和分享,实现了纸书电子书的同步上架,于2015年8月上线运营。公众号【异步图书】,每日赠送异步新书。
相关文章
- 新闻发布系统,网页设计,我们也行
- 网页引导:jQuery插件实现的页面功能介绍引导页效果
- 移动网页设计9大原则——第1部分
- 标签之美五——网页表格的设计
- 网页设计DIV+CSS——第7天:CSS入门
- 网页设计DIV+CSS——第1 天:选择什么样的DOCTYPE
- 移动端网页设计经验与心得
- 如何自己构建一套EasyNVR这样的无插件流媒体服务器实现摄像机硬盘录像机的网页可视化直播
- Java使用正则表达式取网页中的一段内容(以取Js方法为例)
- Firefox下网页缩放时防止div被挤到下一层
- paip.自适应网页设计 跟 响应式 设计方法与工具补充(2)o54
- paip.自适应网页设计 跟 响应式 设计的区别跟原理and实践总结
- 网页录屏将视频截图保存成gif图片并压缩的方法超详细
- 成功解决edge浏览器显示你的组织浏览器已托管而导致的打不开网页
- 网页块元素定位建议使用的xpath方式
- 网络爬虫的原理 网页python 爬虫
- 【爬虫】网页抓包工具--Fiddler--Request和Response
- JS导出网页所有内容为excel