如何理解響應(yīng)式網(wǎng)站設(shè)計(jì)的概念
?
眼下,幾乎所有的新客戶都希望Web設(shè)計(jì)師和開發(fā)者給自己的網(wǎng)站設(shè)計(jì)專門的移動(dòng)版本。最好是黑莓、iPhone、iPad、上網(wǎng)本還有Kindle各自都有一款,另外屏幕分辨率還都得兼容。接下來的幾年里,我們可能還會(huì)為數(shù)不清的新移動(dòng)終端開發(fā)設(shè)計(jì),而這種瘋狂何時(shí)才是盡頭呢?
金華微信平臺(tái)的設(shè)計(jì)師告訴小編:甭想了,它根本沒有盡頭。
?
?
?
?
?
?
在網(wǎng)站設(shè)計(jì)與開發(fā)領(lǐng)域,我們會(huì)越來越跟不上新分辨率和新設(shè)備更新?lián)Q代的步伐。對(duì)于許多網(wǎng)站而言,為每個(gè)分辨率和新設(shè)備開發(fā)一個(gè)網(wǎng)站版本幾乎是不可能的,或者說是不切實(shí)際的。我們可能會(huì)顧此失彼,在保證某個(gè)設(shè)備的用戶群的同時(shí),失去了使用其他設(shè)備的用戶。有別的更好的辦法么? 用戶群的同時(shí),失去了使用其他設(shè)備的用戶。有別的更好的辦法么?響應(yīng)式網(wǎng)站設(shè)計(jì)的理念是網(wǎng)站頁面的設(shè)計(jì)與開發(fā)應(yīng)該根據(jù)用戶的行為和基于用戶的屏幕大小、系統(tǒng)平臺(tái)和屏幕方向的使用環(huán)境作出相應(yīng)的回應(yīng)。具體操作則包括彈性網(wǎng)格、布局、圖片和CSS媒體查詢的靈活使用,等等。用戶從筆記本切換到iPad時(shí),網(wǎng)頁應(yīng)該自動(dòng)調(diào)整應(yīng)對(duì)所用設(shè)備的分辨率、圖像大小腳本功能。換句話說,網(wǎng)站應(yīng)該有這樣的技術(shù)能力,隨時(shí)隨地回應(yīng)用戶的需要。這樣我們就可以不用為層出不窮的新設(shè)備做專門的設(shè)計(jì)與開發(fā)了。
不同的設(shè)備,其屏幕分辨率、清晰度以及屏幕方向都各自不同。每天都有各種新設(shè)備誕生,隨之而來的是不同的屏幕尺寸,而且每個(gè)設(shè)備或許都能兼容各種尺寸、功能甚至是顏色。有的是橫屏,有的是豎屏,甚至還有正方形屏幕。而隨著iPhone、iPad以及高級(jí)智能手機(jī)的流行,許多新設(shè)備都可以隨意進(jìn)行橫屏豎屏切換。怎樣的設(shè)計(jì)才能滿足上述所有情況呢? 除了橫屏豎屏的兼容問題,我們還要考慮到千變?nèi)f化的屏幕尺寸。當(dāng)然,我們可以給這些尺寸歸類,然后每一類對(duì)應(yīng)一種設(shè)計(jì)方案,并盡力確保每個(gè)設(shè)計(jì)的靈活性。但即便如此,任務(wù)也還是會(huì)繁重不堪,何況誰知道五年之后其使用數(shù)量會(huì)是怎樣?而且許多用戶甚至不會(huì)去最大化瀏覽器窗,光這一點(diǎn)就讓屏幕尺寸的變數(shù)更大了。