1. 首页
  2. 网站设计
  3. 正文

如何设计响应式网站?

  据说,鱼的记忆只有七秒,所以,鱼是难以专注于某一个事物的。

  而互联网用户的专注力也在随着互联网的进化而变短,有研究数据显示,互联网用户的平均注意力在2000年左右为12秒左右,但是到2013降低到10秒左右,而目前与鱼的平均注意力时间相当。

  这样的研究结论,似乎有戏谑的成分。但是基本结论是正确的——用户的专注力和注意力在不断降低。对于网站设计者和建站公司来说,如何在有限的专注力条件下,能够留住用户,这是一个问题。

  具体来说,响应式网站的那些设计,可以让增加用户留存时间呢?

  

  良好的导航设计

  当用户打开网站时候,首先关注的就是导航。所以,导航设计在样式和位置上,需要下功夫。

  在导航样式上,包括浮动式导航、渐变式、顶部固定等形式的导航,不少响应式网站都有应用。

  在导航的位置选择上,通常都是选择用户注意力较为集中的地区,一般来说,左上侧、顶部,都是用户视觉集中区域。

  响应式网站需要关注导航在手机和平板上的打开效果,如果导航在屏幕中的尺寸、动效,不太合理,是无法吸引用户注意力的。

  风格的一致性

  响应式网站应该保持统一的风格。

  因为用户的注意力时间变短了,让用户进入一种风格,就应该减少对用户的干扰。此时变化风格,用户会“出神”。所以,一个网站最好是拥有一种风格,甚至将两种风格融合的做法,都应该谨慎。

  网站内容为王

  响应式网站会大量使用图片,包括背景图、元素图、渲染图等等。但是图像信息有两个弱点:

  其一,传达的信息不够精准。同样的一张图片,不同的用户会理解出两种意思。

  其二,传达信息线路较长,需要用户运用联想、类比等思维,才能了解到图片的主题。

  相反,文字内容就弥补这样两个缺陷。文字可以将一种意思精准地传达给用户,还能够直接传达。所以,响应式网站一定要有文案说明。

  特别是借助图文的方式,能更好、更精准、更直接地表达情感和内涵。

  适当地留白

  我们都应该有这样的体验:在背诵一段文字的时候,会背了,然后几天不看,再回去复习,对内容记忆反而更深。反倒是,不断地去看,反而记不住。

  这就是留白对记忆的作用。

  响应式网站留白设计,一方面是遵循这样的人类记忆逻辑,留白反而加深了用户对信息的记忆,这在碎片时代,更加关键。另一方面,留白,可以让响应式网站在小屏幕的移动设备上,有更好的展示效果。

  好的排版

  说到排版,今天的设计师在字体选择、网站风格上,似乎选择更多。但是似乎不够精准。

  那一种字体更能够与网站主题相匹配,什么样的字间距、行高,能够让用户体会到美感。这其中大有学问,但是响应式网站设计师似乎研究的还不够深入。

  总之,在注意力短暂的时代,如果抓住用户注意力,并且让其进一步操作和深入进去,这是响应式网站设计师应该去思考的大问题。

    延伸阅读

  • 响应式网站设计排版的未来是什么

    多年来,网站设计排版取得了很大的进步,但是我们还有很多可以改进的地方。段落宽度:现在网站上的主要问题是段落长度过长。最大宽度:40em是使文本更具可读性的基本准则。字距调整:可...

  • 什么是响应式网站设计

    随着科学的进步发展,各种各样的终端不断出现,以前大家都用800*600的显示器,然后是1024*768的显示器,到现在更大尺寸的各种分辨率的显示器都出现了,而且手机、平板电脑P...

  • 2021年响应式网站设计的核心是遵循三个主要原则

    响应式网站设计的核心是遵循三个主要原则:流体网格,响应式媒体和媒体查询。在某些情况下,当设备无法确定网站的初始宽度或规模时,响应式网站设计也会利用媒体视口元标记,从而不会触发媒...

  • 响应式网站设计的优点与缺点是什么?

    响应式网站设计的优点与缺点是什么?对于响应性网站,从网站建设公司的角度来看,似乎很难向用户推荐,但是对响应网站的好处并不清楚。从一些介绍响应式网站设计的文章看,也主要是说响应式...

  • 深圳响应式网站设计的核心有哪些?

    响应式网站设计的核心是遵循三个主要原则:流体网格,响应式媒体和媒体查询。在某些情况下,当设备无法确定网站的初始宽度或规模时,响应式网站设计也会利用媒体视口元标记,从而不会触发媒...

本文来自投稿,不代表本人立场,如若转载,请注明出处:http://lnbdc.com/article/1622.html

(function(){ var src = (document.location.protocol == "http:") ? "http://js.passport.qihucdn.com/11.0.1.js?1d7dde81dc0903e04d3ac0b9599444f6":"https://jspassport.ssl.qhimg.com/11.0.1.js?1d7dde81dc0903e04d3ac0b9599444f6"; document.write('<\/mip-script>'); })(); (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })();