axure网页设计（axure网页设计期末作业）

本文目录一览：

• 1、网页原型图网页效果图-如何利用AxureRP8搭建简易登录页面原型图?_百度...

网页原型图网页效果图-如何利用AxureRP8搭建简易登录页面原型图?_百度...

首先打开Axure，新建一个空白页面，在空白页面拖入本次要使用的相关元件，如下图所示。然后我们需要给这些元件命名，并对大小和样式进行调整，如下图所示。然后我们把边框隐藏一下，如下图所示。然后设置选中时的样式，如下图所示。后面我们给相关的元件做交互事件，如下图所示。

一般情况下，登录界面会有忘记密码和注册界面的链接。

首先我们打开一个已经设计好了的网页原型。然后点击软件右上角的发布按钮，找到生成HTML文件一项。或者直接在打开的网页原型中按F8，使用快捷键打开。选择存放HTML文件的目标文件夹。选择需要立即打开的浏览器，也可以选择不打开，只生成HTML文件。点击生成，需要等待几秒钟。

登录成功（实际可不用，成功后直接跳转，这里只做展示）。每个面板增加各个状态对应的提示内容，如下图：然后，开始设置登录按钮的校验交互，添加鼠标点击时用例，通过的输入值判断显示提示面板的状态。提示面板显示时，增加下推元件效果。

绘制登录窗口 （1）首先，打开Axure0，在站点地图里选择一个页面，重命名为“登录窗口”，双击该页面，进入该页面的编辑模式。

画页面流程图的工具： （1）Axure：画了页面流程图可以紧接着画原型 （2）ppt：方便讲解 需要注意的地方： （1）回归业务流程，明确主线：页面流程一定来自于业务流程，一般为业务流程中的方形部分。异常流程一般为弹层或弹窗提示。业务流程画的好，页面流程就简单。