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