早於約2010年之前,大部份網頁設計師所建置的網站都是依照一定的精確尺寸來做設計,但隨著電子產品盛興,螢幕尺寸規格亦不再固定,如智慧型手機、ipad與手提電腦等的螢幕尺寸已各有不同,令現時許多網頁設計師常常會因螢幕尺寸與比例太多而困擾。為了解決目前多種螢幕瀏覽網頁所產生出來不同尺寸的問題,來自於美國的設計師的Ethan Marcotte,便提出一種名叫RWD的概念,為網站正式帶來「多螢幕時代」的改善方案。

 

RWDResponsive web design的英文縮寫名稱,中文名稱為響應式網站設計,同時亦可稱為響應式、回應式、對應式、多螢幕網頁設計。透過RWD,我們便能以流體移動方式來適應螢幕大小並調整網頁內容、縮放、重新編排或隱藏部分內容。因此這項設計技術亦已被許多網頁設計師廣泛運用到製作網站的工作上。

 

上回,已為大家簡略介紹RWD的特點和與傳統網站設計相比的優勢。這次,就讓我透過本文為大家分析,為甚麼大眾都選擇RWD作為網頁設計的理由。如果對本文上篇有興趣的讀者,可以觀看或重溫關響應式網站被廣泛運用到設計當中的原因上篇

 

ܤ以下內容只供參考,讀者可點擊https://www.landglobalnet.com/獲取更多相關RWD的資訊

ܤ

RWD適用於任何的移動裝置

ܤ

目前市面上各種手機的品牌林林總總,平板與手提電腦使用率逐漸上升,為了應付不同人士的需求,各家智能產品品牌都推出不同螢幕尺寸的手機,平板與手提電腦,因此導致螢幕尺寸已經無法統一,令傳統網頁設計的方式無法因應目前多螢幕尺寸的需求。但透過使用液態排版方式的自適應RWD網頁設計方式,便可以讓網頁內容隨著螢幕大小進行伸縮、變化,隱藏和移動。

如使用擁有較小螢幕的智慧型手機時,顯示螢幕會相對較小,把主選單改變成下拉式隱藏方式及適度隱藏較不重要的內容,令大眾瀏覽時可以更輕鬆及方便。

 

ܤ

開發成本與時間比APP更實惠

ܤ

APP曝光方式有限,相較於網頁瀏覽方式,受限幅度會較大。但RWD響應式網頁設計便沒有這些困擾,因此如能在製作和設計網頁的方面,使用RWD響應式網頁設計便能快速與便宜許多。

 

ܤ

為用戶提供最好的顯示效果

ܤ

RWD方式製作名設計的網頁往往不受任何螢幕尺寸影響,無論是桌上型電腦、手提電腦、平板或各類不同尺寸的手機,它們的螢幕都能以最適合的方式與大小顯示出來讓用戶觀看。

RWD的網站會以液態編排方式重新排版,把內容顯示於螢幕上,因此便能為用戶提供最好的顯示效果,讓客戶不會來顯示屏大小而影響觀看內容的效果。

 

 

想要獲取更多關於響應式網站設計(RWD),網站開發或設計的相關資訊,歡迎隨時到訪andglobalnet網上專頁https://www.landglobalnet.com/