@C7210?：大家中秋節過的都好嗎？有吃到五仁月餅沒？有靠在窗前吹著涼爽的晚風仰望明月沒？

今天回到屏幕前，看一些不錯的響應式設計案例，希望有需要的朋友能找到些參考價值。

看下面的網站之前，不知道大家是否還知道優設哥在四月份時，官方微博推薦過的mediaqueri。
在那里陳列了各種漂亮且飽富創意的Responsive Design 網站，同時更極其貼心的提供不同尺寸的預覽圖，如果你正醉心于響應式設計且不可自拔，那么這個干貨網站絕對不能錯過喔！
超贊的參考價值和前沿案例！

圍觀地址： http://mediaqueri.es/

1.?CjPonyParts

用戶可以來這個網站尋找Mustangs跑車的零件。一個很棒的響應式設計案例。網站里的圖片無論在桌面設備還是手機上看，效果都很棒；最重要的搜索欄在任何設備上瀏覽時都位于相同的重要位置。

2.?Pour My Beer

一個銷售啤酒機的網站。設計方案在任何尺寸的屏幕當中的表現都很棒；特別是在移動設備上，界面仍然能夠保持簡潔有序，同時不失桌面版的外觀風格。

3.?Polygon

面向游戲愛好者的網站，從上線起就采用響應式設計方案；基于菜單的分類篩選在不同設備中的表現是它的一個特色。

4.?SmashingMagazine

大家的老朋友，網頁設計方面的專業在線雜志站點，無論在桌面設備還是手機當中，簡約精細的表現都一樣棒。特別是在手機當中，每篇文章的評論內容在布局方面很出彩。

5.?The Happiness Theory

該網站專注于整體風格的打造，在手機和平板當中都能獲得相同的美學表現。如今，人們希望在不同的平臺上得到類似的體驗模式，The Happiness Theory做到了這一點。

6.?Fast Company

不少人已經是Fast Company的粉絲了，這不是沒理由的。FC的內容涵蓋了數碼時代的各種事物，并且為手機和平板用戶帶來了獨特的移動閱讀體驗。標題大而清晰，滾屏時，菜單欄也會保持跟隨。

7.?Pennington Dance

通常，舞蹈工作室的網站不是你會期盼著看到優秀設計方案的地方，不過Pennington Dance卻是個例外。圖片對這類網站很重要，而他們對圖片的響應式處理方式也很有代表性。

8.?Daniel Vane

要打造一個好的作品集網站并不是很容易的事。圖片顯然是你最需要突出體現的，而通常在臺式設備上也有足夠的空間來展示這些作品。這個網站的獨特之處就在于它很好的利用了移動設備的小屏空間來展示圖片內容。

9.?Andersson-Wise Architects

在作品集網站中，你一方面需要展示作品，一方面還要突出聯系方式。這在桌面設備上實現起來很簡單，而Andersson-Wise Architects在其他規格的設備上也很好的做到了這一點。

10.?Café Evoke

他們的生意很大，追隨者也很多。他們的網站在移動設備上看起來完全不遜色于桌面版本。

11.?Touch tech

一個提供移動開發服務的站點，自身在移動設備上的表現也必須良好，他們做到了。

12.?Sunday Best

站如其名，他們的服務就是提供最漂亮的站點。而他們自己的網站，無論在桌面設備還是移動設備上，表現都足夠的棒；頁面中獨特的設計元素都可以體現到不同尺寸的設備當中。

13.?The Next Web

一個面向科技愛好者的網站，設計和內容都很棒。在移動設備上，內容的聚焦性很強，可以很好的滿足用戶在移動情境中對內容消費的需求。

14.?Splendid

Splendid致力于讓Web成為一個盡量簡約的地方。無論在筆記本、平板還是手機上，他們的網站看上去都很棒。

15.?DesignCrowd

向客戶售賣訂制化設計方案的網站，其自身的表現也可圈可點。無論你在家里坐在電腦前，還是在路上使用移動設備，在他們的網站上都可以很好的完成目標。

原文地址：spyrestudios.com
譯文地址：beforweb.com
譯者微博：@C7210

想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎？
添加 優秀網頁設計 微信號：【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加：