狠狠网/色综合久久久久综合体桃花网/日本护士三aaaaaa/久久久久久综合一区中文字幕

或者

昵稱(chēng)：viker123

接單：50   關(guān)注TA

達(dá)標(biāo)率 0%

移動(dòng)端響應(yīng)式網(wǎng)站該怎么設(shè)計(jì)

作者：viker123 瀏覽：131次 發(fā)布時(shí)間：2017-04-23
分享 評(píng)論 贊0

H5技術(shù)現(xiàn)下為什么會(huì)如此流行？因?yàn)樗且惶状a多次使用，真正解決了移動(dòng)站需要單獨(dú)設(shè)計(jì)的難題。但是，響應(yīng)式網(wǎng)站移動(dòng)端如果按照PC的設(shè)計(jì)，而做傻瓜化的自適應(yīng)，體驗(yàn)是很差的。那么，移動(dòng)端該如何優(yōu)化用戶(hù)體驗(yàn)？

PC端去TAB設(shè)計(jì)!

TAB在移動(dòng)端針對(duì)不同的分辨率很可能出現(xiàn)換行甚至堆積的問(wèn)題，導(dǎo)致整個(gè)頁(yè)面不美觀(guān)。TAB的核心是讓用戶(hù)在一個(gè)頁(yè)面中能夠隨意切換2級(jí)頁(yè)面，但是設(shè)計(jì)上TAB顯然不適合移動(dòng)端，而最新Win10系統(tǒng)上的磁貼設(shè)計(jì)正好適合響應(yīng)式網(wǎng)站建設(shè)的需要，既能讓用戶(hù)隨意切換2級(jí)頁(yè)面，同時(shí)一套代碼就解決了PC端和移動(dòng)端兩塊的需求。

隱藏導(dǎo)航條！

移動(dòng)上的網(wǎng)站由于屏幕分辨率的關(guān)系，不能像PC端一樣隨意放置導(dǎo)航條，可以將導(dǎo)航條隱藏，在頁(yè)面頂部放置導(dǎo)航按鈕。用戶(hù)只需要點(diǎn)擊導(dǎo)航按鈕，或者用手勢(shì)向右拖動(dòng)，就能將隱藏的導(dǎo)航條拉出來(lái)。這樣的設(shè)計(jì)能夠讓用戶(hù)進(jìn)入二級(jí)頁(yè)面或者一級(jí)頁(yè)面都非常容易。但是這一塊的設(shè)計(jì)，就需要針對(duì)移動(dòng)端單獨(dú)設(shè)計(jì)Header。另外，移動(dòng)端上導(dǎo)航條盡量不要放在頁(yè)面底部，因?yàn)樗窃跒g覽器中打開(kāi)，如果放在頁(yè)面底部，就顯得不倫不類(lèi)。

最后，首頁(yè)盡量簡(jiǎn)潔。PC端可以放置很多的內(nèi)容，但移動(dòng)端的首頁(yè)最好的設(shè)計(jì)不是對(duì)內(nèi)容進(jìn)行堆積，而是對(duì)整站進(jìn)行導(dǎo)航。利用磁貼的方式，對(duì)整站進(jìn)行導(dǎo)航。