論響應式(RWD網頁設計)之必要性
行動裝置早已成為人們瀏覽網站的主流方式,因此web裝置的相容性也日益重要,但傳統的網頁設計方式在手機或行機裝置上瀏覽卻經常出現以下問題:
1. 網站在小尺寸的裝置上不易被瀏覽,文字圖片常常過小,網頁的版面容易跑版。
2. 同一網站需製作電腦、手機二種以上版本,所花費的時間、成本相對提高。
3. 各種設備螢幕尺寸眾多,無法針對單一解析度來個別設計版面。
4. 影響SEO搜尋引擎自然排序名次 (搜尋引擎目前已將網站是否支援RWD列入評分機制,有符合RWD規範之網站將會提高於搜尋引擎中的排名)。
因此,於2010年時 Ethan Marcotte 在「List Apart」的報導中提出「響應式網站設計 (Responsive Web Design)」新的網頁設計的基本思維,使網站本身能自已適應不同螢幕尺寸,讓每個使用者都能得到最佳的瀏覽環境。同時以SEO (搜尋最佳化) 角度來看,更是有利於SEO,因為單一網站的設計也等同只有一個網址存在,不會因為網站有不同裝置版面而被分散SEO、廣告投放的成效及成本的增加。
響應式RWD網頁設計思維
簡單來說,我們先把各種不同螢幕尺寸的裝置電腦、平版、手機、電視...等,當成各種不同大小的「容器」,接著我們再把網站的內容、圖片...等元素部份當成準備倒進容器的「液體」;當我們在瀏覽網站時,就像把「液體注入容器」那般,讓液體自已填滿容器的空間,自已完成內容排版配置;如果今天我們所用的容器較小時,多餘的液體 (資訊) 就不會被倒進這容器,讓我們只瀏覽必要、重要的資訊。這樣的設計方式,讓網站內容、圖片可隨著裝置的螢幕尺寸改變,以一個網頁來適應所有裝置,讓每個使用者都能得到最佳的瀏覽環境,這就是RWD設計的終極思維。
資料來源:https://www.eztrust.com.tw/html/rwd/index.aspx
成功案例
#貝拉司漫
#富登車業
#維樂工業
#尊博官網