智能手機、平板電腦——這兩大互聯(lián)網(wǎng)終端的迅速普及使得網(wǎng)站在這兩大終端上的曝光率日益增長,所以網(wǎng)站建設(shè)客戶越來越重視網(wǎng)站自身在移動端上的視覺、交互、以及信息傳遞效果,慶幸的是,我們可以用一種目前相當(dāng)流行的技術(shù)框架來解決這個問題,那便是響應(yīng)式布局。
什么是響應(yīng)式布局?
響應(yīng)式布局是指,能夠讓同一個網(wǎng)站的布局在不同終端上實現(xiàn)動態(tài)的展示效果,從而使得用戶能夠在這些終端上擁有更加良好的用戶體驗。
響應(yīng)式布局的好處是什么?
響應(yīng)式布局的好處在于,它能夠?qū)⒁惶譛I的靈活性發(fā)揮到極致,不需要刻意為了移動端設(shè)計全新的UI。大大減少了設(shè)計難度和前端代碼量。
如何實現(xiàn)響應(yīng)式布局?
如果你想要采用響應(yīng)式布局進行網(wǎng)站前端代碼的編寫,可以采用一些響應(yīng)式布局的前端開發(fā)框架,比如Bootstrap3、Foundation等,或者直接引入響應(yīng)式布局的js來進行代碼編寫。
怎么樣的網(wǎng)站類型適合響應(yīng)式布局?
雖然說響應(yīng)式布局有很多好處,但并不是所有的網(wǎng)站類型都可以采用響應(yīng)式布局。
我們推薦滿足以下條件的網(wǎng)站采用響應(yīng)式布局:
1、網(wǎng)站布局有規(guī)則,盡量按照柵格式布局設(shè)計。
2、具有精確的業(yè)務(wù)內(nèi)容概括,包括圖片與文字。
3、注重網(wǎng)站的層次感、干凈利落,而非無意義的文字重疊與圖片冗余。
4、我們更加推薦扁平化設(shè)計風(fēng)格的網(wǎng)站采用響應(yīng)式布局。
由于技術(shù)的普及,目前響應(yīng)式布局在國外已經(jīng)非常流行,因為更多的人希望能夠在給客戶介紹業(yè)務(wù)的同時,可以極其方便地在智能手機或者平板電腦上迅速優(yōu)雅地展現(xiàn)自身企業(yè)網(wǎng)站相較于其他競爭對手的獨到之處。
然而,掣肘于國內(nèi)瀏覽器的普及比例,一些響應(yīng)式布局的網(wǎng)站在IE8極其以下瀏覽器端的展示效果并不是特別理想,所以想要采用響應(yīng)式布局的朋友,一定要評估并且衡量過客戶群體的受眾范圍再下決定。
本文地址:http://m.qlchem.net/news/2014-1-11/155.html