![Axure RP 8 网站与APP原型设计](https://wfqqreader-1252317822.image.myqcloud.com/cover/984/35089984/b_35089984.jpg)
上QQ阅读APP看书,第一时间看更新
1.4 案例:一个App登录页的低保真原型制作
下面一起来制作登录低保真原型,感受一下Axure如何快速地制作出原型,以及感受一下Axure原型设计工具的魅力。
(1)拖曳一个矩形组件到工作区域,作为登录区域的边框,如图1.18所示。
![](https://epubservercos.yuewen.com/C4E9EB/18726420101252206/epubprivate/OEBPS/Images/figure_0021_0018.jpg?sign=1739328809-dLaa2w26oEWhiqQdO0zDSqEHOcKPVQr7-0-448b0e61dc60e588dc24cb3ab73efd9a)
图1.18 登录边框
(2)拖曳两个标签组件到工作区域,分别命名为“用户名”“密码”,如图1.19所示。
![](https://epubservercos.yuewen.com/C4E9EB/18726420101252206/epubprivate/OEBPS/Images/figure_0021_0019.jpg?sign=1739328809-pLBxRfIcghnlWLxElvT6kfTfetUJj1Pc-0-d6173013aaf43be02c1b91b92af74450)
图1.19 新增用户名和密码
(3)拖曳两个文本框组件到工作区域,作为“用户名”和“密码”的输入框,如图1.20所示。
![](https://epubservercos.yuewen.com/C4E9EB/18726420101252206/epubprivate/OEBPS/Images/figure_0021_0020.jpg?sign=1739328809-3GYRMAayTApMGTuVoFAN0uvktVFtAEo7-0-fe892f088033137013e6ae38d387ceff)
图1.20 新增输入框
(4)拖曳一个HTML按钮组件到工作区域,作为登录的提交按钮,如图1.21所示。
![](https://epubservercos.yuewen.com/C4E9EB/18726420101252206/epubprivate/OEBPS/Images/figure_0022_0021.jpg?sign=1739328809-vxB2pHAfEOe7zRi0CQ5WV0zMxVgp1mE6-0-44f1260e9008a72ae297bafcf383c860)
图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 设计一个手机图标。