Axure RP 10制作用户登录界面

本文制作了一个用户登录页面，不涉及用户注册。当用户名和用户密码均正确时则登录成功，当用户名或用户密码错误时会显示提示信息。

1 准备并编辑所需元件

①拖动动态面板(Dynamic Panel)，命名为“用户登录动态面板”，插入2个状态页面
双击第一个状态页面，拖动以下元件：
②拖动矩形元件(Box 1)，命名为“用户登录边框”
③拖动一级标题(Heading 1)，命名为“用户登录标题”
④拖动两个文本输入框(Text Field)，分别命名为“用户名输入”和“用户密码输入”
点击“用户名输入”，在元件交互区中的文本框提示文字处(Hint Text)输入“请输入用户名”；同理，点击“用户密码输入”，在元件交互区中的文本框提示文字处(Hint Text)输入“请输入用户密码”

⑤拖动矩形元件(Box 1)，命名为“登录按钮”
⑥拖动矩形元件(Box 1)，命名为“提示信息”，输入文字“用户名或密码错误”，填充和边框均设置为透明，隐藏该元件