![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=1739530491-930Jl82FzVtQ9OtouA5e7DGFZw9DMWAM-0-6180a459d8aceea45bfe57ec0c0604fb)
图1.18 登录边框
(2)拖曳两个标签组件到工作区域,分别命名为“用户名”“密码”,如图1.19所示。
![](https://epubservercos.yuewen.com/C4E9EB/18726420101252206/epubprivate/OEBPS/Images/figure_0021_0019.jpg?sign=1739530491-tMrpKMJ1wmsd9ppkm1ITiITB32oQ6sCH-0-f0035b42ed141252781b256a51f7c307)
图1.19 新增用户名和密码
(3)拖曳两个文本框组件到工作区域,作为“用户名”和“密码”的输入框,如图1.20所示。
![](https://epubservercos.yuewen.com/C4E9EB/18726420101252206/epubprivate/OEBPS/Images/figure_0021_0020.jpg?sign=1739530491-6dTEX3hIKD2zpacEiWIR7DvYJQ9OSy9p-0-48730ef08110f7eec6af42d06034a851)
图1.20 新增输入框
(4)拖曳一个HTML按钮组件到工作区域,作为登录的提交按钮,如图1.21所示。
![](https://epubservercos.yuewen.com/C4E9EB/18726420101252206/epubprivate/OEBPS/Images/figure_0022_0021.jpg?sign=1739530491-QlxbSXfhmPgrBL663wL1seJlLZAqb9xZ-0-e44dd0a9345c3c352bca3bf8e2955738)
图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 设计一个手机图标。