移动端界面常见导航设计模式分类
  • 发表于2020-01-09 10:39
  • |
  • 334次阅读
  • |
  • 来源 豪创

移动端APPUI界面导航设计模式分类

导航1 标签式导航

/uploads/picture/20200109/f73e86e2e431e1fa6afb5f5dcdac76f4.png

适合主功能间界面跳转频繁场景,入口扁平,是最主流的导航模式,占用页面空间一般。

导航2 分段式导航

/uploads/picture/20200109/caa435d7a26662592af11420dbf22d18.png

体积小巧,iOS系统标准导航控件,早期QQ安卓版本也使用,一般导航数量2-3个。不与标签导航同时用。

导航3 舵式导航

/uploads/picture/20200109/0d1eadc966c1978da96b6881e996fd98.png

舵式导航主要突出强调核心功能,位于导航中心,属于标签导航改进式。

导航4 抽屉式导航

/uploads/picture/20200109/58e102acbacdbe1610abc7380b94de2c.png

隐藏不重要的功能,让用户专注于最重要的功能 比如QQ用户专注聊天,新闻用户专注看新闻。浏览器和今日头条专注于流媒体信息本身。把基本不打开的功能应参与侧边抽屉式导航或者底部抽屉式和弹出拉出导航。

导航5 下拉菜单导航

 /uploads/picture/20200109/0a5ba6220ec2185baf8a03c122b58f80.png

含有下拉菜单导航早期在原生安卓系统里比较常用,现在基本用的很少,只有在一些邮箱不常用的app中还继续用,滚动式标签导航可以互补使用。

/uploads/picture/20200109/a3d0796b30ba1fc354bfd5c836429808.png

滚动式标签导航可以和底部标签导航同时使用,对于功能较多,层级分配主功能和次功能间关系使用,同时使用占用空间较多。可以下翻时向上拉回隐藏滚动标签导航,向上拉出底部标签导航,回上翻页面时,相反显示隐藏效果来节省页面空间。

本篇文章部分内容及图片均来源于网络,如侵犯到您的权益,请及时通知我们。

334
热门教程