移动端导航UI设计的常见方式有哪些
发布网友
发布时间：2023-06-02 23:21
共1个回答
热心网友
时间：2024-11-17 19:21
移动端导航UI 设计5种常见方式
用户使用一款新的移动端APP 软件时，借助导航是其最快了解这款APP 的途径。因此，导航的设计是设计师们在整个移动端UI界面设计中最关键的点，也是用户判断一个APP是否“好用”的关键。试想，如果一款软件的导航功能非常复杂，无法给用户的日常生活带来便捷，那么，这款软件迟早是会被市场淘汰的。
本期我们整理了5种现有移动端导航的设计方式，每种方式都有其自身的优势和劣势，设计师们可以针对具体APP的功能，及用户群体的实际需求，选择其中的一种或者两种搭配使用。
1. APP 标签式导航——最常见、最保险
标签导航位于页面底部，通常包含5个标签是比较合适的数量。这种导航是非常常见的，如果你的应用需要用户频繁的在不同分页切换，可以采用这种导航。它的缺点是会占用一定高度的空间。
2. APP 抽屉式导航——适合信息层级多的界面设计
抽屉式导航常常与标签导航结合使用。如果一款产品的信息层级非常多，一屏无法将所有内容全部展示，这是便可选择抽屉式导航，将部分菜单隐藏，突出核心功能，节省页面展示空间。同时需要注意，这款导航的设计一定要提供菜单画出的过渡动画。
3. APP宫格式导航——不适于APP 的主导航
宫格式导航是将主要的菜单入口全部集中在同一个页面，每个宫格相互独立，相互的信息间也没有任何交集，无法跳转互通。也因为此，宫格式导航不建议使用在APP
的主导航设计中，可以用在二级页作为内容列表的一种图形化形式呈现。
4. APP悬浮式导航——适于大屏的导航模式
APP 中的悬浮式导航，是将导航页面分层，无论APP
的哪个页面，悬浮导航键永远悬浮在页面之上，你依靠悬浮导航随时可以使用想用的软件。但需要注意的是，不可让悬浮式导航遮挡住原本界面的应用。
5. APP列表式导航——必不可少的应用
列表式导航通常用于APP 设计的二级页，这种导航结构清晰，易于理解，能够帮助用户快速定位去到对应的页面。
