RWD響應式網頁設計由來
早期的網頁設計主要對象大多以一般家用電腦或筆記型電腦的瀏覽者為主,因為這是當時的主流趨勢,想當然在製作網頁時會以此規格為預計網頁頁面大小,然而隨著科技的進步,平板電腦及智慧型手機的普及,傳統的網頁設計方式已無法滿足所有的網頁瀏覽裝置,傳統的網頁設計網頁的大小與排版都是固定的規格,因此對於使用畫面較小的平板或智慧型手機的使用者來說,瀏覽傳統設計的網頁時,將會因為頁面寬度過寬而導致瀏覽者在瀏覽頁面時的不便,因此為了滿足這些使用者的需求,許多企業進行網站製作時會再另外製作「手機版」的網站,然而手機版網站雖然可以解決大多數手機瀏覽網頁者的不便,但對於花錢進行網站建置的企業來說,將額外增加一個網站建置的成本,於是RWD響應式網頁設計的出現解決了這個問題,只要製作一個網站,就能讓網站在所有設備上都能順暢瀏覽。
何謂RWD響應式網頁設計?
「響應式網頁設計(Responsive Web Design)簡稱RWD」,又稱為自適應網頁設計、多螢式網頁設計或回應式網頁設計,簡單來說就是網頁會自已随著瀏覽者的網頁瀏覽裝置解析度的大小,自動變化網頁的寬度及頁面配置,讓瀏覽者能以最適合閱讀的格式呈現。
RWD網頁原理是使用CSS3以百分比的方式來進行網頁畫面的設計,讓網頁在不同解析度下瀏覽時,能自動改變網頁頁面的佈局排版,也因為此技術解決了目前智慧型手機及平板電腦瀏覽網頁的不便,所以RWD響應式網頁設計也成了新的網頁設計趨勢。
RWD響應式網頁設計優勢
響應式網頁設計除了提供更好的使用者體驗之外,也減少了企業網站製作和維護成本,相較於傳統手機版網站需要額外建置一個網站,RWD網頁設計只需維護一個網站即可。
此外,RWD響應式網頁設計也有助於SEO搜索引擎優化,目前搜索引擎越來越重視使用者體驗,因此搜尋引擎也把行動裝置可用性這項指標,列為影響網站排名的因素之一。
總而言之,RWD響應式網頁設計已經是目前網頁設計的主流趨勢,大部份的網頁都採用這樣子的網頁設計,因為它不僅能夠在不同裝置上順暢瀏覽,同時也降低了企業網站的製作及維護成本,而且在帶給使用者更好的使用體驗時,也能帶給您的網站更高的排名以及更高流量。
延伸閱讀:RWD響應式網站的 5 個優點與 4 個缺點分析