首頁 部落格 認識響應式網頁設計-RWD
Karen
Aug 07, 2017
iware的前端設計,喜歡音樂,喜歡閱讀,喜歡悠閒地下午配著音樂來本書

認識響應式網頁設計-RWD

現代人每天使用網路的時間越來越多,不論是吃喝玩樂都會常常透過網路來搜尋相關資料,也因為線上付款的方便簡單,網路購物的情況也是越來越頻繁,小從電池大到家電都有人在網路上購賣,使的越來越多人前仆後繼的邁進網路這個巨大市場。

在進入網路時最好有自己的一個網頁,放上最想呈現且最具吸引力的資訊,吸引著消費者前往觀看進而購買,而在考慮製作網站時,相信在詢問製作時都會聽到一個名詞-RWD,而這到底是什麼呢?

響應式網頁設計(Responsive Web Design)簡稱RWD,又稱適應性網頁、自適應網頁設計、回應式網頁設計、多螢網頁設計,是一種網頁設計的技術做法,讓網頁依據不同的解析度,去呈現不同的頁面效果,使得網頁在不同尺寸不同規格的手持裝置,也就是手機、電腦、平板上都可以得到最佳的觀看效果。

響應式網頁設計-RWD優點

跨越不同平台

適用於不同尺寸手持裝置 可在不同尺寸的手機、平板和電腦上觀看,且會隨著尺寸不同,而有不同的呈現,讓其閱讀和使用更容易同時也留住消費者目光。

降低開發和維護成本

以前若想要在不同裝置上觀看,有幾個裝置就需要幾個檔案,像是手機、平板、桌電,就需要三份檔案來製作,需要花較多時間來製作和維護。RWD只需一份檔案,節省許多開發和維護的成本,而使用的網址也是同一個,對於網頁搜尋也較有幫助。

提升搜尋排名

每個人都會希望自己的網站在Google或Yahoo的搜尋排行上,能夠在排名在前面,畢竟越前面越多人看,而現在Google和Yahoo都提出若網站擁有網站行動裝置體驗(mobile-friendly),也就是如果網頁可以在手機上可以讓用戶有更好的體驗,搜尋的排名會在比較前面。

響應式網頁設計-RWD建議

FLASH

當初隨著時代走在前頭創建網頁的公司,在經過時代的變換,技術日新月異時,網路的環境已漸漸改變,且由於手持裝置不支援FLASH的格式,需要另外下載檔案才能觀看網站,而且未來越來越多瀏覽器不支援FLASH。目前仍在使用FLASH網頁的公司,最好能夠再製作一個以HTML和CSS為架構的的新版網站,同時也讓人感覺網站是有在經營,有再用心,消費者也會比較願意前往觀看。相信當初能夠走在時代的尖端,現在也是可以繼續前頭走著。

大型網站

RWD是藉由解析度不同來改變網頁排版的位置,較適合小型的或是形象網站,而大型網站由於架構和想呈現的資料較為複雜,故而不推薦此類方式,最好建造不同的檔案,對於流程和規劃也需要多加以考慮,才好呈現最佳網站效果。 Table網站 有些公司已經先有自己的網站,而且也不是FLASH格式,但是內部是以table的結構來製作網頁版面,這種形式的網頁沒有辦法製作RWD,因為技術使用不同,對於修改的難度較高,建議重新再製作的以HTML和CSS為架構的網站比較好。

設計頁面

現在網路上的現成樣版這麼多,直接套用不是更省錢嗎?但是別人現成做好的頁面,不能完全適合每個不同公司的商品,而且也不想某天逛網站時,突然發現有人的網站跟自己一模一樣吧!最好還是找公司好好的規劃,設計自己的網站,展現出專屬自己的特色,讓消費者能因此產生認同是最好方式。

圖片來源 Pixabay 作者 Clovis_Cheminot

相關內容:極速建置響應式(RWD)網站

2018網頁設計趨勢
2018網頁設計趨勢
Ryan
Ryan
Dec 15, 2017
常見背景屬性(二)
常見背景屬性(二)
Karen
Karen
Nov 20, 2017
Google發表無限網頁長度的手機搜尋界面
Google發表無限網頁長度的手機搜尋界面
Ryan
Ryan
Apr 30, 2018