推薦10個國外RWD響應式網站案例

最近幾年，隨著行動裝置(智慧型手機、平板)的普及，以及行動上網服務的使用率越來越高，傳統網頁的標準已經無法符合這些裝置的需求來呈現，所以才會有RWD響應式網站的出現，RWD(Responsive Web Design)可稱為自適應網頁設計、響應式網頁設計等等，是一種可以讓網頁的內容可以隨著不同的裝置的寬度來調整畫面呈現的技術，讓使用者可以不需要透過縮放的方式來瀏覽網頁，然而同一個網站適用於各種裝置，自然不需要針對不同版本設計不同視覺效果。最近Google對於RWD的網站有做引擎最佳化，RWD對於未來的趨勢會越來越普及!

 

以下分享10個RWD的網站：

 

 

Omega，錶品牌響應式網站範例

http://www.omegawatches.com/

 

電腦版畫面簡單，馬上會知道是有RWD設計

 

Finery，時尚品牌響應式網站範例

https://www.finerylondon.com/

 

 

Oculus，VR眼鏡品牌響應式網站範例

https://www.oculus.com/en-us/

 

 

 

 

Gogoro，台灣電動車品牌響應式網站範例

http://www.gogoro.com/

 

 

IBM Design，IBM設計事業群響應式網站範例

https://www.ibm.com/design/

 

 

Oliverharvey，英國響應式網頁設計範例

http://www.oliverharvey.co.uk/

 

大Logo置中的手機板

 

Patrick，日本品牌響應式網頁設計範例

http://www.patrick.jp/

 

 

Rudy's，流行皮件品牌響應式網頁設計範例

http://www.rudys.paris/

 

選單有特別設計過，與網站更融合!

 

Sacs Bara，日本品牌響應式網頁

http://www.sacs-bar.co.jp/

 

Nixonixon，錶品牌RWD響應式網頁

http://www.nixon.com/us/en/

 

電腦板為黑色調，手機板本為白色調容易區分

 

 

 

 

 

訂閱文章

想要收到網頁設計的相關訊息嗎？

我們會在FB轉貼網頁設計專欄文章，歡迎訂閱凱士臉書專頁