網頁設計機遇和挑戰性
2011八月7.12%全球所有網站點擊量來自手持移動設備。由8月的2012，這個數字已經上升到11.78%。
我們可以從字面上看平板電腦和智能手機成為連接到互聯網的默認的選擇。人們早已習慣了網絡作為他們生活中不可缺少的一部分，不愿意多活一天，甚至一刻沒有在不斷的聯系。

這種轉變，從桌面到移動需要設計師重新。不一定要遠離桌面的設計，但肯定對手機設計。有接近移動網絡存在的幾種方式，如一個獨立的移動網站或移動應用程序。最新的和日益流行的方法是響應式網頁設計。

響應式設計解決了網頁設計師，失去的事實，它拋出了自己的問題，很容易看到一個巨大的問題。
在這篇文章中我想討論的機遇和挑戰，來響應設計。我將揭示一些新的思維方式，幫助你為你的下一個項目做一個明智的選擇。

通過響應式網頁設計的機會
響應網頁設計是所有關于保持簡單。這個想法是創建一個網站，適合幾乎所有的屏幕尺寸，無論是臺式機或筆記本電腦的屏幕，平板電腦或智能手機在橫向或縱向模式。響應式網站設計靈活的網格。他們使用媒體查詢來確定每一個人網站訪問的屏幕大小和縮放內容。
讓我們來響應的設計方法的優點，一看。

1。低維護
一個響應式設計，你只需要維護一個網站。而布局的變化，內容不變，在不同設備。你可以同時更新內容或修正錯誤的所有設備。

例如，新聞網站 如breakingnews.com這是一個很大的優點。快速變化的內容和頻繁的更新，需要很高的維護。一個響應式設計不僅節省時間，也沒錢。
你可以集中在一個單一的網站，把你所有的資源轉化為該網站的優化與維護。不再需要優先考慮或處理您的網站 分別不同的版本。

2。品牌的一致性
有一個網站，在桌面和移動屏幕上的作品，你會發現它保持一致的品牌形象更容易。沒有更多的風格指南，需要多個參與方之間的溝通，如不同的機構為桌面和移動版本網站。

外觀和感覺一個響應式網站將在所有的屏幕尺寸是一致的。spigotdesign.com 保持獨特的品牌體驗對所有設備。這使人們認識到網站很容易，不管他們在哪里以及如何訪問。

3。可用性
響應網頁設計是非常用戶友好的。不僅可以瀏覽者更好地與你的品牌如果他們認識到移動你的網站，他們也知道如何更好的使用它。風格的一致和一致的內容重要是因為用戶不希望它是不同的因為他們使用不同的設備。

好的可用性的一個重要方面是滿足用戶的期望。如果你做到了這一點，他們會更容易瀏覽你的網站。smashingmagazine.com 使得他們的讀者瀏覽網站上的所有設備很容易，保持一個積極的用戶體驗。一個很好的經驗，增加了重復訪問的機會。

4。沒有重定向
你只有一個網站的所有設備也意味著你有相同的頁面的URL的內容提供給你所有的用戶。你不需要擔心不同設備之間的重定向或不兼容。
在推動一個鏈接，你可以肯定的是，人們可以直接訪問它，無論他們在哪里，或者他們如何訪問你的網站。
例如，當發送簡訊，機率很高，你的讀者會在移動設備上打開你的郵件。你不想讓他們必須切換到臺式電腦或筆記本電腦才可以打開你的鏈接。
任何內容，你推廣也應該可以，無論是在移動或不。

5。加載時間
那些游客，誰訪問您的網站有一個穩定的無線或有線連接會有點小麻煩下載數據比較大的塊，如特殊的動畫或圖片。另一方面，移動用戶，誰使用3G或4G連接，將感激盡可能小的數據。
 波士頓環球報

再次，新聞網站，如BostonGlobe.com 經常在去，比如每天上下班。響應式設計允許他們選擇為每個設備特定的內容，或預壓縮圖像。

通過響應式網頁設計提出的挑戰
響應網頁設計是一個相對較新的移動網站設計方法。有人說這只是一種趨勢，也有人說這是一種新的思維方式。就我個人而言，我相信在快速和不斷變化的Web框架，一切都可以被視作一個趨勢。讓我們不要去太深。相反，讓我們來看看這個挑戰需要我們去克服建立成功的網站響應。

1。開發時間
可能最明顯的負一點關于建立一個響應式網站，它需要更多的時間。顯然，對于普通的桌面網站，你需要較少的準備時間，更少的資源來構建，并測試它需要較少的努力。
它通常需要更長的時間來將一個現有的網站為響應比從頭開始構建一個。如果你要移動的思維，這樣做使你的網站的響應，不要低估你的工作也會給你現有的桌面版。

2。不同的設備是不同的
的想法，你可以建立一個網站，同樣適用于任何裝置是一個神話。當然，只有一套代碼，你的網站仍然是相同的有關內容和結構，但不同的設備需要不同的思維方式。
人們會瀏覽您的網站根據自己的特定需要和目標，而不提獨特的使用語境。
選擇反應
設計師從choiceresponse.com 顯然優先考慮的內容為移動使用。而桌面版本可以顯示很多內容時，對于較小的屏幕，你需要知道什么事情。

