美文网首页
Axure学习笔记:dubble重置密码界面

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

作者: 篱落LY | 来源:发表于2018-01-26 09:50 被阅读42次

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

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

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

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

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

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

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

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

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


    图一

    步骤:

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

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


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


    图四

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

    4. 绘制成功提示框

    相关文章

      网友评论

          本文标题:Axure学习笔记:dubble重置密码界面

          本文链接:https://www.haomeiwen.com/subject/todiaxtx.html