美文网首页交互设计院
APP的几种导航设计

APP的几种导航设计

作者: JohnsonPan | 来源:发表于2019-02-19 15:30 被阅读0次

    原创: 小强 交互设计院

    「本文阅读时长大致3分钟」

    本文基于ios端对常见的几种app导航设计进行简单总结,内容属于基础型知识,但对于设计师成长却有很大帮助。这篇文章是相对基础,所以适用于学生和初级交互设计师。

    导航分类:底部导航、舵式导航、滚动式标签导航、分段式tab导航、抽屉式导航、下拉式导航。接下来分别从这几个分类进行简单说明和案例展示。

    1.底部导航

    原型

    特点:入口扁平化;导航控件占据面积大,用户操作成本低;底部导航适合单手操作

    案例:微信

    2.舵式导航

    原型

    特点:通过色彩形式的变化突出和强调用户发布功能/其他功能的功能按钮,设计上基于底部导航上对某一功能的突出。

    案例:微博

    (不过微博最近正在取消其舵式导航,改为底部导航)

    3.滚动式标签导航

    原型

    特点:功能扩展性大;对隐藏内容需要进行隐喻

    案例:滴滴

    4.分段式tab导航

    原型

    特点:占用空间小,切换方便。

    案例:微博

    5.抽屉式导航

    原型

    特点:产品突出其核心功能,对其他重要级较弱的功能进行隐藏。

    案例:滴滴出行

    6.下拉式导航

    原型

    特点:收起-体积小,节省空间;展开-能够现实丰富的导航条;常常与滚动式、下拉式菜单进行结合使用。

    案例:微博

    关注公众号,获得更多干货

    相关文章

      网友评论

        本文标题:APP的几种导航设计

        本文链接:https://www.haomeiwen.com/subject/gmcfyqtx.html