《移动优先与响应式Web设计》一1.1 扣好安全带

本节书摘来异步社区《移动优先与响应式web设计》一书中的第1章，第1.1节，作者： 【美】luke wroblewski , ethan marcotte 译者： 司徒卓恆 责编： 赵轩，更多章节内容可以访问云栖社区“异步社区”公众号查看。

十多年前，约翰·阿尔索普写了“a dao of web design”。若没读过这篇文章，绝对应该现在就读读看（我是认真的）。这是我最喜欢的讲述网页设计的论文，即使到今天仍然适用。约翰认为印刷媒介的设定广为设计师所知，并且用于网页媒介，其实那只不过是用于纸上的限制。我们应欣然接受现实。网页并没有如此限制，也就是灵活，应利用这个特点来设计网页。但首先，必须“接受事物的模式”。

约翰在写这篇文章时，网络仍处于发展初期，正在经历过渡期，一众设计师都把印刷的设计概念套用到了这个新兴媒介上。虽然文章写于十年前，但是其中很多论点至今仍不无道理，即使现今的网页已是前所未有地流动多变。

无论如何，网页进入过渡期已有一段时间。现在，浏览器的发展趋势正在转变，渐渐脱离了台式计算机，设备同时向更大和更小方向发展。不过数年内，小屏设备预计会成为主要的上网工具。然而，现代电玩设备的兴起，宽屏网页变得更为普及，其能以电视屏幕来进行读取。最近，平板计算机风靡市场，上网的模式既非“移动”，又非“台式计算机”，而是介于两者之间。

如今设备更多，有好有坏，比起以前，设计要顾及更多设备，更多输入方式，更多分辨率。网页已经跨出了台式计算机，而无回头路可走了。

不幸地是，设计非桌面版网页，早期尝试的方法似乎一直在重蹈覆辙。数月前，有位朋友发邮件给我分享文章，内附链接

有没有看到/mobile/这个目录？网站主人把“移动体验”分成另一个链接，把页宽设定为320像素。然而，每当以上链接分享于twitter、facebook，或经邮件传送时，访客就会局限于适合小屏的页面，无论用任何设备都一样。个人认为，在台式计算机上看移动版网页，阅读体验真的很差。

即使如此，也不代表移动版网站有根本缺陷，亦不代表不应该制作移动版网站。可是我的确认为，不同设备有不同“特设”体验，会令网页内容参差不齐。这个方案不会成功，或至少不能持续下去。近年来的经验已经证明了，科技日新月异，我们根本不能赶上。 那么是否需要每推出新的浏览器或设备时，就为此订制指定体验？

如果不是，有何另类方案？