響應式網頁設計概念於2010年5月由國外著名網頁設計師Ethan Marcotte所提出的概念,
響應式網頁設計乃是由英文(Responsive Web Design)直接翻譯而來,
口語又稱做多螢網站。
隨著智慧型手機的普及,
網頁的技術近年來也開始重視手機上的視覺效果了,
最近與客戶解釋到手機板的網頁時,
都會提到“Responsive” 這個辭彙,但客戶大多都不太瞭解,
所以在此想解釋一下,
早期的手機網頁開發都是與電腦上的網站區隔開來另外再製做,
但是這樣導致管理者若要更新網頁內容時就必須要更新兩次。
響應式網頁設計(Responsive Web Design)
這是一項被公認在2013年網頁開發技術的重要進步之一。
網站使用CSS3 media queries方式,以百分比的方式以及彈性的畫面設計,在不同解像度下改變網頁頁面的佈局,的讓不同的設備都可以正常瀏覽同一網站,提供最佳的視覺體驗,因為移動平台的用戶大量增加而想出的一個對應方法。
說得簡單一些,透過CSS,可以使得網站透過不同大小的螢幕視窗來改變排版的方式,使得使用者能夠得到最佳的視覺效果,
由於是由同一個網頁轉變,管理者也就不必大費周章的重複更新網頁資訊,一次搞定!
不僅手機版本,就連平板電腦如iPad等的平台也能夠達到視覺最佳化,
尤其是在手機上的網頁瀏覽,多螢網站會自動將網頁編排成只有上下滑動的方式瀏覽。
目前的舊式網頁技術用手機開啟時不但字太小,
而且需要上下滑外加左右滑動去閱讀,
多螢網站一次解決了不同尺寸的最佳瀏覽體驗,
目前有作多螢網站的能見度還不高,
相信未來使用行動裝置上網將成為主流,
而多螢網站也將成為企業的標準配備。
艾爾森數位有限公司
諮詢專線: (02) 2729-4900
官方網站: http://www.qredc.com.tw/
留言列表