-msl-mjg-41-105

  • 标签导航
标签导航业界常用、用户常见的一种页面框架设计。标签导航位于页面底部,标签的分类一般控制在5个之内。

App运用:微博、微信、手机百度、支付宝、淘宝。
  • 舵式导航
目前流行一种标签导航的变体,称为“舵式导航”,因为它的样式很像轮船上用来指挥的船舵,两侧是其他操作按钮。

App运用:微博
  • 抽屉导航
抽屉导航现今使用越来越少,几乎快销声匿迹了,它是将菜单隐藏在当前页面后,点击入口即可像拉抽屉一样拉出菜单。

App运用:facebook、豆瓣小组
  • 宫格导航
宫格导航是将主要入口全部聚合在页面,让用户进入界面之后第一步的反应就是做出选择。它把所有的功能一开始就罗列在一级页面里面,让用户自己选择。

App运用:美图秀秀
  • 组合导航
组合导航是一种非独立而综合式的界面框架设计,灵活运用上述所言多类型的界面框架设计。当用户需要聚焦内容,同时又需要一些快捷入口能够连接到某些页面时,就可以采用组合导航。

App运用:淘宝快捷入口“天猫”、“淘点点”等
  • 列表导航
列表导航是在我们这种二三级页面最常见的一种导航模式。

App运用:微信“发现”页
  •  tab导航
Tab导航是运用在二三级的页面里面而不是主页面,主页面一般只会有这种一级导航,一级的tab导航在底部,而有些二级三级的页面会采用这种tab式的导航,这种tab 导航往往用在产品层级比较多的 情况下。典型场景是用于改变的当前的视图,或对当前页面内容进行分类查看。

App运用:淘宝中的“淘点点”、“彩票”、“天猫”、“聚划算”等
  • 轮播导航
轮播导航使用频率较少,运用这种导航模式的APP不多。这种导航信息非常的扁平,几乎就一两页界面。当应用信息足够扁平,可以尝试轮播导航。

App运用: ios内置的一款APP—— “天气”
  • 点聚导航
点聚导航指的是将主要的按钮或者导航合并在一起作为一个主要的按钮浮动在页面上面。这种点聚式的导航,把所有的主功能都合并在了一个“+”里面,通过这个“+”的点击,就可以把所有的操作唤起。

App运用:Path
  • 瀑布导航
瀑布式导航这种界面框架设计适用的范围较固定,就是适应这种图片为主的内容,如我们所说的瀑布流。这种瀑布流的界面框架是一边“拉”一边刷新,自动下拉刷新,且这种排版的布局也不是唯一的。

App运用:Vine

分类:

技术点:

相关文章: