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

如何设计响应式网站?

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

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

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

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

  

  良好的导航设计

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

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

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

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

  风格的一致性

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

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

  网站内容为王

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

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

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

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

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

  适当地留白

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

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

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

  好的排版

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

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

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

    延伸阅读

  • 移动设备友好、移动设备优化、响应式网站设计

    让网站适合移动设备是希望推出新网站的企业的首要要求。然而,有大量与移动设备相关的术语。移动友好、移动优化和响应式设计都是我们用来描述在移动设备上显示的网站的术语。是什么让他们与...

  • 响应式网站设计哪种好?

    有很多人对于企业响应式网站设计还不太了解,其实这种网站就是以创建页面的图片排版大小,来根据浏览网站用户所使用网络设备,自动化适应我们这些设备。不管是出于网站兼容性还是用户信息需...

  • 响应式网站设计真的会成为未来趋势吗?

    网站开发者和互联网商务人员都在不断地需求改变,加强和完善他们网站的浏览方式、响应效果和用户体验度。在过去几年里,网站设计的各种趋势此起彼伏,有的一阵热度之后就销声匿迹。而目前,...

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

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

  • 什么是响应式网站设计

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

本文来自投稿,不代表本人立场,如若转载,请注明出处:http://www.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); })();