请点击此处给我们留言

地址:www.ag88.com

电话:0319-391337708

联系人:ag88环亚娱乐总经理

当前位置:主页 > 产品案例 >

Axure案例:超逼真模拟注册登录

来源:http://www.hbgtzp.com 责任编辑:ag88环亚娱乐 更新日期:2018-09-15 12:01 字体:
分享到:

  注册和登录作为互联网产品的一项基础系统功能,本文将从原型及交互设计的角度讲述如何实现这两项基础功能,如果想学习注册和登录的产品功能设计,可以参考我之前写的一片文章《注册登录可能没你想的那么简单》。

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

  账号:通过文本改变事件限制账号输入框只能输入11位数字,即当账号文本框中的文字长度大于11位时,则账号文本框的值为=[[LVAR1.substr(0,11)]],其中局部变量LVAR1为账号文本框的文字。函数表达式的意思为针对账号文本框的文字,从0位开始,截取前11位长度的字符串内容,原函数为substr(start,length)。

  密码:通过文本改变事件限制密码输入框只能输入12位,即当密码文本框中的文字长度大于12位时,则密码文本框的值为=[[LVAR1.substr(0,12)]],其中局部变量LVAR1为密码文本框的文字。函数的用法与解释请参照上文账号输入框的限制。

  当短信验证码文本框内容为空时,提示“请填写验证码”,显示验证码提示信息;

  当短信验证码文本框内容≠0258时,提示“请输入正确的验证码”,显示验证码提示信息;

  当短信码下发时间超过1分钟时(假设1分钟超时过期),则提示“验证码已过期,请重新获取”,显示验证码提示信息;

  账号:通过文本改变事件限制账号输入框只能输入11位数字,即当账号文本框中的文字长度大于11位时,则账号文本框的值为=[[LVAR1.substr(0,11)]],其中局部变量LVAR1为账号文本框的文字。函数表达式的意思为针对账号文本框的文字,金风科技因产品质量问题索赔中材叶片66612万美元ag88环亚从0位开始,截取前11位长度的内容,原函数为substr(start,length)。

  密码:通过文本改变事件限制密码输入框只能输入12位,即当密码文本框中的文字长度大于12位时,则密码文本框的值为=[[LVAR1.substr(0,12)]],其中局部变量LVAR1为密码文本框的文字。函数的用法与解释请参照上文账号输入框的限制。

  以上便于关于注册和登录页面中的各种交互提示及输入限制的实现思路与方法,点击预览查看效果,预祝同学们也可以自己动手实现注册登录的高保效果哦。

  拼搏的80后,人人都是产品经理专栏作家。10年互联网从业经历,具有各类型B端、C端产品的设计经验,关注区块链及人工智能的技术发展及应用场景探索。