到底甚麼是RWD?在我們生活中我們常常運運到它嗎?
RWD英文全名為:Responsive Web Design ,又稱適應性網頁、自適應網頁設計、回應式網頁設計、多螢網頁設計,這是一項被公認在2014年網頁設計開發技術的趨勢,網站使用CSS3,以百分比的方式以及彈性的畫面設計,在不同解析度下改變網頁頁面的佈局排版,讓不同的設備都可以正常瀏覽同一網站,提供最佳的視覺體驗,是個因移動平台的用戶大量增加而想出的一個對應方法。透過CSS,可以使得網站透過不同大小的螢幕視窗來改變網頁排版的方式,使得各種裝置的使用者,如電腦、平板、手機、電視都能夠得到最佳的視覺效果,由於是由同一個網頁內容轉變,管理者也就不必大費周章的重複更新網頁資訊 。
簡單來說就是讓一個網頁, 在電腦、智慧型手機、平板上都可以有很好的瀏覽效果。
以下我們將舉例 網站透過RWD技術後在各個智慧瀏覽平臺上的樣貌,以便讓各位能更親切感受 :
IBM官網 電腦版 畫面 http://www.ibm.com/
IBM官網 RWD行動版畫面 http://www.ibm.com/
同一個網站位址,但當使用者用到行動版時,系統會自動縮排成行動版瀏覽模式,比照電腦版簡化排版並拉長去做設計,但依然能將電腦原始版所要表達的網站重點顯現出來。
★App屬於被動式行銷,要對方想到你,才會主動到Google Play商店或是App store下載,RWD則屬於類App開發,解決App幾乎只能在行動裝置上使用的缺點,瀏覽方式也和App類似並提供網址。
最後我們將統整RWD自適應網站的優缺點給各位做參考:
RWD自適應網站 優點:
RWD ( Responsive Web Design )響應式設計,因為使用最新的HTML5與CSS3技術,網站會隨著載具的不同而產生不同的畫面,所以客戶不需要再額外花錢設計手機版網站。
比APP更親近瀏覽者
因為瀏覽者不需要在從應用程式商店中先下載APP安裝,然後才能瀏覽,相當不方便。所以不論方便性與實用性皆比APP快又好用。
比APP開發費用更低
APP應用程式開發需要投入大量資金,因可能還必需要開發iOS與Android兩者版本,故產生的費用相較之下,普遍都比 RED自適應網站 還要來的更高!
可適用更多的裝置 更符合人性化
RWD自適應 ( Responsive Web Design )自適應 網頁設計 不會有跨平台裝置不相容的問題產生,不管是Windows、MAC、Android、iOS或其他作業系統,皆可相容並順利瀏覽。
網站維護成本更低
以往一般手機版與PC版網站因為是分開的,所以在維護完PC版網站以後,還必需要花時間另外維護手機版網站,所以等於做兩次工;但 RWD自適應網站 僅需要新增維護一次內容,便可同時更新三種平台的裝置。
更具質感 強調品牌形象
目前這項技術普遍在歐美日國外被採用,尤其以品牌形象網站居多,例如星巴客、Chanel等,這樣的設計方式相當具有質感,更容易強調品牌的形象與有助於提升品牌整體的價值。
RWD自適應網站 缺點:
舊IE瀏覽器不適用
因為使用是最新的技術,所以太舊的版本(IE7以下)不支援。
手機瀏覽的介面不能太過複雜
因為手機畫面寬度較窄,所以網站內容不能太過於複雜,否則一方面很容易造成載入速度較慢;另外一方面也不好瀏覽。
開發時間較長
人家說:好的東西是值得被等待的!也因為RWD一次要開發符合多裝置都相容,所以所花費的開發時間一定會比較久。
延伸閱讀:
【健康】看完這篇讓你了解 蛋白質對於人體到底有多重要 營養來源 優質蛋白素
【影評】〔科洛弗10號地窖〕科幻驚悚片搶先看 〔科洛弗檔案〕系列外傳 必看 推!
留言列表