到底甚麼是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號地窖〕科幻驚悚片搶先看 〔科洛弗檔案〕系列外傳 必看 推!
留言列表
影視分享 (1)
