Axure RP新手入门教程快速上手原型设计

很多人一听到Axure RP就头大，觉得这是个只有专业产品经理才能玩转的软件。其实真不是，我刚开始接触的时候也这么想，结果硬着头皮装完打开一看，界面虽然密密麻麻，但常用的功能就那么几个。这篇Axure RP新手入门教程就按我自己踩过的坑来写，不整那些虚的，你跟着走一遍，基本就能做出一个能点的原型了。先别急着背快捷键，先把几个核心区域认全，后面上手会快很多。

先搞懂Axure RP的界面到底分几块

打开Axure RP之后，别被满屏的按钮吓到。你只需要盯住四个地方：左边是页面面板和元件库，中间是画布，右边是样式和交互面板。页面面板就像文件夹，你新建的每一页都在这儿；元件库就是你的素材箱，矩形、按钮、文本框、图片都从这儿拖。我第一次用的时候找了半天按钮在哪，后来发现直接拖一个矩形出来，改个颜色写上字，它就成按钮了。画布不用多说，你画原型的地方。右边交互面板是重点，Axure RP之所以强，就是因为它能设置点击、跳转、显示隐藏这些动作。新手先把前三个区域用熟，交互面板慢慢来。

拖元件、改样式，十分钟做出第一个页面

别一上来就想做复杂的东西。你就先拖一个矩形到画布上，右边样式面板里把填充色改成浅灰，边框去掉，圆角调个4到6，看起来就顺眼多了。然后拖一个文本标签放在上面，写个“登录”或者“首页”。再拖两个输入框，一个按钮。这时候你可能觉得排列不齐，没关系，选中几个元件，上面工具栏有对齐按钮，左对齐、居中对齐点一下就行。我刚开始不知道有这个功能，手动拖了半天，眼睛都快看花了。记住，Axure RP里对齐和分布功能一定要用，省时间。做完这一页，你其实已经完成了原型设计最基础的一步。

交互怎么做？点一下就能跳转其实很简单

很多人卡在交互这里。其实你就记住一个逻辑：选中一个元件，右边交互面板点“新建交互”，然后选“单击时”，再选“打开链接”，指向你要跳转的页面。就这么简单。Axure RP的交互是事件驱动的，你告诉它“谁、在什么时候、做什么事”就行。比如你做了一个登录按钮，想让它点击后跳到首页，就按上面步骤设置。想让它点击后弹出一个提示框，就选“显示”然后指向一个事先画好的提示框元件，设置成默认隐藏。我第一次做的时候忘了把提示框设为隐藏，结果一打开页面它就杵在那儿，闹了笑话。所以Axure RP新手一定要注意元件的默认状态，该隐藏的隐藏，该置顶的置顶。

预览和分享，让别人也能看到你的原型

做完之后你肯定想看看效果。右上角有个预览按钮，点一下浏览器就打开了，你就能点来点去试。如果想让别人也能看，就点“发布”到Axure Cloud，它会生成一个链接，发给同事或者客户就行。我用Axure RP做原型设计的时候，经常是边做边预览，因为有些交互在编辑器里看不出来，必须到浏览器里点一遍才知道对不对。还有个小技巧，发布的时候可以设置密码和有效期，给外部人看的时候安全一点。另外，如果你只是自己练习，直接导出HTML到本地文件夹也能打开看。别小看预览这一步，它能帮你发现很多细节问题，比如文字被遮挡、按钮点不到之类的。

说到底，Axure RP就是个工具，你不需要把每个功能都学会才能开始。先把页面画出来，再把跳转做通，然后慢慢加细节。我见过太多新手卡在“学完再做”的心态上，结果教程看了一堆，软件还没打开几次。你就按这篇Axure RP新手入门教程的节奏，今天拖几个元件，明天设两个交互，一周下来绝对能独立做简单原型了。遇到问题别死磕，去搜一下或者问问身边人，很多时候就是一层窗户纸。原型设计这事儿，动手比什么都重要。