blog20200614:01-Axure注册&登录交互

本文介绍如何使用Axure创建登录和注册页面的交互,包括账号密码登录、短信快捷登录和注册功能。详细阐述了设置元件、交互事件,如验证手机号、密码、验证码,以及成功或失败的提示信息。
摘要由CSDN通过智能技术生成

首先直接上图最终效果图,如下:
账号密码登录

账号密码登录界面

  • 输入账号,输入密码
  • 点击登录(登录成功,直接跳转已注册首页)
  • 点击短信快捷登录,切换为短信快捷登录窗口
  • 点击免费注册,跳转到注册界面

短信快捷登录界面

  • 输入手机号
  • 发送验证码(60秒后重新获取,当短信码下发时间超过1分钟时(假设1分钟超时过期),则提示“验证码已过期,请重新获取”,显示验证码提示信息)
  • 输入验证码
  • 点击登录(登录成功,直接跳转已注册首页)

注册界面

  • 手机号注册
  • 获取验证码
  • 输入密码
  • 再次确认密码(假如2次密码不一致,提示"您的账号或密码错误!",2次密码一致,则弹出注册成功!)

是不是看起来很简单,下面我们来开始制作原型…

一、准备元件

首先利用元件文本标签、文本框、按钮等基础元件快速搭建好注册页面的线框图,将账号界面的输入框属性设置为输入框;密码文本框的属性设置为密码,对密码的显示进行加密,视觉上看到的都是星号。将校验提示、弹窗提示

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值