Axure系列教程(六):第一次交互:实现跳转页面

之前说了这么多,那么肯定对Axure有所了解了,Axure是原型工具主要是画原型的,但是到目前为止虽然能画原型,却不能实现一些交互动作,我们今天就来说一说如何来实现交互。我们通过一个简单的登录页面来看一看

Axure系列教程(六):第一次交互:实现跳转页面_第1张图片
登录页布局及控件名称

当我们点击登录的时候,如果账号密码正确才会显示登录成功。这里就有五种情况

1.用户名为空

Axure系列教程(六):第一次交互:实现跳转页面_第2张图片
Axure系列教程(六):第一次交互:实现跳转页面_第3张图片

用户名为空显示用户名为空的错误

2.密码为空

Axure系列教程(六):第一次交互:实现跳转页面_第4张图片
Axure系列教程(六):第一次交互:实现跳转页面_第5张图片

密码为空显示密码为空的错误,同时也要把用户名为空的错误隐藏起来

3.用户名正确,密码错误

Axure系列教程(六):第一次交互:实现跳转页面_第6张图片
Axure系列教程(六):第一次交互:实现跳转页面_第7张图片

显示用户名或密码错误,隐藏用户名为空和密码为空的错误

4.用户名不正确,密码正确

Axure系列教程(六):第一次交互:实现跳转页面_第8张图片
Axure系列教程(六):第一次交互:实现跳转页面_第9张图片

显示用户名或密码错误,隐藏用户名为空和密码为空的错误

5.用户名正确,密码正确

Axure系列教程(六):第一次交互:实现跳转页面_第10张图片
Axure系列教程(六):第一次交互:实现跳转页面_第11张图片

隐藏用户名或密码错误、用户名为空和密码为空的错误,并在当前窗口打开登录成功页面

6.如何添加条件

Axure系列教程(六):第一次交互:实现跳转页面_第12张图片

在原型当中,登录页面是最为简单的一个页面,所以建议新手第一次接触不要去模仿很复杂的页面或交互,从最为简单的开始,循序渐进才是真理,不能一口吃成胖子呦!






你可能感兴趣的:(Axure系列教程(六):第一次交互:实现跳转页面)