手机APP手机导航端菜单界面设计

2021-12-01 21:27:12

阅读 10575次标签：手机背景图导航条设计作者：蓝blue

　　现在的企业都喜欢开发出本企业的手机APP。但是在手机APP手机导航端菜单界面设计的和电脑端导航菜单界面设计是不一样，下面一品威客网小编就来说说手机APP手机导航端菜单界面设计方法。一品威客网专业提供手机APP界面设计服务。

界面设计

　　考虑现有的手机端导航菜单模式

　　在研究其他的手机端导航菜单的时候，我注意到两种常见的多级导航菜单模式，简而言之，它们各有优劣。

　　1，折叠式导航菜单

　　这种模式的导航菜单，用户们打开之后首先看到的就是一组一级链接，从中选取任何一个，都可以“扩展”出一组二级链接。

　　然而，从下面的例子中我们也可以看到，如果某个菜单类别包含了许多链接，那么一旦用户选定了这个类别，扩展之后的内容就有可能把其它类别“挤出”屏幕。同样的，如果某个一级链接包含了许多二级链接，那么扩展之后的二级链接们也有可能把其它一级链接们“挤出”屏幕，这样并不方便用户在任意两个菜单类别或主链接之间随意切换。

　　△折叠式导航菜单

　　想法：要想改进，可以将菜单设置成(无论用户做出哪个选择)都一直保持菜单类别的可见性。

　　2，返回式导航菜单

　　想要展示多级链接，另一个常见的解决方式是使用“返回”键。在下面这个例子中，当用户选定某一个类别之后，我们可以看到数个原本被隐藏的一级链接，并且，用户们可以通过“返回”键返回上一级页面。

　　这个模式的问题在于，用户们需要进行更多的操作。没错，哪怕只有一步，那也是多了。

　　△返回式导航菜单

　　想法：想要改进，可以将菜单设置成(用户)无需多余的操作，就可以在各个菜单类别之间自由切换。

　　考虑到这里，我内心已经有了一个大概的想法，就是基于这两点之上的进一步完善。

　　窗帘式导航菜单

　　对于手机端的多级导航菜单来说，这是一种与众不同的思路：通过滑动的方式(想象一下当你拉动窗帘时候的情景。)

　　有点和PC端的下拉式导航菜单相对应，不过，一个是下拉，一个是横滑。所有内容都被分为两个层次，其一是一组一级链接，每个一级链接下面都包含数个二级链接。而这两个层次的链接们可以同时显示在用户面前。

　　如果你想找界面设计服务，或者想要了解更多界面设计资讯，就上一品威客网。一品威客网入驻上百家专业界面设计公司，汇集全国千万优秀专业人才，提供最全面、最专业的界面设计服务。