蘋果網頁設計

最新消息│News

【RWD網頁設計優缺點】

您不知道就落伍囉!Google宣布提升有行動優化的網站在搜尋引擎上的排名,未提供行動版的網站,排名將逐漸下滑。近幾年,隨著行動裝置(智慧型手機、平板)的普及,以及行動上網服務的使用率越來越高,傳統網頁的標準已經無法符合這些裝置的需求來呈現了,RWD網頁設計可說是越來越火紅了呢!RWD網頁設計(Responsive Web Design)可稱為自適應網頁設計、響應式網頁設計、回應式網頁設計等等,是一種可以讓網頁的內容可以隨著不同的裝置的寬度來調整畫面呈現的技術,讓使用者可以不需要透過縮放的方式來瀏覽網頁,大大的提昇畫面的可瀏覽性及使用介面的親和度;然而這對於行動商務越來越受到重視的現今來說,隨之也越來越倍受重視。



RWD的優點:

     1. RWD網頁設計可使用同一套原始碼來撰寫CSS,可以減少版面重新製作的時間。
     2. 可同時針對不同的解析度來設定,增加頁面的可用性。
     3. 對於搜尋引擎的收錄不會造成影響,不影響SEO的結果。
     4. 開發時間較APP來說可以快速很多。
     5. 學習門檻較低,對於已經從事網頁設計的人員來說,此技術只是建構在原本的DIV+CSS之上的一門技術,因此學習起來相對容易。
 
RWD的缺點:

     1. 因為在同一頁面會置入多種解析度的CSS檔案會增加頁面傳輸量,載入的時間也會加長。
     2. 若在各種解析度下的畫面都需校槁的話,在製作版面的時間會大大的增加。
     3. 無法提供像APP般功能強大的功能,或是各種酷炫的拖拉效果。
     4. 開發時程較傳統網頁需相對多的時間。

PAGE TOP