用Axure 8设计简单的登陆页面
1.流程图
登陆页面流程图
2.登陆页面关键配置
账号输入文本框（显示）
密码输入文本框（显示）
登陆按钮（显示）
账号和密码为空提示文本框（隐藏）
账号为空提示文本框（隐藏）
密码为空提示文本框（隐藏）
账号或密码不正确提示文本框（隐藏）
登陆成功页面（隐藏）
登陆按钮（显示）
3.原件设置
账号输入文本框和密码输入文本框设置，设置属性类型、提示文字、字体颜色如图
输入文本框设置
账号和密码为空提示文本框、账号为空提示文本框、密码为空提示文本框和账号或密码不正确提示文本框设置，设置属性类型、提示文字、字体颜色、隐藏边框如图
提示文本框设置
登陆成功页面设置，右击选择设为隐藏
登陆成功页面设置
4.交互设置
选中登陆按钮交互中选择“鼠标单击时”，添加交互用例。
以账号和密码都未输入的情况为例，
1.点击“鼠标单击时”，设置用例名称和交互条件。点击添加条件，设立条件，账号和密码输入框输入为空；
判断条件设置
1.点击左侧添加动作“显示”，选择提示框，配置设置框效果如图（提示框显示200毫秒后隐藏）。
显示设置
5.效果展示
点击预览展示效果图
账号和密码为空
账号为空
账号或密码输入不正确
网友评论