武林網(www.49028c.com)文章簡介：雖然響應式Web設計仍處于發展初期，但已經有很多指導和最佳實踐，當你創建可跨設備工作的設計時可以采用。對于那些希望為使用不同設備的用戶提供頂尖Web體驗的設計師來說，則需要更多的思考與努力。

響應式布局是這種情況下唯一理智的方式。

　　盡管不是所有人確信響應式Web設計是未來的方向，但是響應式Web設計已經獲得全世界Web設計師的廣泛支持。 而我們許多人還是通過簡單使用響應式Web設計來解決不同大小屏幕的布局問題——這解決了普通設計量用戶體驗差的問題。在我頭幾個響應式Web設計項目中，按我的工作方式已經犯了很多錯誤。 這里有我或其他響應式網頁設計師曾經犯的3個錯誤。

陷阱 1: 網站加載時間過長

　　構建響應式網站的缺點之一是你被迫將太多的資源壓縮在一個頁面中。你需要這些資源以便在不同設備上展示你的網站。大部分響應式網站在頁面加載之前首先加載這些資源。毫無疑問，這個過程需要耗費大量時間。

　　針對大部分使用筆記本、PC訪問你網站的用戶來說，似乎沒什么問題。但如果在智能手機加載你的網站需要5至7秒之久，那么你將失去大量用戶。智能手機用戶不喜歡等，即便是1秒鐘——短短的等待將產生致命的后果。所以，如何處理該問題呢？參照最佳實踐，刪減贅余，使用conditional loading這樣的先進技術。

陷阱 2: 為小屏幕設備刪減內容

　　為智能手機提供更少的內容，已被廣泛采納。故意為移動用戶提供低質量的用戶體驗，無疑是在折損你網站的利益。實際上，用戶總是在不停地切換設備來完成各種任務。這就意味著，如果用戶在他們的智能手機上找不到某一特定內容，那你也就失去了銷售機會。

　　更好的解決方案是以一種緊湊的、易于導航的格式顯示所有信息。在設計中，可能需要花費更多努力，但這是值得去做的。請記住，即便你用CSS隱藏了特定信息，它仍會被下載的。所以要為移動用戶提供完整的Web體驗，不要丟棄任何東西。

陷阱 3: 忽視各設備間的相通之處

　　響應式Web設計不僅僅針對PC和智能手機。在進行設計時，還要考慮到其他的眾多設備。用戶如何與平板電腦、互聯網電視、智能手機進行交互，都需要考慮在內。這并不是說你要為所有的設備創建一個本地化的UI體驗，但你可以根據各設備的環境為它們創建一個響應式導航，再分別創建出用戶易于理解的設計。

總結

　　雖然響應式Web設計仍處于發展初期，但已經有很多指導和最佳實踐，當你創建可跨設備工作的設計時可以采用。對于那些希望為使用不同設備的用戶提供頂尖Web體驗的設計師來說，則需要更多的思考與努力。