Responsive Web Design aims to ensure that websites are accessible and well-suited for various screen sizes.
響應式網頁設計的目標是確保網站能夠在不同的螢幕尺寸下保持可訪問性並呈現良好的效果。

確保所有用戶的可訪問性

一個成功的網站,必須要能被人使用自己的裝置所造訪。 儘管我們可以事先推測或研究絕大多數的網站瀏覽者使用何種設備,但僅依靠一個固定版型的網站,並不能滿足所有用戶的需求。

了解響應式網頁設計(RWD)

響應式網頁設計 (Responsive Web Design),常見於縮寫 RWD,是指一種可以自我調適畫面的網站設計方法,針對不同裝置螢幕大小去呈現網站。 有別於針對一個頁面設計出許多版型的自適應網頁設計 (Adaptive Web Design) ,RWD 的設計就像是一間房間,可以為不同空間大小重新排列所有傢俱的位子。 網站中的元素 (如同傢俱),比如圖片、字體、表單、表格...等 皆可靈活的變換大小,流暢地改變的位置。

通過 RWD 提升用戶體驗

建立一個 RWD 網站,可提升網站的「可觸及」及「可用性」。 如果使用著進入一個僅提供電腦版瀏覽的網站,且使用者無法輕易瀏覽,那他們可能會立即跳出網頁畫面。 想要提升網站的流量,最重要的策略是提供好的使用者經驗,確保任何人在沒有障礙的情況閱讀頁面資訊。

RWD 使內容一致性和適應性

基於 RWD 建立的網站,可以將內容呈現在手機、平板及電腦,不論是在直立的畫面或橫向的畫面,皆可以順暢的變換版型。 此外,響應式網頁設計是使用相同的程式碼及網址,確保網站內容的一致性。 這個設計方式是被 Google 所推薦使用,因為在索引及排序網站的方式上,是採用行動裝置優先索引 (mobile-first indexing) 的策略。 建立一個對於行動裝置友善的網站,無疑是針對搜尋引擎優化 (SEO) 的重要指標。

查看所有文章

分享此文章

關於作者

Aurora Liu

一位全端網站工程師及網站設計師,成立了 ProfoundStars,致力於協助客戶成功打造專屬品牌特色的網站。