Axure怎么制作简易的账户密码的登录页面?

我们经常使用Axure制作网页原型,今天我们就来看看使用axure制作登录页面效果的教程,请看下文详细介绍。

软件名称:
Axure RP v8.1.0.3377 Enterprise 中文特别版(附注册机+汉化包+安装教程)
软件大小:
84.1MB
更新时间:
2018-06-12

1、首先打开Axure,新建一个空白页面,在空白页面拖入本次要使用的相关元件,如下图所示。

Axure怎么制作简易的账户密码的登录页面?_第1张图片

2、然后我们需要给这些元件命名,并对大小和样式进行调整,如下图所示。

Axure怎么制作简易的账户密码的登录页面?_第2张图片

3、然后我们把边框隐藏一下,如下图所示。

Axure怎么制作简易的账户密码的登录页面?_第3张图片

4、然后设置选中时的样式,如下图所示。

Axure怎么制作简易的账户密码的登录页面?_第4张图片

5、后面我们给相关的元件做交互事件,如下图所示。

Axure怎么制作简易的账户密码的登录页面?_第5张图片

Axure怎么制作简易的账户密码的登录页面?_第6张图片

Axure怎么制作简易的账户密码的登录页面?_第7张图片

6、最后f5看一下最终的效果,如下图所示。

Axure怎么制作简易的账户密码的登录页面?_第8张图片

Axure怎么制作简易的账户密码的登录页面?_第9张图片

以上就是Axure设计登录页面的教程,希望大家喜欢,请继续关注脚本之家。

相关推荐:

Axure网页怎么添加树状控件?

Axure怎么设计网页强密码验证效果?

axure网页原型怎么查看浏览器中预览效果?

你可能感兴趣的:(Axure怎么制作简易的账户密码的登录页面?)