产品经理课程分享: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
网易云课堂链接:
分支主题
描述文档
大部分研发沟通,沟通工具
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)
栗子
作业
思考题:为什么复制,不是重新画
一句话,快速做高保真很有必要
2小时极速入门
热区
母版
不要显示滚动条
内联框架
自己下载好,“载入”元件库
bootstap for Axure 已下载至团队飞书知识库——学习材料——产品学习
元件库
一句话
其他高级元件
重点
Axure 事件动作的作用
系统结构
系统结构🌰
1、事件动作的用处与结构
实操步骤
事件添加(不同元件事件属性不同)
交互编辑器
2、事件与情形Case编辑器
OnLoad(New) Variable默认变量
在动作里面增加设置变量值
①选择“输入文本框”这个元件
②右侧属性栏中点击设置为“文本”
③点击属性栏-交互-值为右边的fx
读取(按钮+文本框)~对象是“读取”右边的输入框内容(New variable)
①添加动作:设置变量
②选择变量:新变量
③设置变量值:写入值
写入(按钮+文本框)~对象是“读取”右边的输入框内容(New variable)
写入(按钮+文本框)~对象是“写入”右边的输入框内容
练习:全局变量取值、赋值
变量编辑:全局变量(V)
①打开操作环节有一个【启用情形】
②配置条件(添加条件)
③弹出窗口,情形设置or条件设置,设置两个条件对比
练习:判断变量跳转不同页面
条件编辑
理论
练习:两个文本框值传递
变量班级:局部变量
3、变量与条件设定
4、常见事件与动作
5、案例:制作微信APP登录页
·=
一句话:
事件系统入门(Axure9)
介绍
为什么存在中继器?
中继器的原理
准备素材
做一个单元
拖动一个中继器
切出来看的效果就是,软件自动填充了三个
双击中继器,填充想要实现的功能(记得对齐)
设计样式
准备元件数据名称
单击右侧显示图片
拓展右侧的图片列名(名字随便取)
填入数据(手敲or excel都可以)
在加载项中设置文字展示
插入中继器里面的名称
循环
重点难点:如何导入图片(设置为值)
填充数据
如果要更改样式:在中继器的页面上面修改
增加鼠标按下的事件
为了方便切换,增加分组【设置选项组名称】
给按键上的文字加上事件
删除this
添加或者删除商品信息
连接动作
中继器的使用顺序
中继器(重复器)
动态面板有啥用?
默认2s切换一次,
原理
拖动一个动态面板的元件
填放内容
加状态(点击➕)
点击切换
向左拖动,页面切换
如何平滑
如何循环
类似操作
如何自动:自动向左跑
载入时,自动触发向左滑动
状态圆,如何选中
多状态,如何设置
如何设置单选
默认如何设置选中
增加动作
垂直或者水平
边界
页面滑动
操作
动态面板
高手进阶之路
考验选书能力
理解上面不容易
看视频比较多
书的逻辑性比较强
设计类:
产品思维类:
人文类:
一句话:
推荐书籍
老产品重视流程
新产品重视创新、数据
eg:腾讯——初级全面的要求
eg:百度——技术导向,关注数据
产品类型与特点
对业务的理解非常困难,1~2年基本
实际
产品功能决定权
产品、UI提前1~2周
确定后需求文档
研发测试
发布上线
迭代流程
需求池
FeaureList
项目管理工具
大公司
成长业务
创业公司
To B or To C
工作流程
原型托管服务(国内)
手机端完美演示
案例:制作一个伪APP
PC演示:通过
用处
方法
更新操作(本页面打开)
免插件打开
PC端演示
生成html,用的比较多的是宽高
免插件打开html
原型托管服务
原型托管服务器
墨刀
原型图本地演示
手机演示
作用
结构
实操
原型图文档
大厂工作经验方法
产品经理课程分享:Axure入门课程笔记
0 条评论
回复 删除
下一页