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

1.1 Axure RP是干什么用的

本节将介绍Axure RP在实际工作中的作用,并展示几个Axure RP做出的案例,了解Axure RP可以做出什么样的原型。

1.1.1 Axure RP是原型设计软件

Axure RP是一款专业的原型设计软件,是最流行的原型设计工具之一。它能快速、高效地演示产品,准确地表达产品设计人员的意图和想法。

Axure RP的特点是交互功能非常强大,不需要写一行代码,就能实现非常复杂的交互效果。其逼真的交互效果能准确地传达设计者的意图。

在互联网公司,原型贯穿于整个产品开发流程中。

·需求分析阶段:产品经理根据用户需求通过Axure RP制作出产品的原型。

·产品讨论阶段:原型制作完成后,产品经理可以给客户、领导和同事演示原型。相比随手绘制的草图、示意图,可交互的Axure RP原型可以让大家更加直观地看到未来产品的样子,便于团队进行讨论和修改。在获取反馈后,可在Axure RP中即时修改原型,快速形成一个大家共同认可的产品设计。

·UI设计阶段:设计部门的同事会参考原型,做出界面的设计图。

·研发阶段:研发部门的同事会参考原型,实现产品的各项功能。

产品开发就这么一步一步实现了。可以说,制作原型是产品经理必备的技能。学习制作优秀的原型是成为产品经理的第一步。

1.1.2 Axure RP原型案例

Axure RP最初的版本是用来制作网页原型的。但是随着功能的迭代和周边资源的完善,现在的Axure RP已经可以制作各种互联网产品的原型了。下面列举一些案例。

1. 电商网站原型

Axure RP可以做出页面跳转、切换、弹窗等常用的交互效果。例如,图1-1中的原型可以按类别、价格范围筛选商品列表。单击“排序”按钮,可以弹出选择排序方式菜单;单击商品图,可以进入商品详情页面。该电商网站原型功能完备,甚至可以完成下单功能,除了商品不会邮寄到家,其他购物流程的体验完全可以做到和真实电商网站一模一样。

2. 数据后台原型

Axure RP的控件非常丰富,简单组合就能做出折线图、饼图等各种图形。如图1-2所示的折线图就是用“水平线”元件变形画出来的;图1-2中的饼图是用“椭圆形”“饼图”元件组合画出来的。

图1-1 电商网站原型

图1-2 数据后台原型

3. 直播APP原型

Axure RP的排版、图片剪裁、编辑功能非常强大。如图1-3所示,图1-3a中正方形的原图编辑出了圆角,图1-3b中正方形的头像剪裁为圆形。

Axure RP可以模拟APP的列表滑动、页面切换等交互效果。例如图1-4a中的标签可以横向滑动,列表可以竖向滑动,单击图片可以切换到图1-4b的页面,并且灵活运用“内部框架”“动态面板”等元件,可以模拟播放视频、发弹幕的效果。

图1-3 直播APP原型

4. 社交APP原型

Axure RP可以方便地做出透明、阴影等效果,如图1-4中顶部图片上的半透明遮罩,底部按钮上的阴影等。

Axure RP可以模拟关注好友后页面状态的改变,以及聊天时发送文字及自动回复等效果。

图1-4 社交APP原型

5. 待办事项APP原型

Axure RP中最复杂的功能就是数据管理功能。例如图1-5所示的待办事项APP原型,可以实现数据输入、保存和删除效果。

在图1-5b的输入框中可以输入任意文字。输完后,按Enter键即可将输入的文字作为标题,新增待办事项。新增的待办事项会显示在下方列表中。单击列表右侧的星形按钮,可以用来标识重要的待办事项。单击勾选左侧的复选框,会将待办事项标记为“已完成”。“已完成”的待办事项会移入“已完成”列表。

图1-5 待办事项APP原型

1.1.3 使用Axure RP原型

Axure RP做出的原型可以发布成网页形式。上面案例中的原型发布的网页都可以上传到官方或自建的服务器上。将网站原型的网址发给他人访问,几乎能以假乱真。将APP原型调整到合适的尺寸后,原型可以直接在手机上访问,就像在使用一个真正的APP。 5vEHie0HJ2y2con04F4tDcRVTmi1zNbqa3r8H5Khva91nhuI7WbGkZD6YuAndI+R

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