新聞資訊

什(shén)麽是(shì)響應式(Responsive Web design)網頁設計(jì)

響應式Web設計(jì)(Responsive Web design)的(de)理(lǐ)念是(shì):頁面的(de)設計(jì)與開(kāi)發應當根據用(yòng)戶行(xín§g)為(wèi)以及設備環境(系統平台、屏幕尺寸、屏幕定向等)進行(xíng)相(xiàng)應的(de)響應和(hé)調整。


具體(tǐ)的(de)實踐方式由多(duō)方面組成,包括彈性網格和(hé)布局、圖片、CSS media query的(de)使用(yòng)等。無論用(yòng)戶正在使用(yòng)£筆(bǐ)記本還(hái)是(shì)iPad,我們的(de)頁面都(dōu)應該能(néng)夠自(zì)動切換分("fēn)辨率、圖片尺寸及相(xiàng)關腳本功能(néng)等,以适應不(bù)同設備;換句話(huà)說(shuō),頁面應該有(≈yǒu)能(néng)力去(qù)自(zì)動響應用(yòng)戶的(de)設備環境。響應式網頁設計(★jì)就(jiù)是(shì)一(yī)個(gè)網站(zhàn)能(néng)夠兼容多(duō)個(gè)終∑端——而不(bù)是(shì)為(wèi)每個(gè)終端做(zuò)一(yī)個(gè)特定的(de)版本。這(zhè)樣,我們就(§jiù)可(kě)以不(bù)必為(wèi)不(bù)斷到(dào)來(lái)的(de)新設備做(zuò)專門(mén)的(de)版本設計(jì)和(hé)開(kāi)發了(l∏e)。


Ethan Marcotte曾經在A List Apart發表過一(yī)篇文(wén)章(zhāng)"Responsive Web Design",文(>wén)中援引了(le)響應式建築設計(jì)的(de)概念:現(xiàn)出現(xiàn)了(le)一(yī)門(mén)新興的(de)學科∑(kē)——"響應式架構(responsive architecture)"——提出,物(wù)理(lǐ)空(kōng)間(jiān)應該可(kě)以根據存在于其中的(de)人(rén)的( de)情況進行(xíng)響應。結合嵌入式機(jī)器(qì)人(rén)技(jì)術(shù)以及可(kě)拉伸材料的(de)應用(yòng)↕,建築師(shī)們正在嘗試建造一(yī)種可(kě)以根據周圍人(rén)群的(de)情況進行(xíng)彎曲、伸縮和(hé)擴​展的(de)牆體(tǐ)結構;還(hái)可(kě)以使用(yòng)運動傳感器(qì)配合氣候控制(zhì)系統,調整室內(nèi)的‍(de)溫度及環境光(guāng)。已經有(yǒu)公司在生(shēng)産"智能(néng)玻璃":當室內(nèi)人(rén)數(shù)達到(dào)一(yī)定的(de)阈值時×(shí),這(zhè)種玻璃可(kě)以自(zì)動變為(wèi)不(bù)透明(míng),确保隐私。


将這(zhè)個(gè)思路(lù)延伸到(dào)Web設計(jì)的(de)領域,我們就(ji‍ù)得(de)到(dào)了(le)一(yī)個(gè)全新的(de)概念。為(wèi)什(shén)麽一(yī)定要(yào)為(wèi)每個(gè)用(yòng)戶群各自✘(zì)打造一(yī)套設計(jì)和(hé)開(kāi)發方案?和(hé)響應式建築相(xiàng)似,Web設計(jì)同樣應該做(zuò)到(dδào)根據不(bù)同設備環境自(zì)動響應及調整。 顯然,我們無法也(yě)無需使用(yòng)運動'傳感器(qì)或是(shì)機(jī)器(qì)人(rén)技(jì)術(shù),響應式Web設計(jì)更多(duō)需要(yào>)的(de)是(shì)抽象思維。好(hǎo)在,一(yī)些(xiē)相(xiàng)關的(de)概念已經得(d e)到(dào)了(le)實踐,比如(rú)液态布局、幫助頁面重新格式化(huà)的(de)media querie‌s和(hé)腳本等。但(dàn)是(shì)響應式Web設計(jì)不(bù)僅僅是(shì)關于屏幕分(fēn)辨率自(zì)适應以及自(zì)動縮放(fàng)的¥(de)圖片等等,它更像是(shì)一(yī)種對(duì)于設計(jì)的(de)全新思維模式。