什么是Axure?

目录

一.Axure简介

1.它能帮你做什么?

2.谁会常用它?

3.举例

二.Axure新手入门的核心操作步骤

1.操作步骤

[2.新手必记的 2 个小技巧](#2.新手必记的 2 个小技巧)


一.Axure简介

Axure 就是一款能把 APP、网站的 "想法" 做成可点击、能交互的 "草稿" 的工具,不用写代码也能实现。

简单说,它的核心作用就是帮你把抽象的产品逻辑,变成看得见、能操作的 "高仿原型",方便和团队或客户沟通。

Axure的读音:类似 "阿克苏尔",更贴近的音标是 /ˈæksər/(美式发音)

1.它能帮你做什么?

  • 画界面:用自带的按钮、输入框、图片等元件,搭出和最终产品差不多的页面样子。
  • 做交互:设置 "点击按钮跳转到下一页""输入内容后显示提示" 这类操作,让原型像真的 APP 一样能点。
  • 传文件:做完的原型可以导出成网页文件,发给别人直接在浏览器里打开用,不用装软件。

2.谁会常用它?

  • 产品经理:用来梳理功能逻辑,和开发、设计团队对齐需求。
  • 设计师:在画精细设计图前,先用它快速搭个框架验证交互是否合理。
  • 创业者 / 学生:没有技术团队时,用它做出可演示的产品原型,方便找投资或完成作业。

3.举例

二.Axure新手入门的核心操作步骤

Axure 新手入门其实不难,掌握这几个核心步骤,就能快速做出一个带简单交互的原型,跟着走一遍就懂了:

1.操作步骤

第一步:认识界面,先搞懂 "工作台"

打开 Axure 后,界面分 3 大块,记不住名字没关系,知道用途就行:

  • 左边(元件库):放着按钮、输入框、图片、文本框这些 "零件",要用就直接拖到中间。
  • 中间(画布):你要画的页面就在这,比如 APP 首页、登录页,拖过来的零件在这里拼。
  • 右边(属性面板):选中一个零件(比如按钮),这里能改它的颜色、大小、文字,还能加交互(重点!)。

第二步:新建页面,搭个简单界面

  1. 新建页面:左边最上面有个 "页面" 面板,默认有个 "Home"(首页),右键点它可以 "添加页面",比如加个 "登录页""详情页"。
  2. 拖元件拼界面 :
    • 从左边元件库拖一个 "矩形" 到画布,改文字为 "登录"(右边属性面板改文字),当按钮用。
    • 再拖两个 "文本框"(输入账号密码)、一个 "标题"(写 "欢迎登录"),随便摆整齐,一个简单登录页就出来了。

第三步:加交互,让按钮能 "点击跳转"

这是 Axure 的核心,也是最有用的功能,以 "点击登录按钮跳转到首页" 为例:

  1. 选中要加交互的元件:点一下画布上的 "登录" 按钮,让它处于选中状态(边缘会有虚线)。
  2. 添加交互事件:右边属性面板最下面有个 "交互",点 "+ 添加事件",选 "单击时"(就是鼠标点一下的时候)。
  3. 设置跳转动作:点完 "单击时" 后,会弹出动作列表,选 "打开链接"→"当前窗口"→ 选你要跳的页面(比如 "Home" 首页),然后点 "确定"。

搞定!现在点画布上方的 "预览" 按钮(像个小浏览器的图标),在弹出的网页里点 "登录" 按钮,就能跳到首页了,和真的 APP 一样!

第四步:保存和导出,发给别人看

  1. 保存文件 :按Ctrl+S,存成.rp格式(Axure 专属文件,自己改的时候用)。
  2. 导出成网页 :顶部菜单点 "发布"→"生成 HTML 文件",选个保存路径,生成后会得到一个文件夹,里面的index.html就是可以直接在浏览器打开的原型,发给谁都能看、能操作。

2.新手必记的 2 个小技巧

  • 复制粘贴:做好一个页面后,右键页面可以 "复制",快速改改就能做相似页面(比如不同商品的详情页)。
  • 撤销操作 :做错了就按Ctrl+Z,别怕试错。

按这四步走,10 分钟就能做出一个带跳转的简单原型,后续再慢慢学更复杂的交互(比如滑动、弹窗)就好啦~

以上就是Axure工具的简单介绍,希望可以帮助你理解这个开发工具。

喜欢本篇文章的话,可以留个免费的关注呦~~~

相关推荐
产品阿强17 小时前
PM 实战:信息架构乱了产品就乱了——用卡片分类法搭好产品结构
产品经理·信息架构
Tim0072 天前
火星来信:把华晨宇的音乐、舞台和我的现场记忆,装进一个会生长的知识库
产品经理
rolt2 天前
[存档]Alistair Cockburn-2003年11月UMLChina交流会
软件工程·产品经理·uml·敏捷开发·用例·cockburn
产品人卫朋3 天前
MTL如何把市场机会转化为有效销售线索?
人工智能·华为·产品经理·ipd流程·流程架构·mtl流程
wanghao6664553 天前
看 AI 怎样处理三份表格,理解 Harness
产品经理
xy34535 天前
Axure 9.0 列表框 介绍
ui·axure·原型·产品设计
xy34535 天前
Axure 9.0 内联框架加载方式
前端·ui·html·axure·原型·产品设计
我是李工啊5 天前
PRD 总和代码对不上?让 AI 从代码生成状态图和权限矩阵
人工智能·产品经理
axe_hu6 天前
AI产品经理入门指南
人工智能·产品经理
huali6 天前
草稿该存在哪:per-session 是怎么成为共识的
前端·产品经理·产品