移动互联网-APP导航设计

导航设计导航设计需要突出产品的核心点,尽量做到任务路径的扁平化,同时还要考虑到导航操作的便捷性。移动app导航样式,主要讲述主导航和二级导航的设计。常见的主导航包括:标签式、抽屉式、桌面式、菜单式、点聚式等。


移动互联网-APP导航设计_第1张图片
标签式
移动互联网-APP导航设计_第2张图片
抽屉式
移动互联网-APP导航设计_第3张图片
桌面式
移动互联网-APP导航设计_第4张图片
菜单式
移动互联网-APP导航设计_第5张图片
点聚式


标签式导航

标签式导航是iOS主推的导航模式,位于屏幕底部,在Android上常见于顶部。这种布局方式能让用户直观地了解到。app的核心功能。同时,使用上能很好地在几个标签间快速跳转。标签分类可以根据逻辑和重要性控制在5个以内,通过视觉表现用户的当前位置,页面之间的切换快速又不容易迷失,简单高效。

标签式导航,也经常融合一些个性化设计。例如,在标签栏的中间位置融合Logo或产品最核心的功能点,丰富了标签栏的样式。

移动互联网-APP导航设计_第6张图片
案例


抽屉式导航

       抽屉式导航追求核声合内容的突出,弱化导航界面,常见于一些信息流产品。抽屉式导航在形式上一般位于当前界面的后方,通过左上角的按钮或手势滑动呼出。由于是隐藏在屏幕之外,所以导航界面空间较大,为可扩展性和个性化带来了更多可能。由于导航默认是隐藏的,在选择后需要有明确的提示告知用户的当前位置。


移动互联网-APP导航设计_第7张图片
案例


桌面式导航

        桌面式导航,是一种类似于手机桌面各个应用入口的导航方式。每一个入口往往是比较独立的信息内容,用户进入一个入口后,只处理与此入口相关的内容,如果要跳转至其他的入口,必须先回到入口汇总界面。这种导航方式在工具类app中比较适用,每个工具都有一套独立的体系,同时也容易扩展并增加更多入口。这种导航不适合需要频繁在几个日任务间切换的情况。

随着移动产品内容的丰富,纯粹的桌面式导航开始减少,更多的是开始融入到其他主导航中。承担起二级导航的作用。

移动互联网-APP导航设计_第8张图片

菜单式导航

        菜单式导航也是以突出内容为主的导航方式,一般位于产品顶部,通过点击呼出导航菜单。导航菜单位于界面的上层,用户可点击导航以外的区域来收起菜单。菜单式导航与界面的连贯性较好,展开和收起菜单对当前界面没有影响。但由于导航菜单位于屏幕顶部,不适合结合手势,操作上有难度,所以不适合需要频繁切换的功能。此外,考虑到菜单导航的面积限制,一般都使用列表来展示入口。


点聚式导航

点聚式导航最早来自于应用Path,它将用户最频繁使用的多个核心功能点汇聚在主界面中显示,方便用户随时呼出使用。它不同于传统的标签栏那样占据界面最下方一栏,而是通过一个点的方式汇聚这些功能的入口。由于点聚式导航所占用的空间较小,所以它常出现在一些主要流程界面中,作为全局导航使用。图第三个案例是淘宝触屏版的点聚式导航,它融合了消息提醒和一些动态的互动效果,让导航更具趣味性。


你可能感兴趣的:(移动互联网-APP导航设计)