使用Axure完成交互式UI设计

前期准备

页面逻辑梳理

这个需要结合小组成员开发前期的架构和设计，利用思维导图和用例图，以每一个功能为导图去设计梳理每一个需要用到的页面。比如在我们的项目中，我们需要主页面设计，由于主页面是链接各个子页面和功能的一个中心点，所以将主页面设置为完成功能中导图的第一级子集。由主页面出发，我们需要将：登陆注册、查看文章详情、查看个人页面以及发布活动这些功能串连在一起。登陆注册完成之后，需要再次回到已经登陆好的主界面上；查看文章详情页面还需要有加入该活动这个弹框；在个人页面中，需要展示本人参与和发起的活动，同时需要支持个人信息修改以及充值功能；在任务发布的功能中，需要让用户输入与活动有关的信息。
整理好需要的页面布局，这样可以方便后期在页面间交互和功能需求上的逻辑关系。

加入需要的元件库

加入元件库的目的是为了让我们的设计，与真实的前端开发会用到的控件想匹配，让前端和设计能比较统一。在前端设计中，我们已经确定了使用element-ui组件库，使用fontawesome中的icon完成前端需要，所以在UI设计时，我们需要向Axure引入强大的元件库。可以从官网中下载。对应网址如下：

• Element-UI for Axure