響應式網站設計

響應式網頁設計RWD

響應式又稱回應式(Responsive Web Design)簡稱RWD,網頁會根據當前使用者螢幕大小,自動判斷調整畫面排版,讓使用者能夠更方便的觀看,是目前的主流網站設計架構。

RWD簡單說就是一個網站可以兼容多個平台(電腦、手機、平板)版面,以前網站設計就只有針對電腦版網站來設計,如今需要使用手機版的網站,就需要重新設計一次手機版的網站相當麻煩,而RWD自適應網站就沒這個困擾了,萬事兼備。

這樣說來RWD優點就有非常明顯了,只需要一次設計就能適應所有版面,以前的單一設計至少要重新設幾好幾次,現在直接全適應,超節省製作成本的,而網站的風格也能統一,而不只有螢幕大小不同而已,平板、手機、電腦都能根據不同螢幕大小適應的自動排版,不會出現畫面被切掉,或是看不清楚的情況。

早期手機版網站的開發,需要另外開個網域然後重新設計,使用者使用時候自動跳轉到手機版的網站,這種方式優點是簡潔明瞭,因為是固定的內容,手機不會用到多餘的流量和記憶體較不吃效能速度也最快,但缺點也很明顯就是,需要而外開發一套手機版的網站,增加了開發成本、時間成本,最重要的是手機版是電腦版的簡略版,沒有完整的體驗,所以會設計一個返回電腦版的選項。

RWD優點非常明顯但缺點呢?缺點可能就被忽略,可能還會跑版,例如專為手機版面設計的網頁,就對手機會有較佳的閱讀體驗,可能會稍微走位,但不太影響觀感,如經驗豐富的設計師就算用RWD也不會走位就是了,還有一點就是比較吃效能,因為他不管螢幕大小,都會先把內容、圖片、影像載入,然後才判斷要不要顯示,所以對於手機會吃比較多的流量和記憶體有比較大的負擔,總之就是吃效能。

如果上面說的RWD小缺點都能接受,為了全適應版面,就只好用小缺點換大優點,泛用型的網站雖然是用全版面,比較特化型網站還是會弱一些,論CP值來說,選擇RWD是最好的,小缺點總是會隨著時間改進變成無缺點。