Axure 教程:注册验证

3 评论 7512 浏览 42 收藏 3 分钟
零基础想转行产品经理?别担心!我们的实战营专为转行者设计,提供体系化课程和项目实战,帮你弥补经验短板,成功实现职业转型,拿到心仪offer。

大家都知道,注册的时候有很多的验证,如何通过Axure来制作这个验证那,今天小猿就给大家演示,通过这个练习,希望大家能够掌握逻辑条件和全局变量。

我们先看一下最终的效果:

猿型库:Axure小练习-注册验证

需求分析

原型设计

(1)拖入账号输入框account,设置最大输入长度为10,设置输入提示“账号只能包含字母和数字”;

(2)拖入图片account_img和文本account_msg,并且设置为隐藏;

(3)拖入密码输入框pass,设置输入类型为密码,设置输入提示”密码为6位数字“;

(4)拖入图片pass_img和文本pass_msg,并设置为隐藏;

(5)拖入注册按钮;

(6)拖入文本reg_result,并设置为隐藏;

猿型库:Axure小练习-注册验证

(7)设置全局变量reg_pass_correct和reg_account_correct。

猿型库:Axure小练习-注册验证

交互设计

(1)设置账号输入框account的“失去焦点事件”:

猿型库:Axure小练习-注册验证

(2)设置密码输入框pass的“失去焦点事件”:

猿型库:Axure小练习-注册验证

(3)设置登录按钮的点击事件:

猿型库:Axure小练习-注册验证

到了这步,注册的功能就算做好了,同学们赶紧去试试吧。

 

本文由 @马白龙 原创发布于人人都是产品经理。未经许可,禁止转载

题图来自Unsplash,基于CC0协议

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 账号字段是否为字母数字是怎么判定的??

    来自陕西 回复
  2. 原型预览:http://www.axurestudy.cn/pr/#id=6oms29&p=%E7%9B%AE%E5%BD%95

    来自广东 回复
    1. 原型还可以在发一遍吗

      来自广东 回复
专题
34699人已学习17篇文章
让我们来扒一扒跨境电商的风险和机遇|从业者必看
专题
13814人已学习12篇文章
一款产品,若想做到极致满足用户的需求,产品功能会变得越发臃肿。但在产品设计中,也可以做做减法,去除一些不必要或不重要的功能和元素。本专题的文章分享了如何给产品做减法。
专题
15357人已学习12篇文章
自传播是基于一个事件、一个产品或者营销活动自身的吸引力,激发人们自愿转发分享。本专题的文章分享了如何让产品具有自传播性。
专题
19866人已学习13篇文章
画像标签是由数据标签经过分析、加工处理,形成的更加抽象、易于理解的复合标签。本专题的文章分享了如何设计用户标签体系。
专题
20020人已学习14篇文章
合同管理系统的建设,实现公司对合同的录入登记、审批、履约管理、监控执行、查询、统计等功能。本专题的文章分享了合同管理的设计指南。
专题
37643人已学习27篇文章
作为AIGC的代表性应用之一,ChatGPT仅仅只用了2个月的时间就已经突破了1亿用户。