文档章节

做一个人性的演示教程

Mr.Zheng
 Mr.Zheng
发布于 2016/01/24 23:47
字数 1301
阅读 189
收藏 14

最近有身边的朋友在为自己做的产品录制一些简单的使用教程。为降低使用者的学习成本,让我们的产品变得简单易用,这是一件值得去做的事情,但是在教程的制作上面有多种选择,各有各的优点,也各有各的劣势,这里我就简单介绍一下我所了解的教程录制工具。

一、有声有色可编辑

通常而言,教程应该根据操作步骤,一步一步将使用过程录制成视频,并配以简洁明了的语音说明。这对于用户而言,学习成本最低、最容易理解。有很多软件可以做到这种程度,比如:

这类软件不仅可以将操作者在屏幕上的行为完整的录制下来,而且兼具录音功能,可以同步将电脑中播放的声音或用户自己补充说明的语音进行录制,并最终合成导出各种格式的视频文件。不仅如此,它们甚至可以在教程录制完成后对操作过程中的误操作进行剪切,重新编辑,功能非常强大。但是,这类软件也有其显著的缺点:其一,软件自身比较大,下载和安装成本比较高;其二,软件自身配备了很多高级功能。使用成本比较高;其三,录制出来的教程视频语音共存,体积较大,不方便保存或通过网络传播。

二、我只想安静的做个教程

有声视频固然强大,但是如果用它们在制作一些几秒、十几秒的操作演示,未免显得有些大材小用,而且它们制作出来的视频未必适合所有的场景。所以,我这里再给大家介绍一些小工具:

  • LICEcap (一款小巧的、兼容多平台的gif录制小工具)
  • GifCam (功能与LICEcap大同小异)

这类软件也有很多共同点:首先,它们功能专一,都只为录制网页gif动画而生;其次,它们通常体积很小;再次,因为小且功能专一,所以使用也很简单。但是,它们只适合录制一些简单的步骤,不适合录制步骤比较复杂的或者内容比较多的教程,原因很简单:第一,gif在网页中无法控制其播放进度,步骤过多,用户记不住,而想返回重看时必须等待完整播放完后重新开始;第二,gif无法暂停,内容多的情况下,用户可能还没看完就跳过了,也不利于用户跟着演示一步一步操作;第三,多步骤或多内容的gif通常体积会比较大,不利于网络传输加载。

三、取长补短,兼而有之

看完了上面介绍的两种类型的工具,我们不难发现各有各的优势,也各有各的劣势。在实际使用中如何选择适合的工具,还得看使用者需要怎样的结果,或者看使用者本人的技能偏向。此外,我这里再给大家提供一种折中的方案:首先使用LICEcap或GifCam录制动画教程,然后通过在线工具(gif2mp4)将gif动画直接转换成视频。来看一个例子:

首先,这是我用LICEcap录制的一段gif动画(1M,加载时稍作等待),里面的代码比较多,大家可以试试如果完全扫一遍,你会看几遍gif:

然后,我用gif2mp4将其转换成了视频(499kb):

<video controls src="http://www.seejs.com/wp-content/uploads/2016/01/loading.mp4" autoplay style="max-width:100%;"></video>

我们可以对比一下,在质量上几乎没有任何差别,但是上面已经列出来了,在体积上从1M降到了499kb,接近50%的压缩率,当然这只是一般情况,不是绝对的。而且优势并不仅仅体现在体积减小上面,当我们转换成视频之后,我们就可以对播放进度(暂停/快进/快退)自由控制了。有没有一种高大上的感觉?

当然,gif转换成mp4视频,并不一定需要通过上面例举的在线工具处理,也可以通过一些客户端软件,甚至命令行脚本实现:

好啦,抛砖引玉的工作到此结束,剩下的就大家去自由发挥吧,哈哈...

作者博客:百码山庄

© 著作权归作者所有

共有 人打赏支持
Mr.Zheng
粉丝 53
博文 22
码字总数 38792
作品 0
杭州
网页/平面设计
私信 提问
程序员“冒死”拦无人车 百度如何回答

  【IT168 资讯】21日,就是昨天,百度李彦宏又似乎要被媒体同学们围攻了...   事情呢,是介个样子:百度无人车在乌镇世界互联网大会期间上路接受公开体验,在演讲中,李彦宏提到百度关于...

it168网站
2016/11/22
0
0
2018 Google I/O放出6个大招,AI打电话能骗过人类

Google I/O 谷歌开发者大会 为期三天的Google I/O开发者大会在美国开幕。在刚刚结束的主题演讲上,谷歌CEO桑达尔-皮查伊(Sundar Pichai)和各产品线负责人讲解了自家的AI、Android系统、谷歌...

micf435p6d221ssdld2
05/10
0
0
一文尽揽2018 Google I/O:谷歌让你感受到AI科技的魅力

来源:智者无疆 摘要:今年的主角依然是AI人工智能,它已经融入谷歌产品与软件系统中,但这次,谷歌在讲解AI或产品功能时候从理解人类和人性的角度举例,把AI带到了科技与人文的十字路口上。...

cf2suds8x8f0v
05/10
0
0
修改二进制程序并运行

> 叶孤城原创 > 小白:叶城主,你知道有些iOS程序是没人性的吗?老是不按我的意愿来运行! > 叶孤城:我怎么知道你的意愿就是有人性的? > 小白:…… 本文解决一个问题:修改别人的二进制程...

freeself3
2017/12/08
0
0
最全面的几何画板实用教程视频免费下载

不同的选择就会有不同的人生夜,这里小编为奋斗在教学一线的老师们送个大福利,这也是老师们充实自己的好去处。作为数学老师一枚,在平时的教学中应该用到很多教学辅助软件,而几何画板就是其...

学术研究软件
2016/04/15
79
0

没有更多内容

加载失败,请刷新页面

加载更多

day149-2018-11-16-英语流利阅读-待学习

抖音登陆海外市场,歪果仁作何反应? Lala 2018-11-16 1.今日导读 抖音在国内已经火了有一段时间了,但你知道它已经进军海外,而且火了一把吗?中国版抖音的宣传语是“记录美好生活”,但外国...

飞鱼说编程
17分钟前
2
0
Confluence 6 教程:在 Confluence 中导航

当你对 Confluence 有所了解后,你会发现 Confluence 使用起来非常简单。这个教程主要是针对你使用的 Confluence 界面进行一些说明,同时向你展示在那里可以进行一些通用的任务和操作。 空间...

honeymose
今天
2
0
sed, awk 练习

1. sed打印某行到某行之间的内容 2. sed 转换大小写 将单词首字母转化大写 将所有小写转化大写 3. sed 在某一行最后面添加一个数字 4. 删除某行到最后一行 解析: {:a;N;$!ba;d} :a : 是...

Fc丶
今天
2
0
babel6升级到7,jest-babel报错:Requires Babel "^7.0.0-0", but was loaded with "6.26.3".

自从将前端环境更新到babel7,jest-babel之前是基于babel6的,执行时候就会报:Requires Babel "^7.0.0-0", but was loaded with "6.26.3". 很烦,因为连续帮好几台电脑修复这个问题,所以记...

曾建凯
今天
1
0
探索802.11ax

802.11ax承诺在真实条件下改善峰值性能和最差情况。 如何改善今天的Wi-Fi? 在决定如何改进当前版本以外的Wi-Fi时,802.11ac,IEEE和Wi-Fi联盟调查了Wi-Fi部署和行为,以确定更广泛使用的障碍...

linuxprobe16
今天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部