所谓“响应式网页设计(Responsive Web Design)”也就是自适应,就是可以自动识别屏幕宽度、并做出相应调整的网页设计。目前这种设计已经出现在越来越多的国内网站上,目前Google已经明确表明鼓励响应式网页设计。
使用自适应网页设计有5个好处:
1、随着移动设备越来越多,可以提升用户体验。
2、该设计没有网页版本区分,所以SEO的策略保持一致。
3、可以避免重复内容,专心维护这一个网页。
4、保持网页的原有链接。
5、Google也建议优先采用响应式设计,因为无论是什么网页版本都是相同的HTML、相同的内容,Google最容易处理。
响应式网页设计对SEO是友好的,这些相关技术还在不断演化中,还有许多尚待客服的地方。
下面来说说它的缺陷:
1、对老版本IE支持不好,这是一个致命的问题,尤其是IE6,如果你的网站用户大多还采用老版本的IE的话(建议在统计工具里看一下),就不适合做响应式网页设计了。
2、例如一些小游戏站、视频站,如果仅仅是网页采用了响应式设计,但里面的内容依然是只能在PC端打开的话,这时候就要认真考虑了。
国外copyblogger的博客提到了一个很特别的案例,就是迪士尼公司的网页。他说在迪士尼网页中有许多给小朋友玩的网页游戏,有些游戏可以在桌上型电脑玩,但是如果使用移动设备就可以无法使用。因此这个情况下,就必须做出抉择,放弃使用Responsive Web Design,或是修改游戏。
写在最后:
从今年开始,响应式网页设计逐渐流行开来,虽然很热门,但是并没有太多网站采用这类的设计方式。
响应式网站建设中的常见问题
1、屏幕尺寸多,很难做到一次编码,到处运行
目前,主流的大家用来访问网页的设备有:计算机(废话),iPad,Android Pad(例如三星的),智能手机。那么做一个网站,必须到这些设备上去测试和运行。普通的网站作坊很少有人会愿意花这么多的精力去测试一个网站。
2、视觉设计要求高、细节多
因为不能使用绝对定位,那么在设计的时候需要考虑可读性以及区域面积以及在不同的设备下的行为。这对一般的设计师来说简直是一场灾难。所以很少有出众的响应式网站出现。
3、前端实现难、跨技术合作
响应式设计出的稿子,当然还需要响应式的实现。响应式的基础就是HTML5, CSS3。小的建站公司,一般是没有钱去聘用精通HTML5和CSS3技术的高手的。最多是让程序员在写代码之前看2天书,然后就赶鸭子上架。这就导致了即使设计师设计出了很棒的模板,但是在实现了之后,怎么看怎么不舒服。
4、成本大
因为响应式设计需要对多个界面兼容、功能调试,导致整个制作过程需要UI设计师和前端工程师要不断磨合制作。而测试人员也要在不同的设备下对网站进行测试。我们做过调查。如果创建一个普通网站的成本是1,那么创建一个响应式模板的成本大概在2.5左右。由于小的建站公司的报价普遍比较低,利润空间肯定不支持他们把网站做成响应式的。
5、结论
总的来说,响应式网站设计比传统的网站设计复杂的多。它需要更多的人员参与到网站制作中来。它给美工、前端和后台开发团队之间的协作模式带来很多挑战。因此,响应式网站的建设成本往往是传统网站的2-3倍。