RWD響應式網站 = 手機版網頁 ??

對於許多剛開始接觸RWD的web設計師、客戶,經常會對「RWD響應式網站」跟「手機版網頁」產生錯亂的感覺,但事實上只要你多了解RWD些,就能容易的分辨出他們的差異,為讓大家能快速了解他們之間的差異,以下做簡單整理。

手機版網站
RWD響應式網站
設計概念
  • 擴充web在手機裝置瀏覽,設計較為簡化以得到到較佳的操作介面及效能,內容僅放置必要資訊及重要功能。
  • 透過CSS3技術,使web能自已依照螢幕尺寸改變排版、調整圖片大小,以符合各種尺寸裝置的使用者瀏覽。
適用螢幕尺寸
  • 僅針對小尺寸螢幕開發。
  • 符合所有尺寸螢幕。
製作難度
  • 單一寸尺版面及功能,製作較為容易。
  • 自適排版,需對多尺寸版面做調校,製作難度相對較高。
優點
  • 針對手機裝置開發,使用者能得到最佳操作介面、效能環境。
  • 可將較複雜的功能或介面留給電腦版,不造成手機使用者效能、操作上的負擔。
  • 單一URL(網址),利於SEO及分享。
  • 不需另開發手機版或電腦版,節省花費。
缺點
  • 需有電腦版配合,增加開發成本。
  • 手機/電腦各一個URL(網址),不利SEO及分享。
  • 共用同一網頁程式碼較多,所花費載入時間較長。
  • 開發人員需對多尺寸調校,需工時較長。

「RWD響應式網站、手機版網頁」二者皆有自已的優勢及適用情況存在,網站規劃人員應在充分了解所規劃網站的目標、功能、性質及相關限制.....等因素後,再來決定採用何種技術開發網站,才是讓網站能成功的關鍵。