EthanMarcotte是一位來自於美國的設計師,他所提出的響應式網站設計(RWD)概念於2011年正式為網站正式帶來「多螢幕時代」的改善方案。

 

響應式網站設計的英文名稱為Responsive web design,簡稱RWD,中文亦稱為響應式、回應式、對應式、多螢幕網頁設計,但是其設計概念都是相同的。透過RWD,我們便能以流體移動方式來適應螢幕大小並調整網頁內容、縮放、重新編排或隱藏部分內容。這項設計技術亦已經成為現時許多網頁設計師製作網站時不可逆的開發趨勢與技術概念。

 

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

 

為甚麼會有RWD這種概念誕生呢?

這便要追溯約2010年之前,當時大部份網頁設計師所建置的網站,都是依照一定的精確尺寸來做設計,比如1024x768尺寸的海報、報紙、書本設計等等,尺寸都是固定的。但隨著電子產品盛興,不同螢幕尺寸規格亦不再固定,如智慧型手機、ipad與手提電腦等便已經擁有多種螢幕尺寸。因此令現時許多網頁設計師常常會因螢幕尺寸與比例太多而困擾。

 

雖然RWD的誕生並不是因為要追上時尚或成為一種新的美學方式,但它必然會逐漸成為新的趨勢。因為透過RWD,便能解決目前多種螢幕瀏覽網頁所產生出來不同尺寸的問題。此項設計也能讓網頁設計師以不同螢幕尺寸與解析度的方向去思考如何將RWD網頁設計(響應式)應用在網頁上等問題。

 

響應式網站設計(RWD)與傳統網站設計相比,它有甚麼更明顯優勢?

RWD網頁設計主要以CSS3技術製作,是一種以百分比的概念與液態彈性的編排設計。RWD網頁的螢幕大小能透過滑動,隱藏及縮放等一系列動作產生變化,即時做出相對應的改變,讓瀏覽者可以更舒適地瀏覽網站。另一個明顯優勢便是RWD網頁設計是一個可以只用一個網站便能取代多種版本的網站方式,因此在製作上與管理上相對單純及輕鬆許多。除此之外,因傳統網站的螢幕大小是固定的,所以以往都需要再制作出一個符合手機等電子設備螢幕大小的網站。這便意味企業需要多花一倍的金錢投放於設計網頁上,而設計師亦要多花一倍時間設計出與各種電子設備相符的網頁頁面,這無疑是加重各方面的負擔。但透過使用RWD便不再需要因要符合手機螢幕而製作一個新的尺寸螢幕,有效降低因要花更多時間與金錢的問題,而且也能令管理和維護網站時更輕鬆,為設計者及企業節省更多資金和時間。

 

當然響應式網站不止以上原因才被運用到網站設計當中,欲想知道更的讀者,可繼續觀看有關響應式網站被廣泛運用到設計當中的原因下篇

 

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