读书频道 > web开发 > 其他综合 > 学习响应式设计
1.3.1 每个设备都得到正确的设计
2015-05-08 14:41:28     我来说两句 
收藏    我要投稿   

本文所属图书 > 学习响应式设计

本书分为四部分,全面介绍响应式Web 设计策略与技术,引领大家掌握从项目立项到网站上线的响应式设计工作流程。第一部分介绍响应式设计及其与其他网页设计方法的区别。第二部分概述构建响应式站点的基础知识、必  立即去当当网订购
1.3 为什么是响应式设计
 
响应式网页设计的概念自首次提出以来一直备受热议。就像任何新技术思想一样,有些人接受它,另一些人则唾弃它。
 
1.3.1 每个设备都得到正确的设计
 
使用响应式设计最有说服力的理由是,你创建的网站不仅在现今市场上的各种设备上都能正确地工作并有良好的显示效果,而且很可能在将来出现的那些新设备上也能如此。此外,使用响应式设计,你不会冒用户可能在桌面显示器上浏览移动版站点的风险,反之亦然。
 
如果你有多个独立的站点,那这无疑会成为一个问题,无论你是通过设备检测来发送正确版本的站点给每个设备,还是使用一组单独的URL(比如一个m-dot 子域名)供移动版网站使用。
 
如果网站有一个单独的移动版本,通常会使用设备检测(其发生在网站服务器,且在页面显示之前)来确定应该将哪个版本的网页(移动版或桌面版)发送给任一特定的设备。这样,站点中的每个页面虽然只有一个URL,但实际上存在两个不同版本的HTML 页面。然而,以上这一过程并不是完全可靠,有时会发送错误的页面版本。此外,设备的检测过程也会增加页面的加载时间。
 
--注1:中文版参见人民邮电出版社的《移动优先与响应式Web 设计》。
 
为单独的移动版站点(即m-dot 站点)使用不同的URL 是比较容易实现的,但是这要求用户访问的是正确的网站版本。对于通过社交媒体或电子邮件在用户之间来回传递的链接,获得一个正确版本的页面通常会给用户增加额外的负担,或者有时他们根本没法选择。
 
例如,如果一个桌面用户将《纽约时报》网站上的一个链接通过电子邮件发给一个手机用户,手机用户访问该链接时,显示出来的页面会在屏幕的上方显示一条信息,告诉他可以切换到网站的移动版,如图1-7 所示。这看上去不错,但用户需要执行额外的操作,花费额外的时间来点击并加载一个完全不同的页面。
 
另一方面,如果我用手机访问《纽约时报》的移动版网站,并发送一篇文章的链接给某人,他在台式电脑上打开链接时,看到的将是为移动设备优化的移动版页面(如图1-8 所示),页面中没有清晰明确的方式告之应该如何打开完整的桌面版站点。用户可以读这篇文章,但他必须通过点击来查看图像的全尺寸版本,而且他无法看到存在于桌面版网站中的大量补充链接和推荐文章。
 
 
对于响应式设计,你的网页只有一个版本,所以你永远不会遇上“错误的版本”这个问题。无论在什么设备上浏览该网站,都能得到正确的显示。
点击复制链接 与好友分享!回本站首页
分享到: 更多
您对本文章有什么意见或着疑问吗?请到论坛讨论您的关注和建议是我们前行的参考和动力  
上一篇:1.2.7 响应式网页设计
下一篇:1.3.2 更少的工作
相关文章
图文推荐
3.2 Windows 7设置
3.1 DNS解析
2.3 HTTP协议
2.2 TCP/IP协议与So
排行
热门
文章
下载
读书

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训
版权所有: 红黑联盟--致力于做最好的IT技术学习网站