關于(At)響應式網站設計的(of)20個(indivual)誤區！（深圳市维缇网络科技有限公司）

盡管很多人(people)都在(exist)談論響應式網頁，但并不(No)是(yes)每個(indivual)人(people)都知道他(he)們(them)在(exist)說什麽。 很多時(hour)候，您在(exist)網上(superior)看到(arrive)一(one)些信息也會挑戰您對響應能力的(of)理解。 有時(hour)，小型報告會爲(for)您提供建設性的(of)建議，并幫助您的(of)設計朝着正确的(of)方向發展。 但是(yes)有時(hour)您會感到(arrive)困惑，并且設計思想将與實際想法相反。 發生(born)這(this)種情況時(hour)，不(No)要(want)怪任何事情。 響應式Web設計領域仍然是(yes)一(one)個(indivual)非常新的(of)領域，所有這(this)些都在(exist)輸出(out)中。
  另外，制造謠言和(and)“神話”是(yes)人(people)的(of)天性。 雖然，芭芭拉·史翠珊的(of)名言“神話是(yes)在(exist)浪費時(hour)間”。 他(he)們(them)拒絕進步。 尋找和(and)組織比迷信神話要(want)好得多。 爲(for)了(Got it)找到(arrive)真相，了(Got it)解響應式Web設計的(of)誤解，并了(Got it)解一(one)些具有重大(big)變化的(of)工具。
  1.自适應網頁設計=移動優化
  是(yes)的(of)，當前移動互聯網正在(exist)快速發展，因此響應式網頁設計始終被視爲(for)重點，并且在(exist)概念上(superior)是(yes)主角。 但這(this)不(No)是(yes)唯一(one)的(of)，因爲(for)您必須考慮設備。 如：平闆電視。 響應式網頁的(of)真正目的(of)是(yes)使網頁适應任何屏幕，任何比例和(and)寬度的(of)互聯網産品。 這(this)些遠遠超出(out)了(Got it)手機的(of)範圍。

  2.在(exist)盡可能多的(of)設備上(superior)進行測試
  在(exist)設計領域，大(big)多數設計師在(exist)設計其網站時(hour)隻會在(exist)少數設備上(superior)進行測試，而在(exist)做響應式網站時(hour)也是(yes)如此。 無法測試所有設備。 實際上(superior)，您應該根據自己的(of)用(use)戶進行有針對性的(of)測試，以(by)使操作(do)性更強。
  3.字體不(No)需要(want)優化
  不(No)幸的(of)是(yes)，太多的(of)設計師認爲(for)這(this)是(yes)對的(of)。 他(he)們(them)關注設備和(and)網頁的(of)大(big)小，而不(No)關注用(use)戶實際看到(arrive)的(of)大(big)小。 網站必須具有很高的(of)可讀性，考慮響應式網站字體非常重要(want)。
  4.适應經驗還不(No)夠
  人(people)們(them)希望能夠訪問不(No)同的(of)設備，這(this)使設計師發瘋。 這(this)也使設計者感到(arrive)該網站必須适合用(use)戶的(of)每個(indivual)定制設備。 實際上(superior)，這(this)并不(No)難，您可以(by)輕松地(land)将您的(of)網站适應各種設備。
  5.響應式網頁很慢，因爲(for)它們(them)加載了(Got it)太多内容
  人(people)們(them)認爲(for)是(yes)這(this)種情況，但這(this)是(yes)不(No)公平的(of)。 網站内容上(superior)有很多小規格，但是(yes)加載迅速且平穩，表明這(this)些問題不(No)是(yes)設計問題。 錯誤是(yes)頁面加載速度。 這(this)是(yes)代碼優化問題。
  6.響應式網頁不(No)一(one)定适用(use)于(At)所有用(use)例
  這(this)是(yes)極端錯誤的(of)，因爲(for)用(use)例是(yes)響應式網頁的(of)重點。 設計人(people)員必須考慮每個(indivual)用(use)例并測試其所有設備。 您的(of)用(use)戶将希望随時(hour)使用(use)您的(of)網站。
  7.自适應網頁不(No)适合電子商務
  僞造的(of)，盡管電子商務網站很多，但自适應網頁非常适合零售業務。 實際上(superior)，這(this)已經成爲(for)必需。  Juniper Research進行的(of)一(one)項研究表明，到(arrive)2018年，所有在(exist)線交易的(of)30％将在(exist)移動設備上(superior)進行。 此外，自2014年以(by)來(Come)，移動購物者的(of)數量已從3.93億增長到(arrive)5.8億，這(this)可以(by)說明自适應網頁在(exist)電子商務中的(of)潛力。
  8.自适應網頁設計需要(want)時(hour)間
  這(this)個(indivual)有可能。 确實需要(want)花費一(one)些時(hour)間來(Come)考慮響應性影響，但是(yes)并沒有很多。 實際上(superior)，您隻需要(want)創建一(one)個(indivual)通用(use)的(of)适應代碼庫和(and)内容庫。 越來(Come)越多的(of)公司正在(exist)開發響應式框架，從而消除了(Got it)花費太多時(hour)間做同一(one)件事的(of)需求。
  9.是(yes)否所有人(people)和(and)公司都需要(want)“擁抱”響應能力？
  并非所有人(people)都看到(arrive)響應式Web設計的(of)價值。 這(this)意味着向用(use)戶提供盡可能多的(of)信息，但這(this)并不(No)意味着公司必須使其網站具有響應能力才能成功。 因爲(for)這(this)需要(want)公司考慮其投入産出(out)比，所以(by)公司會根據情況決定是(yes)否需要(want)投入産出(out)比。
  10.自适應網頁是(yes)否需要(want)支持所有浏覽器？
  負責響應式Web開發的(of)部門将繼續優化Web，但這(this)并不(No)意味着它将支持所有移動浏覽器。 它通常僅支持以(by)下浏覽器：Chrome，Firefox和(and)Safari。 您将很難支持舊版本的(of)IE。 這(this)是(yes)一(one)件好事，因爲(for)如果用(use)戶不(No)支持浏覽器，則會升級他(he)們(them)的(of)浏覽器。
  11.這(this)太貴了(Got it)

