移动端响应式网站该怎么设计
浏览：128次
发布时间：2017-04-23
分享
评论
赞0
H5技术现下为什么会如此流行？因为它是一套代码多次使用，真正解决了移动站需要单独设计的难题。但是，响应式网站移动端如果按照PC的设计，而做傻瓜化的自适应，体验是很差的。那么，移动端该如何优化用户体验？
PC端去TAB设计!
TAB在移动端针对不同的分辨率很可能出现换行甚至堆积的问题，导致整个页面不美观。TAB的核心是让用户在一个页面中能够随意切换2级页面，但是设计上TAB显然不适合移动端，而最新Win10系统上的磁贴设计正好适合响应式网站建设的需要，既能让用户随意切换2级页面，同时一套代码就解决了PC端和移动端两块的需求。
隐藏导航条！
移动上的网站由于屏幕分辨率的关系，不能像PC端一样随意放置导航条，可以将导航条隐藏，在页面顶部放置导航按钮。用户只需要点击导航按钮，或者用手势向右拖动，就能将隐藏的导航条拉出来。这样的设计能够让用户进入二级页面或者一级页面都非常容易。但是这一块的设计，就需要针对移动端单独设计Header。另外，移动端上导航条尽量不要放在页面底部，因为它是在浏览器中打开，如果放在页面底部，就显得不伦不类。
最后，首页尽量简洁。PC端可以放置很多的内容，但移动端的首页最好的设计不是对内容进行堆积，而是对整站进行导航。利用磁贴的方式，对整站进行导航。
猜你喜欢
评论(1人参与，1条评论)
发布评论
最新评论
金爷
本人需要长期合作排名优化，方便的联系我QQ:14--77--94--195确定回复