國內(nèi)用智能設(shè)備上網(wǎng)用戶正在以驚人的速度增長，移動(dòng)互聯(lián)網(wǎng)成為了人們?nèi)粘Ｉ畹呢S富延伸，并飛速改變著人們的生活。同時(shí)也越來越多的用戶擁有多種移動(dòng)設(shè)備，像智能手機(jī)、平板電腦、智能手表等。

[[108467]]

    隨著屏幕越來越多，如何才能在各種屏幕上保持一致的體驗(yàn)，也就成了整個(gè)行業(yè)關(guān)注的熱點(diǎn)。有沒有一種設(shè)計(jì)能解決所有屏幕的問題呢？ 在這樣的背景下響應(yīng)式技術(shù)應(yīng)運(yùn)而生。

    響應(yīng)式布局設(shè)計(jì)是Ethan Marcotte在2010年5月份提出的一個(gè)概念，其根據(jù)用戶訪問的設(shè)備重新排列組合頁面的元素，讓內(nèi)容達(dá)到最適合的展示。下面這張示意圖，可以很好的詮釋響應(yīng)式的意義。隨著接入設(shè)備的變化，大家可以看到元素1、2、3、4、5的位置變化。

[[108468]]

    在這里我們不難感受到響應(yīng)式技術(shù)是如此的神奇，但應(yīng)用這種技術(shù)的網(wǎng)站卻并不多見。在世界范圍內(nèi)只有如Google、亞馬遜、YouTube量級的公司才對這種技術(shù)有所嘗試，主要是由于設(shè)計(jì)和研發(fā)成本較高的緣故。在國內(nèi)嘗試響應(yīng)式設(shè)計(jì)的就更是鳳毛麟角了，如淘寶、優(yōu)酷一般，也只是對網(wǎng)站首頁進(jìn)行了嘗試，初步進(jìn)行了響應(yīng)式的改造。

    大公司具備資源的優(yōu)勢，但還有受制于各種客觀條件，并不敢大刀闊斧的進(jìn)行變革，反而是一些垂直領(lǐng)域的公司敢想敢做，從結(jié)果來看也還不錯(cuò)。愛卡汽車的移動(dòng)網(wǎng)站，可以算是響應(yīng)式布局的經(jīng)典案例。

    愛卡汽車起源于愛卡社區(qū)，從根上看屬于比較純正的社交網(wǎng)站，其移動(dòng)網(wǎng)站也經(jīng)歷了一些變革從最初的wap網(wǎng)站，發(fā)展到初具web App風(fēng)格的觸屏版，一直做的可圈可點(diǎn)。今年又針對Pad進(jìn)行部署，通過響應(yīng)式布局實(shí)現(xiàn)Pad版產(chǎn)品的兼容，該公司對于技術(shù)領(lǐng)域的關(guān)注和視野可見一斑。

[[108469]]

    為何對于愛卡汽車的響應(yīng)式布局如此推崇，稱其為經(jīng)典案例，主要有以下幾方面的原因：

    1. 對產(chǎn)品創(chuàng)新的渴求精神：愛卡汽車起源于社區(qū)，并包含資訊、產(chǎn)品庫兩大板塊，其實(shí)施響應(yīng)式整站布局的難度遠(yuǎn)遠(yuǎn)超過那些只針對的首頁適配的網(wǎng)站，對產(chǎn)品創(chuàng)新的決心是愛卡汽車對移動(dòng)網(wǎng)站整體改版的原動(dòng)力。

    2. 對垂直網(wǎng)站的深遠(yuǎn)意義：隨著門戶網(wǎng)站的熱度逐漸降溫，更加注重細(xì)分的垂直領(lǐng)域已經(jīng)成了市場的主流，社區(qū)、資訊、產(chǎn)品庫，這三大體系可以說是垂直網(wǎng)站的標(biāo)配，愛卡汽車針對這三大體系的響應(yīng)式設(shè)計(jì)將影響同類型垂直網(wǎng)站未來的發(fā)展方向，對整個(gè)垂直網(wǎng)站的影響意義深遠(yuǎn)。

    3. 對響應(yīng)式技術(shù)的未來展望：垂直網(wǎng)站離不開最重要的產(chǎn)品庫，如汽車類網(wǎng)站的車型庫就是垂直網(wǎng)站的產(chǎn)品庫，其復(fù)雜程度一語難表，無論是從【汽車品牌>汽車廠商>父車系>子車系>車型】的主線邏輯，還是獨(dú)立與主線之外的經(jīng)銷商等模塊體系，猶如盤根錯(cuò)節(jié)的纏繞生長，在愛卡汽車移動(dòng)端響應(yīng)式設(shè)計(jì)的過程中會遇到各種艱難險(xiǎn)阻，愛卡汽車的堅(jiān)持讓也我們看到了響應(yīng)式布局設(shè)計(jì)的未來，作為國內(nèi)***家大型商業(yè)網(wǎng)站的響應(yīng)式布局案例，無論是對推動(dòng)響應(yīng)式技術(shù)的發(fā)展，還是推進(jìn)整個(gè)互聯(lián)網(wǎng)行業(yè)的創(chuàng)新，都意義深遠(yuǎn)。

    總結(jié)

    雖然愛卡汽車觸屏版的響應(yīng)式設(shè)計(jì)開創(chuàng)了國內(nèi)移動(dòng)端的先河，但也并非十全十美，如果用苛刻的眼光從用戶體驗(yàn)的角度上去錙銖必較，目前看起來還有一些不足，能明顯看出有些是由于技術(shù)實(shí)施的妥協(xié)，像是性能的問題，而另一些呢，就是由經(jīng)驗(yàn)不足所導(dǎo)致的了。但總體來說還是不錯(cuò)的。

    想體驗(yàn)的同學(xué)，可以去a.xcar.com.cn試試，記得要用各種分辨率的設(shè)備去試，方能感受到響應(yīng)式設(shè)計(jì)的魅力，希望借愛卡汽車的拋磚引玉，能夠引發(fā)移動(dòng)互聯(lián)網(wǎng)界對未來發(fā)展的思考，讓廣大的用戶可以從中受益，讓科技改變生活。