购买
下载掌阅APP,畅读海量书库
立即打开
畅读海量书库
扫码下载掌阅APP

1.3 案例1:我的第1个Axure RP原型——注册页面

前面已经介绍完了Axure RP最基础的概念和功能,下面该动手实践了。本节将带领读者学习做一个简单的“注册页面”,把之前讲过的概念串起来,加强对Axure RP的理解。

1.3.1 创建原型文件

打开Axure RP软件,在弹出的对话框中单击“新建文件”按钮,然后在菜单栏中单击“保存文件”按钮,如图1-59所示。最后,选择原型文件的保存地址。

图1-59 新

1.3.2 添加元件

创建好原型文件之后,就可以开始制作原型了。首先介绍如何在画布上添加各种元件、移动元件的位置,以及编辑元件文字。

(1)从元件库中拖曳矩形、文字、按钮、复选框等元件到画布上,如图1-60所示。

图1-60 拖曳元件

(2)选中元件,拖曳元件边缘改变其形状大小,然后拖曳左上角的小三角调整圆角大小。调整好后,双击元件可以编辑文字。在功能区改变边缘线颜色、填充颜色和字体颜色,如图1-61所示。

图1-61 调整样式

(3)从本书附带的模板中找到小图标,复制并粘贴到原型中。将原型调整到如图1-62所示的样子。

图1-62 贴图

1.3.3 设置页面样式

不选择任何元件,属性栏会显示整个页面的属性,按图1-63所示设置页面样式。

·页面排列:选择页面居中。

·背景颜色:设为灰色。

图1-63 页面样式

1.3.4 预览原型效果

单击“预览”按钮,在浏览器中查看的原型效果如图1-64所示。

图1-64 注册页面

以上就是制作一个简单原型的完整流程。 BgHKbx4KOYuF7R7eUzfssMVVLtbqLwo60ebFy0keYJT/Z4i2kphlD1YGiFVsSeh8

点击中间区域
呼出菜单
上一章
目录
下一章
×