浅谈响应式网页设计可行性

评论(6)

响应式网页设计是目前比较流行的一个前端技术,也是目前比较受争议的话题,拥护者大有人在,反对者当然也不在少数,那么“响应式网页设计”是什么东西?它能给我们带来什么便利,而我们作为一个普通的博主或小型网站站长,响应式网页设计可行性到底有多大呢?我们需要这个吗?

What is “响应式网页设计” ?

响应式网页设计是Ethan Marcotte在去年5月份提出的一个概念,
简而言之,就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。
这个概念可以说是是为移动互联网而生的!

————————-出自:《响应式网页设计》 – 前端观察

文中作者从原理到好处讲的十分透彻,关注前端的同学可以仔细拜读一下。
文中主要探讨移动终端中的iOS和Android自带浏览器的响应实现原理、工具资源。
个人感觉也就这两种终端的浏览还比较有响应价值,其他的终端上网体验目前来看很一般。
我的理解就是一次设计,自动判定终端类型,达到多个终端使用的效果,省事、省力、省流量。

响应的价值所在

神飞(《响应》一文作者)认为响应式网页设计的价值主要体现在一下几点:

  1. 一次性设计,不重复设计、不分域访问。
  2. 降低服务器流量

在我看来就以上两条,嗯,可能原文我没有吃透,不过我也是在想不出有什么多余的好处了。
那么就这些好处,足以让我们去跟进这种响应技术吗?
难道就不足以吗? 探讨一下别动真气,呵呵。
所以:

一、从第一点来看重新设计成响应式的网页不算多一次设计嘛?针对不同浏览器输出不同内容,不算再设计嘛?没有看出来会比设置独立域来受访手机用户更有技巧,起码像腾讯、淘宝等网站独立域受访的目的是为了手机网站功能的完善。如果改成响应式如何完成功能?这个问题确实值得商讨。矛盾吗?

二、第二点流量问题,就目前来看,拿个人博客或小型网站来看,加一个判断重定向到独立域,或单独输出手机版网页界面不会比响应式的多耗多少服务器端流量、客户端流量。

三、随着目前手机性能的不断增强,手机内置浏览器渲染能力也是逐步升级到我们无法想象的地步,还记得当年用wap直接看小说网站的感觉吗?那些日子貌似一去不复返了,反正我现在用手机倾向于看原版网页,联通1G多每月的流量一般也不会在乎这点点的开销。

前途在哪?

好吧说到这里感觉响应式网页设计是一无是处了吧?
那倒还不至于,
《响应》文中有一个比较重要的主导思想个人感觉会是以后响应式网页的主导方向——根据分辨率来自适应式响应。
适应不同级别分辨率的终端,调整外观呈现,而且不会导致功能缺失,是不是才是所谓的王道?

另一种思路

设计时我们让页面内容区域分离灵活,现在手机浏览器现在也很强大了,ios4以上及最新安卓的手机已经跟pc浏览器没有太大差别,包括css、html、jquery都有很好的支持,渲染表现要比ie6.0出色很多,只要控制好版面,让用户能自主将阅读的内容区域缩放到适合手机屏幕阅读就好。而这种设计思路也逐渐被国外一些搞前端的博主所使用。
如图手机浏览优化过的网页:
iphone 浏览网页
看到滑动条的留白了吗?如果你要设计的话,请不要忘了在最右边留白,很遗憾,目前我也没有留白。
目前我的博客也正朝这个方向走。

总结

本文无意质疑《响应》一文的论述观点,
亦没有质疑作者神飞的前端设计能力(他的响应式主题真的很赞,wording也很赞,垂涎啊。)
只是想简要的论述下作为一个博主或小型网站到底应不应该去做响应式网页,
会不会有一种思路会更适合我们一些,对用户体验更好一些。

新文章:《再谈响应式网页设计》





转载请注明转自: 浅谈响应式网页设计可行性

  1. Pingback: 再谈响应式网页设计 | Design - Html

  2. 目前我的不支持手机,呵呵,不过可以用UC浏览器看的.

  3. 对这些不是很懂了 嘿嘿

  4. @wind
    Wind 兄抬爱了。

  5. 真是佩服,xiang兄啊,写的很不错。

  6. 来了,就是支持博主的。