政府網站營運交流平台 - 國家發展委員會
:::

12.1 行動版網站設計應可隨裝置自動調整版面

更新日期:103-10-22

行動版網站應設計可隨裝置自動調整版面,以適應各種尺寸之螢幕,或機關網站應能偵測使用者所使用的行動裝置,自動切換至行動版網站。

適用等級

網站 外語版網站 行動版網站
入口網站 主題網站

因應行動裝置瀏覽的需求,機關網站常見2種設計方式,其一為網站應設計可隨裝置自動調整的版面(Responsive Web Design),以適應各種行動裝置之螢幕尺寸。其二為機關網站開發行動版,其應能偵測使用者所使用的行動裝置,當使用者進入網站時,即可自動切換至行動版網站。

目前智慧型行動裝置大多以多點觸控式螢幕(Multi-touch)界面為主。可讓使用者透過數隻手指達到圖像應用控制的目的。因此行動版網站設計也應考慮到圖片及版面設置應符合此使用模式。

智慧型行動裝置的螢幕尺寸相當多元,網站設計為適應使用者及裝置的瀏覽需求,W3C制定HTML 5及CSS3的標準,提供開發行動版網站設計參考。 【相關參考資料:http://www.w3.org/standards/webdesign/mobilweb

下一章節
12.2 行動版網站版面應簡潔,宜採用單欄式設計
回目錄頁