前不久我进入一家创业型公司，我开始发现，老板不看xxx.Html 原型图的，老板只看视频版本的原型图，而给开发人员的原型图就是xxx.Html的，所以每次做原型的时候我都会做两套。一个简单的视频原型展示：查看视频

下面我来介绍一下，如何在Mac上制作视频原型图

目录

一、使用工具介绍

二、制作原型图步骤&方法

• 第一步，设计草图
• 第二步，设置事件
• 第三步，视频录制
• 第四步，排序整理文件
• 第五步，加入交互、文字说明
• 第六步，附加音乐
• 第七步，导出视频

三、总结

一、使用工具介绍

Mac系统下使用工具： Axure、 Final cut pro / iMovie、QuickTime Player

Win系统下使用工具：Axure、绘声绘影x6、xbox

先用Axure做原型并加上事件，然后用QuickTime Player/xbox进行录屏，录好后将视频分类命名整理，**用 Final cut pro或iMovie进行制作打包即可

二、制作原型图步骤&方法