亲爱的小伙伴,如有帮助请订阅专栏!跟着老师每课一练,系统学习Axure交互设计课程!
Axure产品经理精品视频课https://edu.csdn.net/course/detail/40420
课程主题:全面认识Axure
课程视频:
认识Axure基本元件
一、Axure软件
Axure RP(Rapid Prototyping) 是一款专业的原型设计工具,广泛应用于产品经理、交互设计师、UI/UX设计师等领域,用于快速创建高保真原型、线框图、流程图,并模拟复杂的交互逻辑。
一句话解释:软件设计最好的工具,对比其他工具最大优势在于:数据处理能力(中继器)
🔹 Axure 的优势 vs 其他工具
工具 | 适用场景 | 交互能力 | 学习成本 |
---|---|---|---|
Axure RP | 高保真原型、复杂交互 | ⭐⭐⭐⭐⭐ | 中等 |
Figma | UI设计、轻量交互 | ⭐⭐⭐ | 低 |
Sketch | Mac端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的效果,使用那种对齐方式()


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


其他专栏直通车:
《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博客
明天的产品大咖就是你,创作不易,麻烦关注一下,点赞+收藏,感谢大家!