Axure零基础跟我学:全面认识Axure、基本元件、表单和表格

亲爱的小伙伴,如有帮助请订阅专栏!跟着老师每课一练,系统学习Axure交互设计课程!
Axure产品经理精品视频课https://edu.csdn.net/course/detail/40420

课程主题:全面认识Axure

课程视频:

认识Axure基本元件


一、Axure软件

Axure RP(Rapid Prototyping) 是一款专业的原型设计工具,广泛应用于产品经理、交互设计师、UI/UX设计师等领域,用于快速创建高保真原型、线框图、流程图,并模拟复杂的交互逻辑。

一句话解释:软件设计最好的工具,对比其他工具最大优势在于:数据处理能力(中继器)

🔹 Axure 的优势 vs 其他工具
工具适用场景交互能力学习成本
Axure RP高保真原型、复杂交互⭐⭐⭐⭐⭐中等
FigmaUI设计、轻量交互⭐⭐⭐
SketchMac端UI设计⭐⭐
墨刀/Mockplus快速原型、团队协作⭐⭐⭐

Axure 更适合:

  • 需要深度交互逻辑(中大型软件后台、网站、APP全部适用)

  • 制作高保真可演示原型

  • 生成详细开发文档(PRD)


二、Axure版本

Axure RP(Rapid Prototyping)自2003年发布以来,经历了多次重大更新,功能不断增强,逐渐成为高保真原型设计的行业标准工具之一。以下是其主要版本演进:


🔹 Axure RP 版本发展历程(2003-2025)
  • 2003年:Axure RP 1.0 发布,提供基础线框图和简单交互功能。

  • 2006年:Axure RP 3.0 引入动态面板(Dynamic Panel),支持更复杂的交互设计。

  • 2008年:Axure RP 5.0 增加团队协作功能,支持多人编辑同一项目。

  • 2010年:Axure RP 6.0 新增变量(Variables)功能和条件判断,支持数据存储和传递。

  • 2013年:Axure RP 7.0 引入自适应视图(Adaptive Views),支持响应式设计。

  • 2016年:Axure RP 8.0 新增中继器(Repeater),可动态生成列表数据。

  • 2018年:Axure RP 9.0 时代的变革——全新UI界面,更现代化设计。增强交互事件,支持更多手势(如长按、滑动)。Axure Cloud 正式推出,支持云端协作和在线预览。

  • 2021年:Axure RP 10.0 性能优化:大幅提升大文件处理速度。新交互事件:增加鼠标悬停延迟、拖拽排序等功能。设计系统增强:支持主组件(Master)嵌套,方便维护设计规范。Axure Cloud 升级:支持自动生成设计规范文档

  • 2024年:Axure RP 11.0 AI 辅助设计(Beta):支持智能生成组件、自动布局优化。Figma/Sketch 导入增强:更精准的图层转换。高级动画:新增Lottie动画支持,提升动效表现力。实时协作(类似Figma):多人同时编辑同一文件。开发者模式:提供CSS/React代码导出,方便前端开发。


🔹 Axure 版本选择建议
版本适用场景推荐用户
Axure RP 9稳定,适合个人、企业长期使用个人、团队
Axure RP 10平衡性能与功能大多数用户
Axure RP 11最新功能(AI、实时协作)创新团队、个人学习者

博主建议:强烈推荐新手入门Axure9,理由三个:低成本、稳定、大中型高保真均可胜任!

Axure10、11都是订阅式,啥叫订阅式,月付费或年付费,不再是授权码的方式了,Axure10每月29刀合人民币210元左右一年大概2500,这成本太高了,如果不差钱,建议直接上11。


三、Axure页面组成

1. 顶部菜单栏(Menu Bar):文件操作、编辑、视图调整、项目设置等。

2. 工具栏(Toolbar):快速访问选择、绘图、文字、交互等工具。

3. 左侧面板(Left Panel):页面(Pages):管理所有页面结构。组件库(Libraries):内置/自定义UI组件。摘要(Outline):显示当前页面元素层级。

4. 画布(Canvas):设计原型的主要工作区。

5. 右侧面板(Right Panel)样式(Style):调整颜色、字体、边框等。交互(Interactions):设置事件和动作。说明(Notes):添加元件注释。属性(Properties):调整元件特定属性(如动态面板状态)。


四、Axure元件库
1. 默认元件库(Default)
  • 基础元件:矩形/圆形/文本/图片/占位符

  • 表单控件:文本框/下拉列表/单选/复选框/按钮

  • 菜单导航:水平/垂直菜单/树状菜单

  • 标记元件:箭头/便签/标记点

2. 流程图元件库(Flow)
  • 流程图形状:开始/结束/判断/流程步骤

  • 连接线:直线/曲线/箭头连线

  • 容器:泳道图/框架容器

3. 图标元件库(Icons)
  • 常用UI图标:搜索/主页/设置/用户等

  • 箭头方向图标

  • 状态指示图标

4. 高级交互元件
  • 动态面板:多状态容器

  • 中继器:数据列表生成器

  • 内联框架:嵌入网页/视频


五、Axure常用操作
1. 基础编辑操作
  • 选择元件:点击/框选 (Shift多选)

  • 移动元件:拖动/方向键微调 (Shift+方向键: 10px步进)

  • 调整大小:拖动控制点 (Shift等比例)

  • 复制粘贴:Ctrl+C/V (Ctrl+D快速复制)

2. 图层管理
  • 层级调整

    • 置顶:Ctrl+Shift+]

    • 置底:Ctrl+Shift+[

  • 对齐分布:使用工具栏对齐图标 (Shift多选后操作)

  • 编组/解组:Ctrl+G / Ctrl+Shift+G

3. 快速操作技巧
  • 智能缩放:Alt+拖动角点(内容自适应)

  • 精确输入:双击宽高数值直接输入

  • 样式吸管:格式刷工具(Shift+吸管连续应用)

  • 批量命名:大纲视图右键"批量重命名"

4. 视图辅助
  • 放大缩小:Ctrl+鼠标滚轮 / Ctrl+加减键

  • 显示网格:View → Grid → Show Grid

  • 参考线:从标尺拖出 (Ctrl拖动锁定位置)

5. 高效快捷键
功能快捷键
保存Ctrl+S
撤销Ctrl+Z
预览F5
隐藏元件Ctrl+Shift+H
组合元件Ctrl+G
显示/隐藏交互线Ctrl+Alt+I

博主建议:标红的必须记住,不多很好记


六、每课一练

虽然第一节是认识Axure课,我们也要进行课堂练习,来加强学习效果;这个Axure零基础跟我学专栏,我们采用课堂教学+练习作业的方式,目的是让大家更好的掌握每节课的知识点。

练习题一(多选):Axure9对比以前的版本优势是什么()

  • A、更加稳定、高效;
  • B、适合个人长期使用;
  • C、Axure Cloud 正式推出,支持云端协作和在线预览;
  • D、新增中继器;

练习题二(填空):参照图1,形成图2的效果,使用那种对齐方式()

图1
图2

练习题三(练习):实现图片遮盖住二级标题(不是删除)有两种方法,请表达()

图1
图2


其他专栏直通车:

《Axure疑难杂症专题》https://blog.csdn.net/benleiqiang/category_12961170.html《Axure应用交互设计》https://blog.csdn.net/benleiqiang/category_12803093.html《Axure原型设计精品课》https://edu.csdn.net/course/detail/40420

如有其他相关问题,欢迎私信沟通,关注  结构化知识课堂-CSDN博客

明天的产品大咖就是你,创作不易,麻烦关注一下,点赞+收藏,感谢大家!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值