使用Axure完成交互式UI设计

前期准备

页面逻辑梳理

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

加入需要的元件库

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

  • Element-UI for Axure

你可能感兴趣的:(系分作业)