fbpx
RWD響應式網頁是什麼?

        隨著科技進步,行動裝置的普及,路上都是人手一機、一平板,再加上行動網路的普及,現在人幾乎都是用手機上網瀏覽,對於網頁設計帶來許多衝擊,早期在設計網頁時,都是以PC螢幕尺寸去設計,這樣的設計,對於小螢幕的行動裝置來說,因為無法完全呈現網站內容,對於瀏覽者來說顯得非常不友善。

        於是衍伸出了行動版網頁,所謂行動版的網頁就是專門為手機版設計的網頁,是過渡時期的做法,且早期很流行使用Flash等元件來製作網頁,但這些元件幾乎手機都無法支援顯示,造成網站流量的損失。

        因此當時許多網站都會讓程式自己去判定是否為行動流量,如果是的話,就必須轉為簡易的手機版網頁,許多網站還會出現手機版與電腦版切換的按鈕,回收行動流量。這樣的方式雖然成功解決了行動裝置瀏覽網站的不便,但卻也造成開發成本增加,要同時製作兩個網頁,頁面上架要上2次,甚至有些網站還會提供兩組網域提供切換,但還是會有個問題,就是手機版網頁為了讓手機運行順暢,功能時常缺東缺西,讓瀏覽者常感覺不是很順暢。

手機版網頁切換,功能常短缺

          2011年時,國外頂尖網頁設計師Ethan Marcotte提出了”Responsive Web Design”,簡稱RWD,中文稱響應式網頁設計(又稱自適應網頁設計)的概念,所謂響應式網頁,就是網頁會隨螢幕的大小,自動做出適當的排版調整來呈現。RWD的設計,可以讓不同的設備都可以正常瀏覽同一網站,提供最佳的使用體驗,大大的解決行動裝置瀏覽的網頁的問題。

rwd響應式網頁
RWD架構,同時滿足各種螢幕裝置

         RWD網頁帶來的優點,是只需要開發一次,就能夠符合所有的版面,可以節省製作成本及上架時間,再加上搜尋引擎龍頭Google演算法的重大改變,讓RWD網頁逐漸成為現下網頁設計的主流。

有架設網站的問題?

如果看完這篇文章,對於架設RWD網站還是有疑問,歡迎聯絡我們諮詢!

Close Menu