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

[[108467]]

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

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

[[108468]]

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

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

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

[[108469]]

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

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

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

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

    總結(jié)

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

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