這(this)是(yes)事實，實現響應式網頁需要(want)不(No)同的(of)技能，工具和(and)技術。 但這(this)并不(No)比那些勤奮的(of)網站管理員昂貴。 實際上(superior)，響應式網頁将爲(for)您節省一(one)些服務器成本。 土馬網絡爲(for)建立響應式網站的(of)客戶提供免費的(of)域名和(and)空間費用(use)。
  12.自适應網頁可能會影響網站的(of)SEO
  SEO對響應式網頁的(of)支持非常好。 許多搜索引擎發現您的(of)網站并未針對手機進行優化，因此會降低您的(of)網站排名。 因爲(for)這(this)些搜索引擎希望提供更加用(use)戶友好的(of)内容，所以(by)如果您支持手機，它們(them)将不(No)可避免地(land)提高您的(of)網站排名。
  13.将現有的(of)Web内容轉換爲(for)響應式内容很容易
  相反，這(this)需要(want)各種手段來(Come)将内容從大(big)屏幕無縫切換到(arrive)小屏幕。 在(exist)過渡過程中，您需要(want)确定重要(want)的(of)内容，删除多餘的(of)内容并進行擴展以(by)适合較小的(of)設備。 簡而言之，要(want)使這(this)些内容在(exist)手機上(superior)更好地(land)顯示，并且易于(At)在(exist)設備之間切換。
  14.“移動優先”意味着移動性能是(yes)最重要(want)的(of)，原始網站沒有關系
  如果您首先考慮移動版，那麽您将首先考慮用(use)戶，這(this)将爲(for)用(use)戶帶來(Come)更好的(of)使用(use)移動版和(and)原始版的(of)體驗。 該概念旨在(exist)爲(for)用(use)戶提供更好的(of)體驗，無論他(he)們(them)訪問什麽内容。
  15.響應單個(indivual)設備斷點的(of)網頁需要(want)優先級
  響應式網頁不(No)會縮小站點以(by)适合設備。 但是(yes)還有更多頁面需要(want)完成。 如果您想開發一(one)個(indivual)負責任的(of)網站，則需要(want)了(Got it)解各種用(use)戶界面，而不(No)僅僅是(yes)完成界面工作(do)。 這(this)不(No)僅是(yes)單個(indivual)設備上(superior)的(of)斷點，還是(yes)适應各種情況的(of)框架。
  16.一(one)張适合所有屏幕的(of)優化圖像
  由于(At)必須将圖片放在(exist)一(one)個(indivual)小容器中，因此顯然必須對其進行優化。 但是(yes)，不(No)可能使一(one)個(indivual)圖像适應所有設備，需要(want)對其進行優化。 設備的(of)尺寸太大(big)。 如果僅是(yes)圖片，則如果像素太高，像素将非常緩慢地(land)加載；如果像素太低，則酒将無法清晰顯示，因此您需要(want)具有多種尺寸以(by)适應多種設備。
  17.内容可以(by)隐藏在(exist)響應中
  也許這(this)是(yes)真的(of)，但前提是(yes)網頁設計師不(No)知道該怎麽做。 這(this)對于(At)有經驗的(of)網頁設計師來(Come)說是(yes)荒謬的(of)。 自适應網頁，使内容更易于(At)訪問。 隐藏内容的(of)想法是(yes)相反的(of)。 如果您的(of)可訪問性比隐藏内容更有可能，請選擇優化模式。
  18.自适應網頁設計是(yes)未來(Come)趨勢
  也許這(this)個(indivual)“神話”來(Come)自22％的(of)響應式設計專家的(of)營銷人(people)員。 其中29％的(of)人(people)對反應能力有一(one)定的(of)了(Got it)解，其中23％的(of)人(people)隻有一(one)個(indivual)基本的(of)了(Got it)解，還有一(one)些人(people)根本不(No)了(Got it)解反應性
  但是(yes)現在(exist)響應式網頁确實是(yes)主流。 人(people)們(them)需要(want)網頁來(Come)回應。 五年後很難說。 成功的(of)響應式設計離不(No)開實踐，并且在(exist)實踐中探索更平滑的(of)模型。
  19.您必須優先考慮項目中的(of)響應式網頁
  這(this)種觀點再次是(yes)錯誤的(of)，平衡是(yes)關鍵，而用(use)戶體驗是(yes)關鍵。 通常，設計人(people)員應優先考慮移動用(use)戶，但這(this)并非總是(yes)如此。 找到(arrive)平衡是(yes)您的(of)責任。
  20.自适應網頁設計是(yes)一(one)個(indivual)完美的(of)模型
  我(I)希望沒人(people)相信這(this)個(indivual)“神話”。 經驗豐富的(of)設計師了(Got it)解，世界上(superior)沒有真正完美的(of)模型，尤其是(yes)在(exist)這(this)樣一(one)個(indivual)快速發展的(of)時(hour)代。 緩慢的(of)加載時(hour)間将始終受到(arrive)抱怨，但是(yes)我(I)們(them)已經在(exist)多個(indivual)設備上(superior)實現了(Got it)流暢的(of)顯示，有60％的(of)用(use)戶使用(use)移動設備訪問Internet，因此響應式網頁是(yes)當前的(of)最佳解決方案。
  響應式網頁設計不(No)是(yes)一(one)門正式的(of)科學，很難解釋爲(for)什麽該技術能夠成功，但是(yes)該技術值得掌握，因爲(for)它可以(by)爲(for)您和(and)您的(of)公司增加成功的(of)機會。