概念
響應(yīng)式網(wǎng)頁設(shè)計(jì)最初是由 Ethan Marcotte 提出的一個(gè)概念:
為什么一定要為每個(gè)用戶群各自打造一套設(shè)計(jì)和開發(fā)方案?Web設(shè)計(jì)應(yīng)該做到根據(jù)不同設(shè)備環(huán)境自動(dòng)響應(yīng)及調(diào)整。當(dāng)然響應(yīng)式Web設(shè)計(jì)不僅僅是關(guān)于屏幕分辨率自適應(yīng)以及自動(dòng)縮放的圖片等等,它更像是一種對(duì)于設(shè)計(jì)的全新思維模式;我們應(yīng)當(dāng)向下兼容、移動(dòng)優(yōu)先。
背景
PC互聯(lián)網(wǎng)加速向移動(dòng)端遷移:2012年12月底我國網(wǎng)民規(guī)模達(dá)到5.64億,互聯(lián)網(wǎng)普及率為42.1%,手機(jī)用戶占網(wǎng)民總數(shù)的74.5%。預(yù)計(jì)到2015年,移動(dòng)互聯(lián)網(wǎng)的數(shù)據(jù)流量將超越PC端的流量。
移動(dòng)端入口:當(dāng)用戶希望通過手機(jī)來完成PC頁的操作時(shí),常見的是商家的運(yùn)營微博,期文案足夠吸引用戶點(diǎn)擊鏈接參加活動(dòng),如果該活動(dòng)頁沒做響應(yīng)式處理:頁面體積大、請(qǐng)求多、體驗(yàn)差、兼容性差,層層阻礙最終導(dǎo)致用戶放棄參加。
優(yōu)勢
開發(fā)成本低,門檻低
Native APP:Objective-C or Java – 學(xué)習(xí)成本高
Hybrid APP: 外殼+Web APP,需安裝。
響應(yīng)式Web APP:HTML5+JS+CSS – 門檻低,極易上手,迭代快
跨平臺(tái)和終端且不需要分配子域
雖然可通過監(jiān)測用戶UA來判斷用戶終端后做跳轉(zhuǎn),但它還是分配了多個(gè)域,而響應(yīng)式無需監(jiān)測用戶UA沒有域的切換,只需根據(jù)終端類型來適配不同的功能模塊與表現(xiàn)樣式,它是跨平臺(tái)和終端的,1頁面適配多終端
響應(yīng)式:PC & Mobile無需跳轉(zhuǎn)
本地存儲(chǔ)
Web App可以利用本地存儲(chǔ)的特性將重要和重復(fù)的數(shù)據(jù)保存在本地,避免頁面的重復(fù)刷新,減少重要信息在傳輸過程中被泄露,增量傳輸修改內(nèi)容。
無需安裝成本,迭代更新容易更靈活、更方便的APP使用及安裝方式將成為HTML5在移動(dòng)平臺(tái)上大放異彩的保障之一