

何謂 Responsive web design (RWD)
2011年美國設計師Ethan Marcotte 所提出因應「多螢幕時代」來臨的網站改善方案,以流體移動方式來適應螢幕大小調整網頁內容、縮放、重新編排或隱藏部分內容,RWD如今已經成為網頁設計師製作網站時不可逆的開發趨勢與技術概念,這樣的製作概念可以稱為響應式網頁設計(Responsive web design 簡稱 RWD)又稱響應式、回應式、對應式、多螢幕網頁設計,但是其設計概念都是相同的。 約於2010年之前,網頁設計師所建置的網站,大都是依照一定的精確尺寸來做設計,比如說1024x768,類似海報、報紙、書本設計等等,尺寸是固定的,然而現在有著數十種不同螢幕尺寸規格,如智慧型手機、ipad與筆電等等多種螢幕尺寸,如今網頁設計師常常因為螢幕尺寸與比例太多而困擾。
RWD網頁設計(響應式),以CSS3技術製作,以百分比的概念與液態彈性的編排設計,網頁本身會隨著螢幕的大小去滑動隱藏縮放等變化,即時產生相對應的改變,好讓瀏覽者可以舒適的狀態瀏覽。 在RWD網頁設計(響應式)尚未成熟與普及以前,手機板網站也曾經流行一小段時間,做為傳統網站與RWD網站的臨時解決方案,由於手機版網站使用上還是有不少缺點無法改善,如今RWD網頁設計(響應式)可以用一個網站可以取代多種版本的網站方式,在製作上與管理上相對單純許多,所以手機版網站已經漸漸被取代。
行動裝置普及,行動版網頁設計勢在必行。
根據資策會FIND公佈最新調查結果顯示,國內12歲以上使用智慧型手機或平板電腦者已達到1600 萬人。調查也發現行動裝置不僅在中低年齡族群已經普及,連中高齡層普及率也在持續提升中,行動裝置不再只是年輕族群的專利,也逐漸走入中高年齡層人口的生活中。 而這些用戶在智慧型手機上最常使用的應用除了即時通訊、社群網站、遊戲、收發電子郵件外,地圖導航、搜尋旅遊資訊、網購、訂票也同步增長。而對網路及網站依存高的觀光旅宿業者,其網站若有針對行動族群做改版,將會是最大的受益者。
為什麼需要設計適合行動裝置瀏覽的網站?
試想一下,當使用者透過行動裝置瀏覽您的網站時,他們能否輕鬆閱讀網頁內容並找到需要的資訊,或是會覺得難以使用?
電腦版網站會帶給行動裝置瀏覽和使用上的不便。使用者在瀏覽尚未針對行動裝置最佳化的網站時,必須靠雙指撥動或縮放螢幕才能閱讀網站內容,因此在使用上甚感不便之餘,很可能就會放棄瀏覽您的網站。反觀適合行動裝置瀏覽的版本不僅容易閱讀,使用上也極為流暢方便。
在美國,智慧型手機使用者中有 94% 的人會透過手機搜尋當地資訊。 有趣的是,77%的行動裝置搜尋都發生在使用者的住家或公司,而這些都是可能會有桌上型電腦的地方。

只要有手機用戶,任何產業都需要RWD響應式網頁設計
隨著智慧型手機、平板愈來愈普及後,改變了大家的瀏覽習慣,網頁不再只限於電腦中顯示。根據調查,2014年底全球以行動裝置上網比例超過電腦, 所以現在設計網站必需考慮到行動裝置族群的瀏覽網站的方便性。
傳統作法是請客戶另外設計手機版網站,若是舊網站只作手機版,而沒有整個重新製作,就會導致管理者若要更新網頁內容時就必須要更新兩次,不小心沒有更新到時,常會引起不必要的客訴!
RWD響應式網頁技術勢在必行
Codesignx 非常關心網站設計趨勢及時常精進網頁開發設計的技術,已導入被公認在2013年網頁開發技術的重要進步之一的響應式(RWD)網頁設計技術。這是一個網頁會根據螢幕大小自動調整,例如更舒服的排版、字體、字型等。隨著行動裝置愈來愈多樣化,為了讓消費者在不同行動裝置上獲得相同愉悅的上網體驗的衍生出的技術。
愛貝斯網路目前已幫公司企業、民宿飯店、網路購物等超過上百家客戶用響應式網頁設計(RWD)技術建置網站,進而推出了優惠方案,以業界最優惠的費用幫所有網站設計需求的業者設計響應式(RWD)網站,讓響應式(RWD)網站能更普及。
