亚洲无人区一区二区三区_农村玉米地少妇野战亚洲_国产欧美日韩VA另类在线播放_免费人成视频网站在线_国产在线精品一区二区高清不卡

昵稱：viker123

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

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

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

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

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

PC端去TAB設(shè)計!

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

隱藏導(dǎo)航條！

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

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