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