從"全球冰淇淋日"看Uber的事件營(yíng)銷 |
發(fā)布時(shí)間:2016-01-25 文章來(lái)源: 瀏覽次數(shù):3892 |
自適應(yīng)網(wǎng)站設(shè)計(jì)布局有它自己的上風(fēng),由于它們實(shí)施起來(lái)代價(jià)更低,測(cè)試更輕易,這往往讓他們成為更切實(shí)際的解決方案。自適應(yīng)網(wǎng)站設(shè)計(jì)布局可以看做響應(yīng)式網(wǎng)站設(shè)計(jì)布局的“窮兄弟”,在資源有限的情況下就可以讓它出馬。特別是改進(jìn)現(xiàn)有網(wǎng)站的時(shí)候尤其奏效,由于全部重寫(xiě)代碼在這時(shí)并不可行。這種案例中,采用自適應(yīng)網(wǎng)站設(shè)計(jì)布局是一個(gè)不錯(cuò)的起點(diǎn)。 真的需要為手機(jī)和電腦設(shè)計(jì)不同的網(wǎng)頁(yè)嗎? 首先自適應(yīng)網(wǎng)站設(shè)計(jì)布局和響應(yīng)式網(wǎng)站設(shè)計(jì)布局解決題目的方式是不一樣的。 自適應(yīng)是為了解決如何才能在不同大小的設(shè)備上呈現(xiàn)同樣的網(wǎng)頁(yè)
手機(jī)的屏幕比較小,寬度通常在600像素以下;PC的屏幕寬度,一般都在1000像素以上,有的還達(dá)到了2000像素。同樣的內(nèi)容,要在大小迥異的屏幕上,都呈現(xiàn)出滿足的效果,并不是一件輕易的事。 良多網(wǎng)站的解決方法,是為不同的設(shè)備提供不同的網(wǎng)頁(yè),好比專門(mén)提供一個(gè)mobile版本,或者iPhone / iPad版本。這樣做雖然保證了效果,但是比較麻煩,同時(shí)要維護(hù)好幾個(gè)版本,而且假如一個(gè)網(wǎng)站有多個(gè)portal(進(jìn)口),會(huì)大大增加架構(gòu)設(shè)計(jì)的復(fù)雜度。 于是,很早就有人設(shè)想,能不能"一次設(shè)計(jì),普遍合用",讓統(tǒng)一張網(wǎng)頁(yè)自動(dòng)適應(yīng)不同大小的屏幕,根據(jù)屏幕寬度,自動(dòng)調(diào)整網(wǎng)頁(yè)內(nèi)容大小
但是不管怎樣,他們主體的內(nèi)容和布局是沒(méi)有變的。自適應(yīng)仍是暴露出一個(gè)題目,假如屏幕太小,即使網(wǎng)頁(yè)能夠根據(jù)屏幕大小進(jìn)行適配,但是會(huì)感覺(jué)在小屏幕上查看,內(nèi)容過(guò)于擁擠。響應(yīng)式的概念應(yīng)該籠蓋了自適應(yīng),而且涵蓋的內(nèi)容更多。響應(yīng)式恰是為了解決這個(gè)題目而衍生出來(lái)的概念。 響應(yīng)式Web設(shè)計(jì)(Responsive Web design)的理念是:頁(yè)面的設(shè)計(jì)與開(kāi)發(fā)應(yīng)當(dāng)根據(jù)用戶行為以及設(shè)備環(huán)境(系統(tǒng)平臺(tái)、屏幕尺寸、屏幕定向等)進(jìn)行相應(yīng)的響應(yīng)和調(diào)整。詳細(xì)的實(shí)踐方式由多方 面組成,包括彈性網(wǎng)格和布局、圖片、CSS media query的使用等。不管用戶正在使用筆記本仍是iPad,我們的頁(yè)面都應(yīng)該能夠自動(dòng)切換分辨率、圖片尺寸及相關(guān)腳本功能等,以適應(yīng)不同設(shè)備;換句話說(shuō), 頁(yè)面應(yīng)該有能力去自動(dòng)響應(yīng)用戶的設(shè)備環(huán)境。響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)就是一個(gè)網(wǎng)站能夠兼容多個(gè)終端——而不是為每個(gè)終端做一個(gè)特定的版本。這樣,我們就可以不必為不 斷到來(lái)的新設(shè)備做專門(mén)的版本設(shè)計(jì)和開(kāi)發(fā)了。 那么企業(yè)在選擇做網(wǎng)站的時(shí)候是該選擇自適應(yīng)網(wǎng)站仍是響應(yīng)性網(wǎng)站?什么樣的網(wǎng)站/項(xiàng)目適合使用自適應(yīng)布局?什么樣的網(wǎng)站適合響應(yīng)式布局? 理論上來(lái)說(shuō),響應(yīng)式布局在任何情況下都比自適應(yīng)布局好一些,但在某些情況下自適應(yīng)布局更切實(shí)際。 自適應(yīng)網(wǎng)站設(shè)計(jì)布局可以讓你的設(shè)計(jì)更加可控,由于你只需要考慮了了幾種狀態(tài)就萬(wàn)事大吉了。但在響應(yīng)式網(wǎng)站設(shè)計(jì)布局中你可能需要面臨非常多狀態(tài),這樣一來(lái)就很難切當(dāng)搞清你的設(shè)計(jì)會(huì)是什么樣。同時(shí)這也帶來(lái)了測(cè)試上的挫折,你很難有絕對(duì)的掌握猜測(cè)到它會(huì)怎樣。換個(gè)角度說(shuō),這也是響應(yīng)式網(wǎng)站設(shè)計(jì)布局的魅力所在。你能確定的是它們一定能展示的很好——無(wú)論是表層特征仍是布局結(jié)構(gòu)都有條不紊。 |
|