欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  科技

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

程序员文章站 2023-02-17 22:21:40
Axure怎么制作简易的账户密码的登录页面?...

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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