雖然很多人都在談論響應式網頁，但并不是每個人都知道他們在說什么。很多時候你看到網上的一些信息也在挑戰你對響應式的理解。
有時候一些小報告給你建設性的建議，并幫助你的設計朝著正確的方向發展。但有些時候你會很迷茫，而且設計思路會與實際相反。當出現這種情況的時候不要責備任何事情。響應式網頁設計的領域還是很新，而且所有的這一切都在產出中。

除此之外，創造傳聞和“神話”是人類的一種本性。盡管，Barbara Streisand的一句名言“神話是浪費時間的”。他們拒絕進步。尋找整理比迷信神話會好很多。為了尋找真理，去了解響應式網頁設計的誤區，并了解一些工具以此來有一個重大改變

1.響應式網頁設計 = 移動端優化

是的，當下確實移動互聯網發展迅猛，所以響應式網頁設計一直被當作重點，而且在概念上是主角。但它也不是唯一，因為你還要考慮到設備。如：平板和電視。響應式網頁的真正目的是使網頁適應任何屏幕，任意比例和寬度的互聯網產品。這些遠遠超出了手機的范疇。

2. 盡可能在多樣的設備上測試

在設計領域，大多數設計師在設計他們的網站時，只會在少量的設備上測試，做響應式網站的時候也一樣。要測試完所有設備是不可能的。其實應該根據自己的用戶進行有針對性的測試，這樣操作性更強。

3. 字體不用優化

不幸的是，太多設計師覺得這點是對的。他們注重在設備和網頁上的大小，卻不注重用戶實際看到的大小，一個網站必須有很強的可讀性，而且響應式網站字體的考慮是非常重要的。

4.一種適配經驗是不夠用的

人們希望可以接入不同的設備，這讓設計師抓狂。這也讓設計師覺得網站必須適應用戶的每個定制化的設備。其實這個不難，你可以很容易讓你的網站適配各個設備。

5. 響應式網頁因為加載內容太多，所以慢

人們在想象中時這樣的，但是這不公平，有很多小規范的網站內容巨多，但是加載迅速，順利，表明這些問題不是設計的問題，錯在頁面加載速度，這是代碼優化問題。

6. 響應式網頁不必讓每個用例都可以用

這是極其錯誤的，因為用例是響應式網頁的重點。設計者必須考慮到每一個用例，并且測試所有他們的設備。你的用戶會希望在任何時候來使用你的網站。

7. 響應式網頁不適合電商

假的，雖然電商網站內容多，但是響應式網頁是很適合零售業務的。實際上，這已經成為一種必然，由JuniperResearch公司進行的一項研究表明，到2018年，所有的線上交易中有30%會在移動設備上進行。此外2014年開始移動購物者人數已經從3.93億發展到5.8億，這可以說明響應式網頁在電商方面的潛力。

8. 響應式網頁設計很費時間

這個是可能的，確實要多花一些時間去考慮響應式效果，但是也并不多。其實，你只要創建了共同的適配代碼庫和內容基礎。而且越來越多的公司開發響應式框架，這使得我們不需要花太多時間去做同樣的事情。

9. 每個人和公司都需要“擁抱”響應式？

不是每個人都看到了響應式網頁設計的價值。它意味著用最大的可能給用戶提供信息，但是這也不是說一個公司要想成功就必須把自己的網站做成響應式的。因為這需要企業考慮自己的投入產出比，公司根據情況去覺得是否需要它。

10. 響應式網頁需要支持所有的瀏覽器？

負責響應式網頁開發的部門將會持續優化網頁，但是這并不意味著它要支持所有的手機瀏覽器。它一般只用支持以下瀏覽器：Chrome,Firefox和Safari。你將很難讓其支持IE的舊版本。這是蠻好的事情，因為用戶發展不支持就會去升級自己的瀏覽器。

11. 這個做起來太貴

這是真的，實現響應式網頁需啊喲不同的技能、工具和技術。但這也并不比那些努力的網頁師貴多少。其實，響應式網頁會讓你在服務器成本上節約點。

12. 響應式網頁會影響網站SEO

SEO對響應式網頁的支持非常好，很多搜索引擎發現你的網站沒有針對手機優化，就降低你的網站排名。因為這些搜索引擎希望提供的內容對用戶更友好，所以你如果支持手機，他們必然提高你的網站排名。

13. 將現有網頁內容轉換成響應式很容易

恰恰相反，這需要用各種手段讓內容從大屏無縫切換到小屏。過度過程中需要識別重要內容，去除多余的內容，并且等比縮放以適應更小設備?？傊?，要讓這些內容在手機上顯示得更好，而且方便在設備間切換。

14. “移動第一”意味著移動端效果最重要，原版網站無所謂

如果你首先考慮移動，你會先思考用戶，這將為用戶帶來更好的體驗去使用手機版和原版，這個概念是說只是要給用戶提供更好的體驗，而不管他們訪問的是啥內容。

15. 個別設備斷點響應式網頁需要優先權

響應式網頁不是縮小網站以適應設備。而是有更多的頁面需要做，如果你想要開發一個負責人的網站，你需要了解各種用戶界面，而不是僅僅做個接口工作。這不僅是對單個設備的斷點，而是構建了一個框架，適應各種情況。

16. 通過一種優化圖像來適應所有屏幕

因為你要把圖片放到一個小的容器里，所以你顯然要優化一下它們。然而不可能做到一個圖像適應所有的設備，你需要優化他們。設備尺寸大小差異太大，如果只是一張圖片，像素太高就會加載很慢，像素太低酒會顯示不清晰，所以你得有幾種尺寸去適應多種設備。

17. 內容可以被隱藏在響應式里

也許這是事實，但前提是網頁設計師不知道怎么辦。對于經驗豐富的網頁設計師來說這是荒謬的。響應式網頁時為了讓內容更容易訪問。隱藏內容的想法是相反的，如果你輔助功能的可能性大于隱藏內容，那還是選擇優化的模式。

18. 響應式網頁設計是未來的趨勢

也許這個“神話”來源于22%的營銷人員，他們是響應式設計專家。29％的人他們對響應式有一定了解，23%的人他們只是基本了解，后面還有的完全不知道響應式

但現在響應式網頁確實是主流，人們需要網頁都能響應，5年后就很難說了，獲得成功響應式設計離不開實踐，并在實踐中探索更流暢的模式。

19. 項目中響應式網頁你必須優先考慮

這個觀點再次錯誤，平衡時關鍵，用戶體驗是關鍵，通常情況下，設計師要優先考慮移動用戶，但也并不總是如此，找到平衡點是你的責任。

20.響應式網頁設計是個完美的模型

但愿沒有人相信這個“神話”。經驗豐富的設計師都明白，世界上不存在真正的完美模型，特別是在這樣一個高速發展的時代。加載時間慢總會被人抱怨，然而我們已經實現了跨多個設備的流暢展示，60%的用戶用移動設備接入互聯網，所以響應式網頁目前是一個最佳解決方案。

響應式網頁設計不是一門正規的科學，而且很難解釋清楚這個技術為什么能成功，然而這個技術卻值得你掌握，因為它能提高你和你公司的成功幾率。

轉載微信公眾號：產品族

原文網站：http://www.yunrui.co/25813.html