隨著近年來移動裝備越來越流行,我們有必要說明一下,一般網(wǎng)站是如何在小型裝備展示,以及如何適應(yīng)多重屏幕的。目前主流的兩種方案,分別是「手機(jī)版網(wǎng)站」與「RWD 設(shè)計」,我們會針對這兩種方案做簡單的說明,讓您了解該如何選擇。
手機(jī)版網(wǎng)站這是早期最傳統(tǒng)的解決方案,由于手機(jī)屏幕較小,沒有辦法呈現(xiàn)完整的網(wǎng)站樣貌,且早期太多Flash 等等不支援手機(jī)顯示的網(wǎng)站元件,因此那時候都是由程序判斷瀏覽器的UserAgent 是否為手機(jī),若是的話,就另外顯示專門為手機(jī)制作的簡易版網(wǎng)站介面。
由于最早興起智能手機(jī)風(fēng)潮的是蘋果 iPhone,所以多數(shù)的手機(jī)版網(wǎng)站與 iPhone 有著類似的介面,也就是直列選單加上大大的按鈕,例如下面幾張圖片:
甚至有些網(wǎng)站會額外替手機(jī)版準(zhǔn)備另一個網(wǎng)域,例如 sina.com 就另外有一個手機(jī)專用的 m.facebook.com 網(wǎng)域來顯示手機(jī)版網(wǎng)站。
這種方式的優(yōu)點是簡潔明了,不會下載太多不必要的大圖片來加重手機(jī)網(wǎng)路負(fù)擔(dān),特別針對手機(jī)設(shè)計的介面也較容易閱讀。
但缺點卻很明顯,不只要額外開發(fā)新的網(wǎng)站造成人力浪費,手機(jī)UserAgent 的判斷有時候也會失誤,最重要的是手機(jī)版網(wǎng)站常常無法提供完整的功能,可能會缺東缺西,因此同常都要提供一個返回桌面版的選項。
RWD 響應(yīng)式設(shè)計RWD 的全名為 Responsive Web Design,中文稱作響應(yīng)式網(wǎng)頁設(shè)計,意思是說,網(wǎng)頁會根據(jù)當(dāng)下的屏幕大小,自動將自己的排版調(diào)成對應(yīng)的形狀來適應(yīng)。如下圖:
很明顯的,當(dāng)屏幕越來越窄,網(wǎng)站本身會將版面調(diào)整成垂直排版,適合在小屏幕上閱讀。這種設(shè)計需要較為資深有經(jīng)驗的前端設(shè)計師才能夠掌握,但目前已經(jīng)是網(wǎng)頁設(shè)計的主流了。
RWD 的優(yōu)點非常名確,我們只需要一次設(shè)計,就能適應(yīng)所有版面,節(jié)省制作成本,網(wǎng)站風(fēng)格也能統(tǒng)一。另外,不單純只是手機(jī)與桌機(jī)的差別,只要是屏幕大小不同,如平板等等,都可以根據(jù)屏幕來做適當(dāng)?shù)呐虐?,不會出現(xiàn) iPad 只能看手機(jī)版的窘?jīng)r。
至于缺點是常常被忽略的,首先,RWD 設(shè)計終究很難將桌面版好的排成手機(jī)合適的樣貌,總會有些跑版(經(jīng)驗老到的設(shè)計師有能力避免),而手機(jī)版網(wǎng)站則是特別為了手機(jī)而設(shè)計,有較佳的閱讀與操作體驗。另外,由于 RWD 不管屏幕大小,都會把網(wǎng)站的所有內(nèi)容與圖片載入,接著才根據(jù)屏幕大小選擇要不要顯示,所以對于手機(jī)網(wǎng)路與記憶體來說有較大的負(fù)擔(dān)。
我該如何選擇?基本上,如果您的預(yù)算不是很充足,其實目前主流的 RWD 設(shè)計就非常適合您了,多數(shù)有經(jīng)驗的
網(wǎng)頁設(shè)計公司都會將 RWD 設(shè)計列為網(wǎng)站標(biāo)準(zhǔn)配備,不會對您加收太多費用。而您也只需要維護(hù)一個網(wǎng)站即可。若您的預(yù)算充足,也可以請設(shè)計公司替手機(jī)屏幕做更多的優(yōu)化。
若您的網(wǎng)站功能較特殊,需要一個完全適用手機(jī)版的獨立網(wǎng)站,當(dāng)然也可以請制作公司代為開發(fā),但制作與日后維護(hù)很有可能就是兩個網(wǎng)站的成本了。
當(dāng)前標(biāo)題:手機(jī)版網(wǎng)站與 RWD 網(wǎng)站有什么差別?我該如何選擇?
網(wǎng)頁URL:http://www.rwnh.cn/news13/145063.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)頁設(shè)計公司、搜索引擎優(yōu)化、虛擬主機(jī)、營銷型網(wǎng)站建設(shè)、網(wǎng)站營銷、網(wǎng)站內(nèi)鏈
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源:
創(chuàng)新互聯(lián)