什么是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工具的简单介绍,希望可以帮助你理解这个开发工具。

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

相关推荐
A_SKYLINE2 天前
低空无人机“一网统飞”深度解构:从技术内核到产业落地,重构低空经济操作系统
人工智能·重构·无人机·产品经理·低空经济
产品人卫朋5 天前
卫朋:IPD流程落地——矩阵组织演变逻辑
产品经理·需求分析·创业·ipd流程
俞凡6 天前
产品管理的第一性原理
产品经理
向懒羊羊学习的大猫6 天前
【互联网产品助理的成长之路(1)】需求设计的大致流程及思考
产品经理
孟健7 天前
为什么你的 AI 产品总是做不起来?90%的人忽略了这两个底层模型
产品经理·创业
十八朵郁金香7 天前
【H5工具】一个简约高级感渐变海报H5设计工具
前端·javascript·产品运营·axure·个人开发
华洛8 天前
AI产品发展必经之路: 从售卖工具到售卖解决方案
产品经理·产品·资讯
自友智慧校园9 天前
智慧校园建设怎么选?性价比评估就看这三点
产品经理·产品·资讯
asdfsdgss9 天前
Axure 组件不用手绘:ElementUI/Plus 元件库 + 大厂规范现成资源
elementui·axure·photoshop