目录
[2.新手必记的 2 个小技巧](#2.新手必记的 2 个小技巧)
一.Axure简介
Axure 就是一款能把 APP、网站的 "想法" 做成可点击、能交互的 "草稿" 的工具,不用写代码也能实现。
简单说,它的核心作用就是帮你把抽象的产品逻辑,变成看得见、能操作的 "高仿原型",方便和团队或客户沟通。
Axure的读音:类似 "阿克苏尔",更贴近的音标是 /ˈæksər/(美式发音)
1.它能帮你做什么?
- 画界面:用自带的按钮、输入框、图片等元件,搭出和最终产品差不多的页面样子。
- 做交互:设置 "点击按钮跳转到下一页""输入内容后显示提示" 这类操作,让原型像真的 APP 一样能点。
- 传文件:做完的原型可以导出成网页文件,发给别人直接在浏览器里打开用,不用装软件。
2.谁会常用它?
- 产品经理:用来梳理功能逻辑,和开发、设计团队对齐需求。
- 设计师:在画精细设计图前,先用它快速搭个框架验证交互是否合理。
- 创业者 / 学生:没有技术团队时,用它做出可演示的产品原型,方便找投资或完成作业。
3.举例

二.Axure新手入门的核心操作步骤
Axure 新手入门其实不难,掌握这几个核心步骤,就能快速做出一个带简单交互的原型,跟着走一遍就懂了:
1.操作步骤
第一步:认识界面,先搞懂 "工作台"
打开 Axure 后,界面分 3 大块,记不住名字没关系,知道用途就行:
- 左边(元件库):放着按钮、输入框、图片、文本框这些 "零件",要用就直接拖到中间。
- 中间(画布):你要画的页面就在这,比如 APP 首页、登录页,拖过来的零件在这里拼。
- 右边(属性面板):选中一个零件(比如按钮),这里能改它的颜色、大小、文字,还能加交互(重点!)。
第二步:新建页面,搭个简单界面
- 新建页面:左边最上面有个 "页面" 面板,默认有个 "Home"(首页),右键点它可以 "添加页面",比如加个 "登录页""详情页"。
- 拖元件拼界面 :
- 从左边元件库拖一个 "矩形" 到画布,改文字为 "登录"(右边属性面板改文字),当按钮用。
- 再拖两个 "文本框"(输入账号密码)、一个 "标题"(写 "欢迎登录"),随便摆整齐,一个简单登录页就出来了。
第三步:加交互,让按钮能 "点击跳转"
这是 Axure 的核心,也是最有用的功能,以 "点击登录按钮跳转到首页" 为例:
- 选中要加交互的元件:点一下画布上的 "登录" 按钮,让它处于选中状态(边缘会有虚线)。
- 添加交互事件:右边属性面板最下面有个 "交互",点 "+ 添加事件",选 "单击时"(就是鼠标点一下的时候)。
- 设置跳转动作:点完 "单击时" 后,会弹出动作列表,选 "打开链接"→"当前窗口"→ 选你要跳的页面(比如 "Home" 首页),然后点 "确定"。
搞定!现在点画布上方的 "预览" 按钮(像个小浏览器的图标),在弹出的网页里点 "登录" 按钮,就能跳到首页了,和真的 APP 一样!
第四步:保存和导出,发给别人看
- 保存文件 :按
Ctrl+S,存成.rp格式(Axure 专属文件,自己改的时候用)。- 导出成网页 :顶部菜单点 "发布"→"生成 HTML 文件",选个保存路径,生成后会得到一个文件夹,里面的
index.html就是可以直接在浏览器打开的原型,发给谁都能看、能操作。
2.新手必记的 2 个小技巧
- 复制粘贴:做好一个页面后,右键页面可以 "复制",快速改改就能做相似页面(比如不同商品的详情页)。
- 撤销操作 :做错了就按
Ctrl+Z,别怕试错。
按这四步走,10 分钟就能做出一个带跳转的简单原型,后续再慢慢学更复杂的交互(比如滑动、弹窗)就好啦~
以上就是Axure工具的简单介绍,希望可以帮助你理解这个开发工具。
喜欢本篇文章的话,可以留个免费的关注呦~~~