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

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

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

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

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

例如，新聞網(wǎng)站 如breakingnews.com這是一個很大的優(yōu)點?？焖僮兓膬热莺皖l繁的更新，需要很高的維護。一個響應式設計不僅節(jié)省時間，也沒錢。
你可以集中在一個單一的網(wǎng)站，把你所有的資源轉化為該網(wǎng)站的優(yōu)化與維護。不再需要優(yōu)先考慮或處理您的網(wǎng)站 分別不同的版本。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

牧羊人設計文章推薦：

• 逸格網(wǎng)站設計制作案例欣賞
• 香港浸會大學骨關節(jié)病轉化醫(yī)學研究所網(wǎng)站設計制作案例欣賞
• 蘇州勤浩藥物研究開發(fā)有限公司網(wǎng)站設計制作案例欣賞