axure的条件语句非常强大，类似于傻瓜化的js程序，我们可以用它来设计很多复杂的交互演示！

今天分享一下我最近用axure制作的完全真实的网站登陆界面原型，并且可以根据不同的用户名进入不同的页面。

先看下实际效果：

开始制作，首先新建页面，建立一下元件：

元件图层详情如下：

输入框我们为了达到美化效果，通常都是画两层，底层用矩形美化作框，然后再画一层文本框，设置背景透明边框隐藏，这样就完美了。

1、文本框组成

注意画的时候，文本框要比矩形方框小些，避免文字出框难看。

接下来给文本框添加交互用例：

输入文本的时候，清除底层的文字，这样更真实！

如果想要更加逼真，可以添加判断，当文字小于1，则再写入提示文字。

2、验证码制作，此步略复杂

实现验证码的切换，需要用到动态面板，当然，动态面板在场景中是隐藏的。

动态面板里，多建立一些状态，然后将状态名称改成你想要的任意验证码，里面的矩形内容无所谓。

接下来添加交互动作

首先我们给验证码矩形code-img添加单击动作

编辑条件的方法，如上，主要是为了操作动态面板进行状态切换。

然后给动态面板添加交互动作

实现切换验证码功能。

3、按钮的交互，这里是重点

我们先用矩形画个按钮：

接下来开始编辑复杂的交互逻辑：

第一第二项，是为了判断用户，后面的是验证输入。

4、最后一步，给按钮绑定Enter键值，这样就可以直接输入后按确认键登陆了