想象一下，你正在負責一個公共交通網站。一個用戶可能會訪問桌面版，瀏覽的耐心，希望找到他的周末旅行特價商品。與此同時，其他人可能會檢查手機版，希望能找出他應該運行在不到一分鐘他的火車前的平臺。
一個網站，兩種情況，和完全不同的兩個用戶場景。為了您的所有用戶創建出色的用戶體驗，你需要考慮的人會用不同的情況和不同的目標，不同的設備。

3。不同的設備提供不同的相互作用
你的桌面版本不僅不同于在一個假設的移動版，而且在一個非常實際的方式。互動裝置作品的一個很可能是另一個不相干的。這主要是因為我們與桌面和移動設備的交互方式不同。
當我們使用鍵盤快捷鍵和一個定義鼠標指針來瀏覽一個網站的一個裝置，我們沒有什么比我們的手指在其他。

而桌面版forefathersgroup.com 包括一個懸停效果的幾個環節，設計師運用了這些影響的內容，不讓它移動版。再次，要優先考慮內容是非常重要的在響應式設計。

4。媒體查詢支持有限
響應式網站與媒體查詢來確定每個訪問者的屏幕大小并顯示正確的布局。
這里的問題是，舊的瀏覽器，特別是Internet Explorer版本8及以上的，不承認媒體查詢。目前全球14%網絡用戶仍然使用IE8。14%是你的觀眾的很大一部分，取決于你的目標人口的數字可能會更高。
這并不意味著沒有辦法在這些老的瀏覽器中顯示你的網站。你只需要知道這個工作與媒體查詢時。有避免問題的幾種方法，如使用一個完全獨立的樣式表的瀏覽器，或者你的網站設計的移動第一。
沼澤
以移動第一種方法意味著只有風格，應該適用于更廣泛的布局的版本是一個媒體查詢里面，不是那些為移動版。這樣，不支持媒體查詢的瀏覽器只會看到移動版。

5。可擴展的圖像細節丟失
另一個限制響應式設計是圖像縮放。縮放圖像的細節，從而迅速失去其意義。基本上，這里真正的限制是不結垢，但事實上結垢發生嚴格根據屏幕大小而不是上下文。
奧利弗羅素
打開（放）oliverrussell.com這個問題解決得很好 。圖像的重新安排使他們可以橫跨整個屏幕，如果有必要的話。這創造了足夠的空間讓大多數圖像被調整在所有。
另一種可能是作物的縮放圖像。還是他們的意義和經驗，它最終會被改變。

6。導航菜單
最后但并非最不重要的，導航菜單彌補任何網站的重要組成部分。特別是在比較復雜的桌面網站我們用于多層下拉菜單。在較小的設備，你總是會遇到有限的屏幕房地產，這使得設計直觀的導航菜單的一個挑戰。

星巴克
設計師Starbucks.com 決定默認隱藏在小尺寸屏幕的導航菜單。只有當跨欄小圖標左上角的不同內容類別出現手指友好的按鈕。
在任何設備上，經驗法則是打擊容易獲得信息和一個不顯眼的設計之間的平衡。不要重新發明輪子，如果你沒有。
 
需要考慮的事情
是否去響應最終到你，但是如果你決定給它一個嘗試，這里有一些你應該在你開始之前考慮的事情。

準備是關鍵
徹底的響應式網頁設計之前，你的第一個PS圖象處理軟件模型開始。在你的第一個線框還長。好的準備是成功設計的關鍵。你越是有準備的，更多的時間和金錢你會拯救到底。

因為你的網站會有所不同，在不同的設備上，你需要有一個如何組織您的內容，這些設備在頭腦清晰的畫面。較小的裝置，你擁有越多的選擇做出關于你的內容優先。

從零開始
如果你已經有一個現有的臺式設計，你考慮的第一次移動的存在，仔細想想。
你可以從你的舊桌面網站回收的設計，但修改代碼可能要比從頭開始再。

不要重新發明輪子
有大量的在線工具和資源來幫助你開發一個響應式網站。
不要試圖另起爐灶創建一個新的方法。從別人的錯誤中學習，會加快你的開發時間。

測試，測試，再測試
這完全是新的，而不應該是一個驚喜。早期的和重復的用戶測試，任何成功的設計是必不可少的，或是不。
并在同一時間兩個觸摸和普通屏幕設計的挑戰不同的行為需要一些過度測試。開始對所有你擁有的設備的試驗。如果一切順利，借朋友和家人的設備和測試這些。最后但并非最不重要的，訪問一個電器店試試你的網站在他們的設備。

牧羊人設計文章推薦：

• 逸格網站設計制作案例欣賞
• 香港浸會大學骨關節病轉化醫學研究所網站設計制作案例欣賞
• 蘇州勤浩藥物研究開發有限公司網站設計制作案例欣賞