Question

Axure如何制作一个忘记密码特效原型？

Answer 1

现在数数据化时代，为了确保个人账户的安全，都需要进行一个密码保障！不同的平台就有不同的密码，因此，不少小伙伴可能都会出现密码错误的情况！对于密码忘记、密码错误也没有关系，我们可以通过点击忘记密码进行重新设置或者找回！下面就将分享Axure制作一个忘记密码特效原型的教程！入门Axure做产品经理，就上来学习！精选多套优质Axure自学视频课，综合全面的教会大家Axure软件基础操作以及原型交互，让你可以理论+实践全面发展~

Axure制作一个忘记密码特效原型步骤：

我们先看一下，本案例使用到的元素：

文本部分，我们就咱不做介绍了，这里依次说一下“输入框”的设置&“动态面板”的设置。

/*输入框设置*/

我们从元件库，拖拽一个文本框至对应位置，然后设置它的属性。如图所示：

/*线条动态面板设置*/

（1）动态面板A-line

我们首先创建一个动态面板，命名为line，并且创建4种不同的面板状态：

default：默认状态

fcouse：输入框获得焦点状态

true：输入框值验证通过状态

flase：输入框值验证不通过状态

每种状态，使用不同颜色的线条来表示

（2）动态面板B-button

我们在创建一个动态面板，命名为button，同样创建三种状态：

default：默认显示submit字样的按钮

false：显示Theaccountcouldnotbefound字样的按钮

true：显示Emailhasbeensent字样的按钮

（3）动态面板C-reset

最后创建一个reset的动态面板，用于恢复“line”&“button”2个动态面板至默认状态。

/*交互设置*/

（1）输入框交互

我们选择输入框，双击“获取焦点时”，设置动态面板（line）显示“fcouse”状态。

同样，给输入框添加“失去焦点时”的交互，这里会要考虑到一个问题：

全部完成后，按F5进行演示即可。最终效果：

好咯，关于“Axure如何制作一个忘记密码特效原型？”的内容今天就分享到这里了，希望你能从中学到东西哦！Axure学习，的Axure相关文章、Axure自学视频课都是不错的选择！文字理解能力强的话，个人推荐Axure文章学习；但是想要专业学习Axure的话，还是推荐大家选择Axure自学视频课系统学！不仅可以更加清晰有条理，大家也都能够利用自己的碎片化时间学习！