Axure学习笔记:dubble重置密码界面

2018-01-26  本文已影响42人  篱落LY

dubble“重置密码”界面的操作,从登录界面中点击“忘记密码”按钮,跳转“重置密码”界面。需要输入邮箱获取重置的链接,点击连接后进行重置的后续操作。

图一:输入邮箱获取重置密码的链接。界面中有邮箱输入框、下一步按钮。

默认弹出邮箱键盘,键盘上方显示邮箱输入框的输入内容文字提示。

下一步按钮为不可点击状态。

图二:邮箱输入框的交互。

1. 邮箱输入框,输入的文字长度>0时,输入框右侧显示清空按钮。

2. 邮箱输入框,输入内容包括字符@和字符.的时候,下一步按钮切换为可点击状态。

图三:确认提示。完成邮箱输入,点击下一步按钮后,弹出提示框让用户确认一下输入的邮箱正确性,减少错误率。

图四:提示状态。显示重置密码连接发送状态,让用户了解到了是否可以进行下一步操作。


图一

步骤:

1. 从注册界面中copy输入邮箱注册界面。

2. 修改键盘上方提示语。


图二、图三可直接从注册界面中copy


图四

3. 添加750*1334,#0000,不透明度20%的黑色遮罩矩形

4. 绘制成功提示框

上一篇下一篇

猜你喜欢

热点阅读