精選10個品牌網站RWD響應式網頁

2015-09-28

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

以下分享10個RWD的網站:

 

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

http://www.omegawatches.com/

 

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

OMEGA

OMEGA

 

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

https://www.finerylondon.com/

 

rwd 02

rwd 02 m

 

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

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

 

rwd 03

rwd 03 m

 

 

 

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

http://www.gogoro.com/

 

rwd 04

rwd 04 m

 

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

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

 

rwd 05

rwd 05 m

 

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

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

 

大Logo置中的手機板

rwd 06

rwd 06 m

 

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

http://www.patrick.jp/

 

rwd 07

rwd 07 m

 

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

http://www.rudys.paris/

 

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

rwd 08

rwd 08 m

 

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

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

rwd 09

rwd 09 m

 

Nixonixon,錶品牌RWD響應式網頁

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

 

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

rwd 10

rwd 10 m

 

 

 

訂閱文章

想要收到CADIIS網頁設計公司的相關訊息嗎?

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


想詢問網站設計方面的問題?

沒問題!

凱士網站設計公司深受B2B外銷公司、上市櫃公司及外商公司推薦,累積超過100個網頁設計案例。

我們很樂意用淺顯易懂的方式讓我們的客戶輕鬆了解網頁設計的各種疑難雜症。

如果您對網站設計規劃有任何問題,歡迎與我們聯絡:立即填寫諮詢表單