移动端导航UI设计5种常见方式是哪些

如题所述

移动端导航UI 设计5种常见方式

用户使用一款新的移动端APP 软件时,借助导航是其最快了解这款APP 的途径。因此,导航的设计是设计师们在整个移动端UI界面设计中最关键的点,也是用户判断一个APP是否“好用”的关键。试想,如果一款软件的导航功能非常复杂,无法给用户的日常生活带来便捷,那么,这款软件迟早是会被市场淘汰的。

本期我们整理了5种现有移动端导航的设计方式,每种方式都有其自身的优势和劣势,设计师们可以针对具体APP的功能,及用户群体的实际需求,选择其中的一种或者两种搭配使用。

1. APP 标签式导航——最常见、最保险

标签导航位于页面底部,通常包含5个标签是比较合适的数量。这种导航是非常常见的,如果你的应用需要用户频繁的在不同分页切换,可以采用这种导航。它的缺点是会占用一定高度的空间。

2. APP 抽屉式导航——适合信息层级多的界面设计

抽屉式导航常常与标签导航结合使用。如果一款产品的信息层级非常多,一屏无法将所有内容全部展示,这是便可选择抽屉式导航,将部分菜单隐藏,突出核心功能,节省页面展示空间。同时需要注意,这款导航的设计一定要提供菜单画出的过渡动画。

3. APP宫格式导航——不适于APP 的主导航

宫格式导航是将主要的菜单入口全部集中在同一个页面,每个宫格相互独立,相互的信息间也没有任何交集,无法跳转互通。也因为此,宫格式导航不建议使用在APP

的主导航设计中,可以用在二级页作为内容列表的一种图形化形式呈现。

4. APP悬浮式导航——适于大屏的导航模式

APP 中的悬浮式导航,是将导航页面分层,无论APP

的哪个页面,悬浮导航键永远悬浮在页面之上,你依靠悬浮导航随时可以使用想用的软件。但需要注意的是,不可让悬浮式导航遮挡住原本界面的应用。

5. APP列表式导航——必不可少的应用

列表式导航通常用于APP 设计的二级页,这种导航结构清晰,易于理解,能够帮助用户快速定位去到对应的页面。

温馨提示:答案为网友推荐,仅供参考