依据商品层级的深度和广度,选择合适的导航模式,是商品设计中的重点一环。导航其实只有寄种,但大伙绝对不能被现有些导航模式所束缚,将来会有新的导航模式,新的操作手势…,设计的心应该是自由的,若你羽翼未丰,就在规则的天空中飞行,可能不会出彩但不至于犯了错误;若你已成雄鹰,便可自由飞翔,突破规则,甚至打造我们的规则。
平铺式导航
当你的信息足够扁平,可以尝试平铺式导航。这种导航方法比较容易带来高端大气上档次的视觉体验,大程度的保证了页面的简洁性和内容的完整性,且一般都会结合滑动切换的手势,操作起来也非常便利。PChouse是一个家居杂志的APP,杂志休闲随便的特质,很合适平铺式导航,大限度的维持了图片的完整性。(如下图)
但缺点是用户只能切换的相邻页面,非常难跳转到非相邻的页面,比较容易迷失地方,因此平铺式导航都会添加几个小点来指示目前地方。如墨迹天气中切换城市的操作就运用了平铺式导航,优点是可以在一个页面完整展示目前城市的状况,迅速切换到其他城市。但假如你设置的城市比较多,就非常难迅速定位到某个城市,但所幸手势操作切换便捷,且正常状况下,用户最多只能设置2-3个页面,不会导致太大的负担。
淘宝中的门店推荐也用了平铺式导航,推荐门店虽然有40个之多,但用数字表达出了明确地方的同时,也加入了手势切换,增加了易用性和趣味性。
总结手机网站建设:你可以在导航上多花点心思没办法跳转至费相邻页面,假如入口间需要反复跳转,则不合适这种模式
宫格式导航
这种导航模式很容易见到,但却不常用。
容易见到是由于,无论你用的是Android还是iOS,天天一打开手机,宫格式导航就会告诉你hello了(就是下图啦)
每个APP都是一个宫格,这类宫格聚集在中心页面,用户只能在中心页面进入其中一个宫格,假如想要进入另一个宫格,需要要先回到中心页面,再进入另一个宫格。每一个宫格相互独立,它们的信息间也没任何交集,没办法跳转互通。由于这种特质,宫格式导航被广泛应用于各平台系统的中心页面,这就是为何说他容易见到。
但为何不常用呢,大伙可以翻一下手机里的APP,看看什么APP的主导航用了宫格式导航?你可能只能找到一个最常见的,特别是爱自拍的亲们-美图秀秀(如下图)
常常用美图秀秀的人都会有一个一同的烦恼,比如我拍了一张图片,我需要美图一下,我的心理模型是如此的手机网站建设:你可以在导航上多花点心思
宫格式导航合适入口相互独立互斥,且无需交叉用的信息归类
一旦入口需要有所交集,势必致使更多的操作负累,这时只能依据商品特质做出权衡,假如不合适,建议果断拒绝这种方法。
悬浮icon导航
悬浮icon导航,是将导航页面分层,无论你到达APP的什么页面,悬浮icon永远悬浮在上面,你依赖悬浮层随时可以去想要去的地方,同时,为了让悬浮icon不遮挡某个页面的操作,一般悬浮的icon都可以在屏幕边缘自由移动。
iOS系统就运用了这种导航模式-Assistive Touch, Assistive Touch是在iOS5出现之后搭载的新的辅助功能,知乎上不少人吐槽这个悬浮方块很碍事,还有不少人说这是由于home键水平不佳而且官方并没明确提出有效的解决方法,所以AssistiveTouch是曲线救国,此处应有笑声…我最早的一部4S用了2年,摔碎屏2次,home键都依旧坚挺,撇开home键不谈,单说悬浮icon在大屏幕年代发挥有哪些用途,当你单手持握手机,拇指在手机中部浏览,你想回到主屏幕,但手指却很难到达屏幕底部,悬浮方块在这时就能为你提供快捷操作。
而且你可以在AssistiveTouch里自概念顶层菜单,我比较喜欢里面的屏幕网站快照功能,不需要按住电源键和home键就能截屏的感觉棒棒哒!
Assistive Touch从iOS5一直活到iOS9,真不是一个鸡肋的功能,重点看你如何使用。
在Android的MaterialDesign中,同样提出了悬浮icon的设计定义。
尽管目前非常难看到悬浮icon作为导航的设计,但我相信伴随大屏的进步,悬浮式icon必然会愈加广泛的用法
总结手机网站建设:你可以在导航上多花点心思手机网站建设手机网站建设:你可以在导航上多花点心思