瞭解什麼是響應式網頁設計(Responsive Web Design)

/ 八月 15, 2016/ 數位科技新聞/ 0 comments

響應式網頁設計(Responsive Web Design, RWD)最早於2010年由著名網頁設計師Ethan Marcotte所提出的概念。是製作網站時採用CSS3+JQueay等網頁技術,讓網站可以針對不同解析度的裝置(桌機、筆電、平版、手機)等不同尺寸螢幕瀏覽網站時,網站會根據使用者的裝置呈現出符合其螢幕大小的網頁。

RWD ( Responsive Web Design ) 可稱為自適應網頁設計響應式網頁設計回應式網頁設計多螢網頁設計等,這是一項在現今被公認的網頁設計開發技術的趨勢,網站使用CSS3 media queries方式,以彈性的畫面設計,在不同解像度下改變網頁頁面的佈局,讓不同的設備都可以正常瀏覽同一網站,提供最佳的視覺體驗;然而這對於行動商務越來越受到重視的現今社會來說,此種網頁設計方式也隨之越來越受到重視。
自 Google 宣布全球行動平台的搜尋次數已超越 PC 平台的搜尋次數後,各大搜尋引擎開始追隨 Google 腳步針對行動裝置修改搜尋演算法,此舉將造成企業如沒有特別設立手機版網頁,在搜尋結果的排名可能會大幅下跌,甚至導致潛在顧客瀏覽網站的機會減少。

企業為了滿足手機瀏覽者的需求,一般在進行網站設計製作時則會再另外製作「手機版」的網站,以滿足這些行動族群的需求,然而手機版網站雖然可以解決大多數手機瀏覽網頁者的不便,但對於花錢進行網站建置的企業來說,將額外增加一個網站建置的成本。

RWD網頁設計技術的來臨,讓使用者不需額外製作手機版用戶使用的網站,管理者也就不需大費周章的重覆更新網頁資訊,不僅手機版本,就連平板電腦如iPad等的平台也能夠達到視覺最佳化,企業維護網站只要一次搞定,大大降低人力及金錢,所以RWD 響應式網頁設計開發技術嚴然已成為新一代的網頁設計趨勢!

Leave a Comment

你的電子郵件位址並不會被公開。 必要欄位標記為 *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>
*
*