Axure8实现左侧动态菜单的几种方法

以下实现的教程采用Ant design的界面模版进行分步说明，左侧动态菜单的实现方法关键在于怎么实现交互而不是设计规范，这里推荐大家在团队协作过程中使用规范的设计框架，网上有很多，可以自己找。特别是后台产品的设计开发，有助于快速输出产品，把原型转变为html这个过程的沟通时间和开发时间可以大大减少，所以我在这篇教程中也是怎么方便怎么来。

 

首先我们要知道需要做什么，做成什么效果，通常我们使用的导航如下图所示

带有父级菜单和子菜单，还有可能有三级菜单，这里以两级的菜单为例。

 

第一种

页面相互跳转，每个导航按钮对应一个页面

所包含的知识点：

1、通过设置按钮链接跳转页面来实现简单的交互

 

实现方法：

首先在Axure的页面管理器创建根目录，一般的业务流程是先登录才能进行后面的操作，所以这里的案例也要遵从正常的产品流程，当用户进入系统时，用户没有操作菜单，所以全部菜单是闭合的，要有一个默认的状态，暂定为首页。大致的流程如下所示：