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

以下分享10個RWD的網站:

1.Omega

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

OMEGA  

OMEGA-m

 

2.Finery

finery

finery-m

 

3.Oculus

Oculus

Oculus-m

 

4.Gogoro

Gogoro

Gogoro-m

 

4.IBM Design

IBM-Design

IBM-Design-m

 

6.Oliverharvey

大Logo置中的手機板

Oliver-Harvey

Oliver-Harvey-m

 

7.Patrick

PATRICK

PATRICK-m

 

8.Rudy's

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

Rudys

Rudys-m

 

9.Sacs Bara

sacs-bar

 

sacs-bar-m

 

10.Nixonixon

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

Nixon

Nixon-m

ABOUT CADIIS

凱士網頁設計公司專精於建置RWD及SEO網頁設計規範的網站,採用客製化設計為您打造與企業形象一致的公司網站,同時提供台北、台中、台南、高雄、海外等地網站設計相關服務。

 

網站設計洽詢