RWD (Responsive Web Design) 網(wǎng)站,簡單來說,就是能夠依照瀏覽者使用的屏幕尺寸,自動縮放成最佳比例,而有別以往的等比例縮小,RWD響應(yīng)式網(wǎng)站設(shè)計能夠重新排版,不需辛苦的一邊放大文或圖片比例,一邊移動屏幕。
RWD響應(yīng)式網(wǎng)站設(shè)計,最早之前在2010年由美國著名的網(wǎng)頁設(shè)計師Ethan Marcotte 所提出的網(wǎng)頁設(shè)計技術(shù),但是初期并沒有得到太大的回響,更沒想到這將是跨時代的技術(shù),直到2007年1月, Apple 發(fā)表了iPhone 第一代,將原本人們習(xí)慣在桌上電腦瀏覽網(wǎng)站的情況慢慢改變,并且透過智慧型手機隨時隨地?zé)o線上網(wǎng)的方式開始影響到人們,這才開始發(fā)展出RWD響應(yīng)式網(wǎng)站設(shè)計的技術(shù)及套件,2012年后被公認為是日后網(wǎng)頁設(shè)計開發(fā)技術(shù)的趨勢。
而資策會MIC研究報告顯示:2015年全球智慧型手機出貨量達14.3億臺,預(yù)估2017年全球智慧型手機出貨約15.6億臺,成長率8.9%。
這代表些什么? 使用移動瀏覽設(shè)備看網(wǎng)站的比例已經(jīng)超過用桌上型電腦看網(wǎng)站的人數(shù),如果網(wǎng)站還是屬于傳統(tǒng)1024x768模式,您的網(wǎng)站流量將慢慢降低,直到驚覺事態(tài)嚴重時,也只能砍掉重練,因此建議網(wǎng)站能夠重新設(shè)計為RWD響應(yīng)式網(wǎng)站。
RWD響應(yīng)式網(wǎng)站的優(yōu)點如下:
1.網(wǎng)頁被搜尋機率高:
Google宣布,如果網(wǎng)頁所提供的版面能夠針對瀏覽設(shè)備的屏幕自動調(diào)整,并依照屏幕尺寸顯示合適的網(wǎng)站內(nèi)容,網(wǎng)頁被搜尋到的機率將比一般網(wǎng)站更高、排名更優(yōu)秀。
?
2.支持任何瀏覽設(shè)備:
這是RWD 最大的優(yōu)點,也是它的最重要目的,當(dāng)瀏覽者再也不是乖乖地在桌上型電腦或是筆記型電腦上觀看資訊,也許用手機,也許用平板,過個幾年后也許是用4K電視,而RWD 讓您的網(wǎng)站內(nèi)容可以自動符合瀏覽設(shè)備屏幕的尺寸來進行延展、伸縮、變形、移動,原本在桌上型電腦的寬屏幕上或是大尺寸電視,產(chǎn)品圖片是橫向水平排列,遇到較小的手機屏幕時,產(chǎn)品圖片會自動變成縱向垂直排列,由上到下,讓使用者可以輕松便利的瀏覽您的產(chǎn)品資訊,全部都會自動重新排列,找到最合適的呈現(xiàn)方式。
?
3.節(jié)省開發(fā)成本:
只需要維護單一網(wǎng)站版本,而非兩個版本。早期方式是必須同時維護電腦版網(wǎng)站以及移動版網(wǎng)站,但經(jīng)由RWD響應(yīng)式網(wǎng)站設(shè)計,可整合為單一版本及后臺管理,節(jié)省人力成本、開發(fā)成本。