原型设计之Axure RP

目录

0 前言

1 案例

1.1 目标效果

1.1.1 实现登录、注册、忘记密码、扫码登陆四个静态页面

1.1.2 实现动态行为

1.2 制作流程

1.2.1 准备活动

1.2.2 设计登录静态页面

1.2.3 设计注册静态页面

1.2.4 设计扫码登录静态页面

1.2.5 设计忘记密码静态页面

1.2.6 设计动态行为1

1.2.7 设置动态行为2

​1.2.8 设置动态行为3

1.2.9 设置动态行为4

1.2.10 设置动态行为5

​1.2.11 设置动态行为6

2 补充知识点--内联框架 

---

0 前言

原型设计工具Axure RP能让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档，同时支持多人协作设计和版本控制管理。Axure RP的使用者非常广泛，包括商业分析师、信息架构师、产品经理、IT咨询师、用户体验设计师、交互设计师、UI设计师、架构师、程序员等等。Axure RP不仅能够设计静态页面，页能够设计动态交互行为。

---

1 案例

1.1 目标效果

1.1.1 实现登录、注册、忘记密码、扫码登陆四个静态页面

1.1.2 实现动态行为

• 动态行为1：在登录页面，鼠标移入时【注册】，【注册】的字和下划线由黑色变成红色，鼠标从【注册】移开，【注册】的字和下划线由红色变成黑色。左键单击【注册】会跳到注册页面。
• 动态行为2：在注册页面，鼠标移入时【登录】，【登录】的字和下划线由黑色变成红色，鼠标从【登录】移开，【登录】的字和下划线由红色变成黑色。左键单击【登录】后跳到注册页面。
• 动态行为3：在登录页面，鼠标移入【忘记密码】，【忘记密码】的字和下划线由黑色变成红色，鼠标从【忘记密码】移开，【忘记密码】的字和下划线由黑色变成红色。左键单击【忘记密码】后跳到注册页面。
• 动态行为4：在忘记密码页面，鼠标移入【返回立即登录】，会返回【登录】页面。
• 动态行为5：在登录页面，鼠标移入其他方式--QQ、微信、微博任意图标，图标会由灰色变成彩色，鼠标移出时，图标会由彩色变成灰色。
• 动态行为6：在登录页面，点击二维码图片区域可以出现二维码页面登录页面。

---

1.2 制作流程