數位科技新未來---響應式網站的崛起

  • 訊息報導
  • 2015-03-31

 

什麼是響應式網站? 

響應式網頁設計(Responsive Web Design)於2010年5月由國外著名網頁設計師Ethan Marcotte所提出的概念。
簡單的說就是網站可以依照不同裝置(桌機、筆電、平版、手機)等不同尺寸螢幕瀏覽網頁時,讓整個網頁頁面對應不同的解析度,而有不同的呈現方式,從另一角度來說可以讓最重要的訊息在有限的版面中清楚的呈現給用戶。

響應式網站,不只是程式碼,還要搭配整體網頁在架構及設計上,一開始就需導入概念,在概念的引導下,網頁架構簡單且訊息一目了然,配上簡約的圖片,不使用任何Flash動畫,網頁可以正確無誤的傳達意向及訊息給使用者,方能達到網站的目的。 

面對數位科技的日夜變遷,行動裝置的使用普及率是以高成長率的發展,瀏覽網站不再只限於電腦螢幕,平板與手機更是民眾接收資訊的最快媒介,要如何透過這樣的需求,創造有別於以往的制式網站或手機版網站。

下圖為本公司設計的響應式網站範例: 

 

 

台中網站設計-大傳數位科技

 

 

使用"響應式網站"的優點

 

 

 

 

什麼類型的網站較不適合使用響應式網站? 

 

● 入口網站
● 購物網站
● 遊戲網站
● 需大量操作的網站
 
 
從網站設計師與工程師的角度.... 
 
對網站設計師與工程師來說,除了考量美工視覺設計,還需考量不同設備各種瀏覽器螢幕解析度的相容性。例如一個網站需要提供多種設備版本服務,這樣做法雖然滿足了使用者的需求,但是對於網站設計師和前端工程師而言非常麻煩,除了同時要維護好幾個版本,又會增加網站架構設計的複雜度。於是響應式網頁設計概念在綜合上述,讓「網站一次設計,全部適用」在同一個網頁自動適應不同設備,各種瀏覽器螢幕解析度。

 

 

更多響應式網站範例

晨典國際實業有限公司

 

台中網站設計-大傳數位科技

 

 

中央大學萌芽功能中心

 台中網站設計-大傳數位科技