新聞資訊
新聞資訊
響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)讓網(wǎng)站移動(dòng)起來
閱讀:4276更新時(shí)間:2018-08-21
響應(yīng)式Web設(shè)計(jì)(Responsive Web design)的理念是:集中創(chuàng)建頁(yè)面的圖片排版大小,可以智能地根據(jù)用戶行為以及使用的設(shè)備環(huán)境(系統(tǒng)平臺(tái)、屏幕尺寸、屏幕定向等)進(jìn)行相對(duì)應(yīng)的布局。
響應(yīng)式設(shè)計(jì)是Ethan Marcotte在2010年5月份提出的一個(gè)概念,簡(jiǎn)而言之,就是一個(gè)網(wǎng)站能夠兼容多個(gè)終端——而不是為每個(gè)終端做一個(gè)特定的版本。這個(gè)概念是為解決移動(dòng)互聯(lián)網(wǎng)瀏覽而誕生的。現(xiàn)在越來越多用戶都擁有多種終端:臺(tái)式機(jī),筆記本,平板電腦,手機(jī),能夠適應(yīng)不同尺寸顯示屏的網(wǎng)頁(yè)是現(xiàn)在的潮流,甚至是未來很長(zhǎng)一段時(shí)間的設(shè)計(jì)趨勢(shì)。那么響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)就是來解決這個(gè)問題的。這種特別的開發(fā)方式能保證網(wǎng)頁(yè)適應(yīng)不同的分辨率,讓網(wǎng)頁(yè)要素重組,使其無論在垂直的平板電腦還是智能手機(jī)上,都能達(dá)到最好的視覺效果。
除了多終端的多樣化,還可以看到我們的電腦屏幕,手機(jī)屏幕都在不斷變大,而在對(duì)未來生活的預(yù)測(cè)、概念設(shè)計(jì)里,”屏幕”這個(gè)產(chǎn)物更是被運(yùn)用到多種新平臺(tái)上。例如微軟發(fā)布的”未來生活概念視頻”里,廚房、室內(nèi)墻壁、辦公室玻璃墻面都成為了交互平臺(tái)。所以我們可以發(fā)現(xiàn),響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)所具備的良好的適應(yīng)性和可塑性,在未來的網(wǎng)頁(yè)設(shè)計(jì)里將占有舉足輕重的位置。
舉個(gè)例子:現(xiàn)科網(wǎng)絡(luò)客戶案例 高創(chuàng)時(shí)代 http://www.gaocsd.com/

設(shè)計(jì)從全尺寸桌面布局開始設(shè)計(jì),逐漸縮小,運(yùn)用一套代碼寫出手機(jī)版、平板電腦版、普通電腦版三種不用的布局。
微軟公司 http://www.microsoft.com/en-us/default.aspx

響應(yīng)式設(shè)計(jì)在2012年被提的比較多,在過去幾年的發(fā)展中快速鞏固了自己作為網(wǎng)頁(yè)設(shè)計(jì)的新標(biāo)準(zhǔn)。當(dāng)然,也有爭(zhēng)論,但是沒人拒絕,實(shí)際上越來越多的網(wǎng)站選擇響應(yīng)式的方向。隨著新的設(shè)備不斷出來(比如:iPad Mini), “讓人們忘記設(shè)備尺寸”的理念將更快地驅(qū)動(dòng)響應(yīng)式設(shè)計(jì),所以 Web設(shè)計(jì)也將迎來更多的響應(yīng)式設(shè)計(jì)元素,迫使響應(yīng)式網(wǎng)站開發(fā)設(shè)計(jì)不斷變化,不斷創(chuàng)新。