移动端网页导航设计 第1篇
l 如果应用主要的功能和内容都在一个页面里面。只是一些用户设置这类低频操作内容需要显示在其他页面里。为了让主页面看上去干净美观,可以把这些辅助功能放在抽屉栏里。
l 如果你的应用有不同的视图,且他们是平级的,需要用户同等地对待,抽屉栏将会浪费掉大多数的用户对于侧边栏中入口的潜在参与度和交互程度。
l 在大屏时代使用抽屉栏,手势操作显得尤为重要,从屏幕边缘唤出抽屉栏是个不错的选择。
移动端网页导航设计 第2篇
如果此时你观察一下自己手机中常用的APP你就会发现QQ、微信、淘宝、微博、美团、京东等全部都是底部tab式导航
这是符合拇指热区操作的一种导航模式,那么什么是拇指热区呢?当你走在路上、单手持握手机并操作;站在公交车上,一手拉扶手,另一只手操作等等这些场景时,你最常用的操作就是右手单手持握并操作手机,因此,对于手机来说,为触摸进行交互设计,主要针对的就是拇指。
但在手机操作中,拇指的可控范围有限,缺乏灵活度。尤其是在如今的大屏手机上,拇指的可控范围还不到整个屏幕的三分之一——主要集中在屏幕底部、与拇指相对的另外一边。当用右手持握手机的时候(左撇子毕竟是少数,我们还是要为主流用户设计,拇指的热区如下图所示)
随着手机屏幕越来越大,内容显示变多了,但是单手操作变难了。这也就是为什么,工具栏和导航条一般都在手机界面的下边缘,而将导航放置在屏幕底部即拇指热区,这样的方式为单手持握时拇指操作带来了更大的舒适性。
将导航放置在屏幕底部也不仅仅关乎到拇指操作的舒适性,还关系到另一个问题:如果放在上面,用手指操作时,会挡住阅读的视线。如果控件在底部,不管手怎么移动,至少不会挡住主要内容,从而给予清晰的视角。呈递内容的屏幕在上方,控制按键在下方。
这也是为什么我是个果粉的原因,iPhone把一个需要按压的home键放在手机底部比Android手机将三个触摸式物理按键放在底部高明多了,这些接近屏幕边缘的物理按键挤在一起,手指非常不便于操作。(华为甚至直接将3个物理按键放在了屏幕里),尤其是在我玩游戏的时候总会误触发这3个物理按键,造成无意退出,非常不爽。如果再将导航也放置在底部,只能对舒适性说拜拜了(市面上的主流Android手机)
移动端网页导航设计 第3篇
滚动选项卡与固定选项卡同属选项卡式,一般滚动选项卡要比固定选项卡要窄, 一个模块中可以显示多个(超过5个)类别的视图,并且还可以进行扩展以及自定义展示(多用在频道/模块定制中),同样可以左右滑动切换不同类别的视图。
滚动选项卡能通过水平滑动,定位到更多的选项卡视图中。如果应用的内容有很多视图,或者灵活的插入而不能确定有多少视图将会被展示,就是用滚动选项卡。
优点:
灵活,相比于固定选项卡具有更多的选择,且所占屏幕空间更小
缺点:
需要用户进一步学习来操作
移动端网页导航设计 第4篇
我们对设计充满兴趣和激情。
1 用心积累优秀的设计案例。可以根据公司的行业竞品,同类直接竞品,跨界竞品做好收集。
2 每日记录设计灵感。比如:站酷收藏夹,按照主题收藏;花瓣灵感,分组命名。
3 执行力强,遇到设计问题,换位思考。
4 超出预期,做好需求的设计方案,同时关注设计细节,超出需求方的预期和用户的预期。
5 有上进心,工作做好后,做好设计的总结和作品整理,发到站酷设计平台,与其他设计师一起交流设计。
6 眼界开阔,知识面广:一个优秀的设计师,不仅懂设计,还懂产品、运营、 推广、开发思维等方面的相关知识的学习和研究。有利于和上下游人士的沟通顺畅。做到互相理解,团队更好的完成项目的设计提案。
参考文献如下:
1、《规律与逻辑》
2、《CCtalk B端产品设计课》by 美芳老师
3、《高级UI设计师》
4、《ANT-DESIGN 蚂蚁金服》
5、《苹果官网等设计网站》
最后,让自己保持着朝气蓬勃的精神,保持着朝气蓬勃而富有创造力的心态。