产品经理课程分享：Axure入门课程笔记
2021-09-23 11:35:08 0 举报AI智能生成
本课程为产品经理提供了一套系统的Axure入门教程，涵盖了从基础操作到高级应用的全方位知识。首先，我们介绍了Axure的基本概念和工作环境，帮助学员熟悉软件界面和常用功能。接着，通过实际案例，详细讲解了如何创建和管理项目、设计线框图、制作交互原型等关键技能。在高级部分，我们深入探讨了条件逻辑、数据驱动、团队协作等高级功能，使学员能够应对复杂的产品设计需求。此外，课程还提供了大量的实战练习和作业，确保学员能够将所学知识迅速应用于实际工作中。总之，本课程旨在帮助产品经理快速掌握Axure，提升产品设计效率和质量。
作者其他创作
大纲/内容
网易云课堂链接：
https://study.163.com/course/courseLearn.htm?courseId=1210124830#/learn/video?lessonId=1280969182&courseId=1210124830
free 购买链接：https://study.163.com/course/introduction/1210124830.htm
2小时极速入门
基础知识
分支主题
什么是原型图
描述文档
大部分研发沟通，沟通工具
PRD，MRD敏捷开发
涉及的人群
分支主题
原型图的重要性
95%的新功能无用的
分支主题
原型图的种类
线框图
分支主题
高保真图
分支主题
需求文档（PRD、MRD）
文档的中心策略
指导研发和运营
分支主题
分支主题
原型图设计工具（文档通用性和图像编辑较差）
分支主题
原型图设计辅助工具
图标库
分支主题
内部协同：蓝湖
分支主题
原型演示PC：WuliHub
分支主题
分支主题
原型演示APP：墨刀
分支主题
设计的流程
分支主题
一句话：最大的成本（尽早发现问题，降低无效研发）
分支主题
基础元件
安装环境（汉化包）
分支主题
Axure操作区
分支主题
矩形、圆、线
按住shift+放大缩小，可以等距变化
按住左上角△放大缩小，可以改变圆角
图形内双击直接打字
页面中正上方可以加阴影
组件右上方○可以改变图像样式
组件右上方+ctrl shift，可以旋转
文字排版（一定要下载思源字体）
项目——元件样式编辑（默认字体）
推荐默认思源字体
偏向更小一些（70）（66~80字体放大会消失，推荐在66以内或80以外 ）
分支主题
字正上方设置文字阴影
字间距：回车默认字间距~行间距，缩小一些会比较好看
思源字体
分支主题
下载链接：https://www.fonts.net.cn/font-search-result.html?q=%E6%80%9D%E6%BA%90%E5%AD%97%E4%BD%93
下载压缩包——解压——打开——左上角点击安装——安装完后原文件全部删除也不影响
图片的灵活应用
导入
直接复制粘贴或拖拽
调整
切割
技巧，两种分割方式
上下切开，下面置顶
剪裁图片分割
组合
变形
覆盖（顶层、底层）
遮挡
分支主题
分支主题
表单元件
自带事件
分支主题
文本框
右侧属性十分重要：eg：提示文字
下拉列表
分支主题
单选项需要设置成组
分支主题
B端很多表格
分支主题
流程图
axure流程图（Flow）
一句话：注重原型设计
分支主题
线框图
重点：
分支主题
分支主题
制作技巧：
参考线，从上往下拖动，可以移动无限数量的参考线，用完删除
对齐最好对齐底部，无论是文字还是图片
底部的组件，可以点击正上方的等距分布
分支主题
分支主题
高保真图
例子
分支主题
制作原则
分支主题
技巧
分支主题
栗子
需求
分支主题
1、切割
2、填充（iconfront）
作业
分支主题
思考题：为什么复制，不是重新画
分支主题
一句话，快速做高保真很有必要
分支主题
高手进阶之路
其他高级元件
热区
分支主题
母版
分支主题
内联框架
分支主题
不要显示滚动条
元件库
自己下载好，“载入”元件库
bootstap for Axure 已下载至团队飞书知识库——学习材料——产品学习
分支主题
分支主题
一句话
分支主题
事件系统入门（Axure9）
重点
分支主题
1、事件动作的用处与结构
Axure 事件动作的作用
分支主题
系统结构
分支主题
系统结构🌰
分支主题
2、事件与情形Case编辑器
实操步骤
分支主题
事件添加（不同元件事件属性不同）
分支主题
交互编辑器
分支主题
3、变量与条件设定
变量编辑：全局变量（V）
OnLoad（New） Variable默认变量
在动作里面增加设置变量值
分支主题
练习：全局变量取值、赋值
读取（按钮+文本框）~对象是“读取”右边的输入框内容（New variable）
①选择“输入文本框”这个元件
分支主题
②右侧属性栏中点击设置为“文本”
③点击属性栏-交互-值为右边的fx
分支主题
分支主题
写入（按钮+文本框）~对象是“读取”右边的输入框内容（New variable）
①添加动作：设置变量
分支主题
②选择变量：新变量
分支主题
③设置变量值：写入值
分支主题
分支主题
写入（按钮+文本框）~对象是“写入”右边的输入框内容
分支主题
分支主题
条件编辑
①打开操作环节有一个【启用情形】
分支主题
②配置条件（添加条件）
分支主题
③弹出窗口，情形设置or条件设置，设置两个条件对比
分支主题
分支主题
练习：判断变量跳转不同页面
分支主题
变量班级：局部变量
理论
分支主题
分支主题
练习：两个文本框值传递
分支主题
分支主题
分支主题
分支主题
分支主题
4、常见事件与动作
分支主题
分支主题
5、案例：制作微信APP登录页
分支主题
分支主题
一句话：
·=
中继器（重复器）
重点
分支主题
介绍
分支主题
为什么存在中继器？
分支主题
中继器的原理
分支主题
中继器的使用顺序
设计样式
准备素材
分支主题
做一个单元
分支主题
拖动一个中继器
分支主题
双击中继器，填充想要实现的功能（记得对齐）
切出来看的效果就是，软件自动填充了三个
分支主题
填充数据
准备元件数据名称
分支主题
分支主题
分支主题
分支主题
单击右侧显示图片
分支主题
拓展右侧的图片列名（名字随便取）
分支主题
填入数据（手敲or excel都可以）
分支主题
在加载项中设置文字展示
分支主题
插入中继器里面的名称
分支主题
循环
分支主题
重点难点：如何导入图片（设置为值）
分支主题
分支主题
连接动作
如果要更改样式：在中继器的页面上面修改
分支主题
增加鼠标按下的事件
分支主题
分支主题
为了方便切换，增加分组【设置选项组名称】
分支主题
给按键上的文字加上事件
分支主题
分支主题
添加或者删除商品信息
删除this
分支主题
分支主题
一句话
分支主题
动态面板
重点
分支主题
动态面板有啥用？
分支主题
分支主题
原理
默认2s切换一次，
分支主题
操作
准备素材
拖动一个动态面板的元件
加状态（点击➕）
填放内容
增加动作
点击切换
分支主题
向左拖动，页面切换
分支主题
如何平滑
分支主题
如何循环
分支主题
类似操作
分支主题
如何自动：自动向左跑
分支主题
载入时，自动触发向左滑动
分支主题
状态圆，如何选中
分支主题
分支主题
分支主题
多状态，如何设置
分支主题
分支主题
如何设置单选
分支主题
默认如何设置选中
分支主题
页面滑动
原理
分支主题
垂直或者水平
分支主题
边界
分支主题
一句话
分支主题
大厂工作经验方法
推荐书籍
考验选书能力
理解上面不容易
看视频比较多
书的逻辑性比较强
重点：
分支主题
设计类：
分支主题
分支主题
分支主题
产品思维类：
分支主题
分支主题
分支主题
人文类：
分支主题
分支主题
分支主题
一句话:
分支主题
工作流程
大公司
产品类型与特点
老产品重视流程
新产品重视创新、数据
eg：腾讯——初级全面的要求
eg：百度——技术导向，关注数据
分支主题
产品功能决定权
理论
分支主题
实际
对业务的理解非常困难，1~2年基本
分支主题
迭代流程
产品、UI提前1~2周
确定后需求文档
研发测试
发布上线
分支主题
需求池
分支主题
FeaureList
分支主题
项目管理工具
分支主题
创业公司
产品类型与特点
分支主题
迭代流程
分支主题
成长业务
分支主题
To B or To C
分支主题
分支主题
分支主题
一句话：
分支主题
手机演示
重点：
分支主题
原型托管服务（国内）
手机端完美演示
案例：制作一个伪APP
PC演示：通过
原型图本地演示
用处
分支主题
方法
分支主题
更新操作（本页面打开）
分支主题
PC端演示
分支主题
免插件打开
生成html，用的比较多的是宽高
分支主题
免插件打开html
分支主题
原型托管服务
分支主题
原型托管服务器
分支主题
墨刀
分支主题
一句话：
分支主题
原型图文档
作用
分支主题
结构
分支主题
例子
分支主题
分支主题
分支主题
实操
分支主题
一句话
分支主题
0 条评论
下一页
