RWD網站、手機版網站有什麼差異? 重點快速分析!
對於許多剛開始接觸 RWD 的 web 設計師、客戶,經常會對「 RWD 響應式網站 」跟「 手機版網站 」產生錯亂的感覺,但事實上只要你多了解 RWD 些,就能容易的分辨出他們的差異,為讓大家能快速了解他們之間的差異,以下做簡單整理。
設計概念
- 擴充 web 在手機裝置瀏覽,設計較為簡化以得到較佳的操作介面及效能,內容僅放置必要資訊及重要功能。
- 透過 CSS3 技術,使 web 能自已依照螢幕尺寸改變排版、調整圖片大小,以符合各種尺寸裝置的使用者瀏覽。
製作難度
- 自適排版,需對多尺寸版面做調校,製作難度相對較高。
優點
- 針對手機裝置開發,使用者能得到最佳操作介面、效能環境。
- 可將較複雜的功能或介面留給電腦版,不造成手機使用者效能、操作上的負擔。
- 單一 URL ( 網址 ),利於 SEO 及分享。
- 不需另開發手機版或電腦版,節省花費。
缺點
- 需有電腦版配合,增加開發成本。
- 手機/電腦各一個 URL ( 網址 ),不利 SEO 及分享。
- 共用同一網頁程式碼較多,所花費載入時間較長。
- 開發人員需對多尺寸調校,需工時較長。
「 RWD 響應式網站、手機版網頁 」二者皆有自已的優勢及適用情況存在,網站規劃人員應在充分了解所規劃網站的目標、功能、性質及相關限制.....等因素後,再來決定採用何種技術開發網站,才是讓網站能成功的關鍵。