移動端響應式網站該怎么設計
作者：viker123
瀏覽：130次
發(fā)布時間：2017-04-23
分享
評論
贊0
H5技術現(xiàn)下為什么會如此流行？因為它是一套代碼多次使用，真正解決了移動站需要單獨設計的難題。但是，響應式網站移動端如果按照PC的設計，而做傻瓜化的自適應，體驗是很差的。那么，移動端該如何優(yōu)化用戶體驗？
PC端去TAB設計!
TAB在移動端針對不同的分辨率很可能出現(xiàn)換行甚至堆積的問題，導致整個頁面不美觀。TAB的核心是讓用戶在一個頁面中能夠隨意切換2級頁面，但是設計上TAB顯然不適合移動端，而最新Win10系統(tǒng)上的磁貼設計正好適合響應式網站建設的需要，既能讓用戶隨意切換2級頁面，同時一套代碼就解決了PC端和移動端兩塊的需求。
隱藏導航條！
移動上的網站由于屏幕分辨率的關系，不能像PC端一樣隨意放置導航條，可以將導航條隱藏，在頁面頂部放置導航按鈕。用戶只需要點擊導航按鈕，或者用手勢向右拖動，就能將隱藏的導航條拉出來。這樣的設計能夠讓用戶進入二級頁面或者一級頁面都非常容易。但是這一塊的設計，就需要針對移動端單獨設計Header。另外，移動端上導航條盡量不要放在頁面底部，因為它是在瀏覽器中打開，如果放在頁面底部，就顯得不倫不類。
最后，首頁盡量簡潔。PC端可以放置很多的內容，但移動端的首頁最好的設計不是對內容進行堆積，而是對整站進行導航。利用磁貼的方式，對整站進行導航。
猜你喜歡
評論(1人參與，1條評論)
發(fā)布評論
最新評論
金爺
本人需要長期合作排名優(yōu)化，方便的聯(lián)系我QQ:14--77--94--195確定回復