我每天在多個設備上瀏覽互聯網。我用我的MacBook Pro，iMac，pC，iPad，iPhone，甚至我的電視。所以當我看到網站，它不適合大的屏幕分辨率優化，或者加載我的移動設備需要兩分鐘時，我真的很困擾。我們都接受了響應設計的概念。很少有人反對。事實上，我**近聽到的唯一令人信服的報告是，客戶不愿意為額外的時間付費。但隨著任何新的實踐，神話已經長大，并與之對應。讓我們來看看關于破產的一些誤解hellip；

　　Responsive設計完全是關于移動到移動網絡的爆炸，這是Responsive設計背后的驅動力，但當我們認為Responsive設計需要考慮的不僅僅是手機。隨著視網膜顯示器和視頻游戲瀏覽器的推出，網民們正在關注大屏幕分辨率和不同場景網站。

　　考慮不同的用戶環境設計和開發網站響應。您需要考慮哪些設備用戶：在移動設備上或家中看電視的用戶 你需要考慮用戶在哪里：荒野中的雜貨店還是野營在線用戶 如果你的網站在你的用戶拿著瑪格麗塔坐在沙灘上的時候，你的網站需要10分鐘的加載時間，那么擁有好的內容意味著什么呢。內容就是一切，但是環境無處不在，這完全是你無法控制的。這就是為什么，事實上，你的內容應該擴展到任何決議，大或小。我們有一套工具，允許我們在任何上下文中操縱布局、優化文本大小和提高性能，記住要使用它們。

　　始終記住上下文轉換，這就是為什么在接近響應設計和性能時，重要的是平衡視覺布局和用戶需求。不僅僅是關于移動。

　　Responsive設計并不適用于每個用例。我曾經認為響應式網頁設計并不適合每個項目，這取決于使用情況。嗯，我**近修改了我的觀點。我堅信，如果我們想以用戶為中心設計，我們需要考慮每個項目的開發人員響應設計方法。

　　固定寬度網站可以限制為較大和較小屏幕分辨率。底線是，我們的網站應該適合所有人，無論是什么設備或屏幕分辨率是易于使用和不受限制的。

　　響應設計是關于設備的斷點。我注意到一個趨勢，新興工業設計師和開發商正在建立網站響應規模與一定的設備分辨率。我也有罪。三種**常見的設備當然是臺式電腦/筆記本電腦、iPad和iPhone移動電話（或其他移動設備）。作為設計教師，我們需要認識到，responsive設計是關于設計斷點和生產內容的可讀性和開放性，而不僅僅是特定設備的用戶。

　　換句話說，如果你是一個軟件程序的網站設計，有某種框架和斷點工作是很重要的。我建議你自己做。根據內容優化布局。找到斷點的**佳方法是先繪制草圖線框圖，然后開始開發選擇像素的軟件。確保在同一網格線框圖設計上工作。如果你像我，那么你的代碼，你的線框圖和創建一個生活原型。這對我幫助很大，因為我可以使用我的響應工作流來創建流體模型，并將斷點設計添加為設計中斷完整像素PS圖象處理軟件。

　　對字體的響應設計我在許多網站響應中發現的**大問題之一是，當設計工程師和開發人員選擇在設計斷點處使用設備時，會拋出字體。在我看來，設計中的選擇設備完全忽略了您發布的內容和用戶消費的內容。內容應保持可讀，直到它被調整為保持可讀。內容永遠是王道，內容的易用性和可讀性應該是重中之重。我**喜歡的保持內容可讀性設計的方法之一是使用相對的字體大小單位，如EMS、填充和空間布局。響應型設計完全是平衡布局，在我看來，EMS是一個完美的組合。

　　EMS是擴展到父元素的字體大小的相對單位。他們可以節省你很多時間和麻煩。它們有助于保持整個布局結構。是不是說你問了什么 這意味著隨著基本字體大小的增加或減少，在均勻調整布局時沒有什么可避免的。

　　下面是一個例子。例如，我們發現了兩個斷點設計、一個非常大的桌面顯示器超分辨率和一個小平板電腦。我們還說過，根據字體大小，16px等于1.0em，當網站被認為是分辨率為3840times時，我們將基本字體大小打到22px；2160（高分辨率），我們將基本字體大小減少到14像素，分辨率為800 x 600（小型筆記本/平板電腦）。我們已經在兩個指定的斷點（一個大斷點和一個小斷點）極大地改變了網站布局的類型和大小。在22px的基本字體大小分辨率中，1.4em heading表示1.4em等于30.8px，在較小的基本字體大小部分中，1.4em等于19.6px。盡管我們的字號要大得多3840times；2160我們不必擔心布局破壞，因為它也會調整。假設我們有一個50em包含元素的寬度，分辨率為800x600，將是700px，但是在3840x2160分辨率下，它將被創建。我們的填充物和邊緣將永久調整。將字體大小和布局設置為EMS允許我們以更大的分辨率設計縮放，以使內容更容易閱讀。

　　響應設計表示隱藏內容。Responsive設計旨在使您的內容在所有屏幕分辨率和設備上對所有人開放，甚至對已禁用的人開放。隱藏內容從來不是一個好主意，如果你想隱藏它，你不需要這樣開始。隱藏內容使其不可讀屏幕閱讀器，現在您可以通過視覺或認知障礙訪問您的內容。請記住，內容應該在所有設備上都是通用的，不要通過將用戶限制在單個設備視圖來懲罰他們。

　　也就是說，我還發現了一些用法：無；它會派上用場的。幾乎所有的用例都處理一些導航，我使用display:none；導航元素以不同設備的形式變化。這并不是限制或隱藏不同設備上的內容的好方法，因為您很可能會讓一些用戶基于一個假設性的決定，這將帶來非常糟糕的體驗。

　　Responsive設計犧牲性能有一些網站，這是我**近看到的，顯示出對低帶寬用戶缺乏同情心。其中大多數網站都有相同的東西，很多圖像和很多JavaScript庫。如果設計有一個移動方法，其中許多網站可能已經過優化。

　　因為有很多關于響應圖像的討論，所以很難為任何人提供任何解決方案。我理解這個困境，但等待一個完美的解決方案是所有瀏覽器和設備的標準，并不是你目前的網站更容易在有限帶寬的設備上使用。找到**能解決問題的解決方案并運行它。未能找到解決方案意味著人們的性能問題，而完全失敗的響應設計是目標。

　　大型JavaScript庫也會在小型設備上造成問題。嘗試根據屏幕分辨率或設備類型找到一種稱它們為條件的方法。性能不應該說是被動的設計作為事后考慮。

　　結論網絡爆炸了。有了移動電話和智能手機技術，我們可以隨時隨地訪問。為了確保我們能夠接觸到所有的用戶，在他們想要的時候給他們想要的東西是很重要的。響應設計是一項非常新的技術。在我看來，它是統一網絡內容的完美技術。

　　牧羊人設計

　　深圳旅游局2015手機網站設計深圳營銷型網站建設瑞曼德科技網站設計

http://www.bangwork.net/wangzhansheji/1176.html 關于響應設計的常見錯誤