登录功能在互联网产品中基本上是一个必备的功能,形式也多种多样,其中较为常见的是手机号验证码登录,那我们如何制作高保真的交互效果呢?本篇文章笔者将以Axure9为工具给大家分享如何去制作这个效果。
首先,我们还是要明确一个思路,当我们在制作任何一个交互效果时,都需要对这个交互的步骤进行拆分,然后分别把对应步骤代入到Axure的交互设置中,是否可以用某些动作进行一一实现。这一思路大家可以参考之前设计知乎问答卡片的文章:Axure高保真:如何在原型图上实现「知乎」问答卡片交互效果
我们仔细思考一下获取验证码到重新获取的流程:
一、元件准备
根据这个流程,我们可以很清楚地知道,我们需要的元件有文本输入框、按钮以及全局变量的设置(一般涉及到数据动态变化的设计效果,我们都可以考虑是否需要全局变量)