写在前面:在哔哩哔哩上面找到的Axure自学教程0基础入门课程,播放量最高,5个多小时。课程主要分为4个部分,快速入门、动态面板、常用动效、项目设计。UP主账号【Song老师产品经理课堂】。做个有素质的白嫖er,一键三连必须的~
课前提示:
教程使用Axure9汉化版,与10有区别的地方会单独提示。
00Axure9汉化版下载、安装、汉化、注册
1.下载
- Axure RP 9.0: 百度网盘 请输入提取码 提取码: vgqy
- Axure8.0: 百度网盘 请输入提取码 提取码: uvjk
- Axure7.0: 百度网盘 请输入提取码 提取码: 3bqj
- 来源:哔哩哔哩UP主账号【 修行者1314520】
2.安装
- 详细安装教程参考 Axure RP 9.0安装教程
- 注意事项: 以管理员身份运行【 AxureRP-安装程序.exe 】
3.汉化
- 安装完成后关闭所有界面,打开【汉化文件-软件装好先不要启动】文件夹中,复制【lang】文件夹至Axure所在的安装文件夹。
4.注册
- 在Licensee下方的框中随意输入,然后点击【Generate】, 将注册机上的【 Licensee 】和【Key】分别复制到管理授权界面上的【被授权人】和【授权密钥】。
5.基础设置
- 自定义工具栏:工具栏右键单击-自定义工具栏
- 快捷键:ctrl+鼠标滚轮,快速放大缩小
- 小技巧:编辑时填充颜色为灰色,便于识别边框
01制作线框图
1.什么是产品原型图
(1)产品原型图(prototype)的作用
- 产品研发前,用于描述产品设计的文档(UI样式、交互动作)
- 沟通需求的工具(客户、领导、研发团队)
(2)种类
- 线框图
- 通过【线段+色块+文字】描述产品页面。
- 优点:制作快速。缺点:传递信息容易遗漏。
- 应用:早期方案讨论,需要快速输出的场景,团队配合度高。
- 高保真图
- 高度还原产品运行效果,包括【设计+交互】的保真度。
- 优点:还原度高。缺点:制作耗时长。
- 应用:客户/大领导沟通,产品设计思路的完整展示,求职能力体现。
- 简易需求文档(PRD)
- 除了页面外,描述更多业务逻辑与辅助说明,指导产品研发。
2.演示:制作线框图(朋友圈)
- 拖动原件
- 通过样式改变尺寸(可以锁定宽高比例或者按shift再拖动均可实现等比例改变尺寸)
- 通过填充改变颜色(点击吸管图标吸取颜色)
- 选中元件进行对齐
- 运用标尺进行定位
- 修改标题文字格式
- 更多形状:拖动元件-右键单击元件-选择形状
- 旋转元件:Ctrl+拖动元件边框
- 设置圆角
3.小作业
- 用Axure绘制线框图
PS:科技公司最大的成本并不是人力,而是研发了一堆无用的“伪需求”。 制作高质量的产品原型图,可以尽早的识别"伪需求",从而降低成本。