最新消息

RWD網站設計趨勢

2017-09-25

Responsive Web Design - RWD響應式網站設計

1990年代第一支iPhone的問世,不僅帶來智慧型行動裝置蓬勃發展,同時也改變人們上網的習慣,網際網路從此不僅僅只出現在辦公桌上,更是悄悄的移動到人們手上;如今行動裝置早已成為主流web瀏覽設備之一,而網站跟使用者的接觸也變得更加密切,因此web裝置相容性也相對的重要了起來,但以往傳統的網頁設計方式在手機或行機裝置上瀏覽卻經常出現以下問題:

‧網站在小尺寸裝置上不易被瀏覽,文字圖片常常過小,網頁的版面容易破版。

‧同一網站需製作電腦、手機二種以上版本,花費時間、成本相對提高。

‧各種設備螢幕尺寸眾多,無法針對單一解析度個別設計版面。

‧影響SEO搜尋引擎自然排序名次(搜尋引擎目前已將網站是否支援RWD列入評分機制,有符合RWD規範之網站將會提高於搜尋引擎中的排名)。

因此,於2010年時 Ethan Marcotte 在「List Apart」的報導中提出 「響應式網站設計(Responsive Web Design)」新的網頁設計的基本思維,使網站本身能自已適應不同螢幕尺寸,每個使用者都能得到最佳的瀏覽環境;W3C更是贊同並提倡這種設計方式,並將此技巧命名為「One Web」加以推廣;同時就站在SEO(搜尋最佳化)角度來看,單一網站的設計也等同只有一個網址存在,這樣「One URL」更是有利於SEO,不會因為網站有不同裝置版面而被分散SEO、廣告投放的成效及成本的增加。