《移動優先與響應式Web設計》一1.1 扣好安全帶

本節書摘來異步社群《移動優先與響應式web設計》一書中的第1章，第1.1節，作者： 【美】luke wroblewski , ethan marcotte 譯者： 司徒卓恆 責編： 趙軒，更多章節内容可以通路雲栖社群“異步社群”公衆号檢視。

十多年前，約翰·阿爾索普寫了“a dao of web design”。若沒讀過這篇文章，絕對應該現在就讀讀看（我是認真的）。這是我最喜歡的講述網頁設計的論文，即使到今天仍然适用。約翰認為印刷媒介的設定廣為設計師所知，并且用于網頁媒介，其實那隻不過是用于紙上的限制。我們應欣然接受現實。網頁并沒有如此限制，也就是靈活，應利用這個特點來設計網頁。但首先，必須“接受事物的模式”。

約翰在寫這篇文章時，網絡仍處于發展初期，正在經曆過渡期，一衆設計師都把印刷的設計概念套用到了這個新興媒介上。雖然文章寫于十年前，但是其中很多論點至今仍不無道理，即使現今的網頁已是前所未有地流動多變。

無論如何，網頁進入過渡期已有一段時間。現在，浏覽器的發展趨勢正在轉變，漸漸脫離了台式計算機，裝置同時向更大和更小方向發展。不過數年内，小屏裝置預計會成為主要的上網工具。然而，現代電玩裝置的興起，寬屏網頁變得更為普及，其能以電視螢幕來進行讀取。最近，平闆計算機風靡市場，上網的模式既非“移動”，又非“台式計算機”，而是介于兩者之間。

如今裝置更多，有好有壞，比起以前，設計要顧及更多裝置，更多輸入方式，更多分辨率。網頁已經跨出了台式計算機，而無回頭路可走了。

不幸地是，設計非桌面版網頁，早期嘗試的方法似乎一直在重蹈覆轍。數月前，有位朋友發郵件給我分享文章，内附連結

有沒有看到/mobile/這個目錄？網站主人把“移動體驗”分成另一個連結，把頁寬設定為320像素。然而，每當以上連結分享于twitter、facebook，或經郵件傳送時，訪客就會局限于适合小屏的頁面，無論用任何裝置都一樣。個人認為，在台式計算機上看移動版網頁，閱讀體驗真的很差。

即使如此，也不代表移動版網站有根本缺陷，亦不代表不應該制作移動版網站。可是我的确認為，不同裝置有不同“特設”體驗，會令網頁内容參差不齊。這個方案不會成功，或至少不能持續下去。近年來的經驗已經證明了，科技日新月異，我們根本不能趕上。 那麼是否需要每推出新的浏覽器或裝置時，就為此訂制指定體驗？

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