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