- Axure RP 8 网站与APP原型设计
- 王兆丰 王雅宁编著
- 414字
- 2021-01-04 16:20:47
1.4 案例:一个App登录页的低保真原型制作
下面一起来制作登录低保真原型,感受一下Axure如何快速地制作出原型,以及感受一下Axure原型设计工具的魅力。
(1)拖曳一个矩形组件到工作区域,作为登录区域的边框,如图1.18所示。
![](https://epubservercos.yuewen.com/C4E9EB/18726420101252206/epubprivate/OEBPS/Images/figure_0021_0018.jpg?sign=1739040068-xhzADxa0exJwovY8d5xHFBpw8BHu839h-0-0c90d3ede5ee10ea692e94251f55ba63)
图1.18 登录边框
(2)拖曳两个标签组件到工作区域,分别命名为“用户名”“密码”,如图1.19所示。
![](https://epubservercos.yuewen.com/C4E9EB/18726420101252206/epubprivate/OEBPS/Images/figure_0021_0019.jpg?sign=1739040068-rcwhHpFsa4COtcsjoKqQv08t8Lpw5rLE-0-ec6e7d24bb76c92014d1bf8add84699b)
图1.19 新增用户名和密码
(3)拖曳两个文本框组件到工作区域,作为“用户名”和“密码”的输入框,如图1.20所示。
![](https://epubservercos.yuewen.com/C4E9EB/18726420101252206/epubprivate/OEBPS/Images/figure_0021_0020.jpg?sign=1739040068-srlMhjalT4Vemw0I1P1Lct5nRiIQLSv0-0-8305b0aa07ece8bfdc0bc30ed549018f)
图1.20 新增输入框
(4)拖曳一个HTML按钮组件到工作区域,作为登录的提交按钮,如图1.21所示。
![](https://epubservercos.yuewen.com/C4E9EB/18726420101252206/epubprivate/OEBPS/Images/figure_0022_0021.jpg?sign=1739040068-fVYbOxe0yTuoLUbO8lJeuwxeLaCxnTNT-0-4e744568f65112c7f3c88e78f587d2bb)
图1.21 新增登录按钮
本章习题
一、填空题
1.在Axure中,要想达成交互效果,需要包含__________、__________、用例(Cases)和__________4个构建模块。交互是由__________触发的,__________是用来执行动作的。
2.Axure RP 8 的文件格式包含__________、__________和__________3种格式。
二、选择题
1.Axure RP 8 的工作环境分为( )个部分。
A.7
B.8
C.9
D.10
2.以下( )不是Axure RP 8 的核心功能。
A.交互
B.原型
C.协作
D.演示
三、上机练习
1.使用钢笔工具制作一个放大镜。
2.使用Axure RP 8 设计一个手机图标。