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