文档章节

做一个人性的演示教程

Mr.Zheng
 Mr.Zheng
发布于 2016/01/24 23:47
字数 1301
阅读 190
收藏 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
最全面的几何画板实用教程视频免费下载

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

学术研究软件
2016/04/15
79
0
1. 新的开始

今天在单位安装了新的电脑,使用了新的win10系统。安装ubuntu on windows时,在网上下载速度太慢,于是就回家了。 今天有个朋友给我介绍了一个对象,没想到竟然是前几天谈过的一个人的妹妹,...

科幻经典
2017/09/11
0
0
2018 Google I/O放出6个大招,AI打电话能骗过人类

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

micf435p6d221ssdld2
2018/05/10
0
0
2015年15个最新的CSS3效果演示及教程

CSS 3D云 这是一个demo应用程序,你可以生成一个与现实生活一模一样的云,并可以对其进行调整。这个demo的代码比较复杂,它运用了CSS3 3D变换和部分JavaScript技术。效果演示>> 查看教程>> ...

薛定谔的悖论
2015/07/23
1
0

没有更多内容

加载失败,请刷新页面

加载更多

OSChina 周一乱弹 —— 白掌柜说了卖货不卖身

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @爱漫爱 :这是一场修行分享羽肿的单曲《Moony》 手机党少年们想听歌,请使劲儿戳(这里) @clouddyy :开不开心? 开心呀, 我又不爱睡懒觉…...

小小编辑
今天
8
0
大数据教程(11.7)hadoop2.9.1平台上仓库工具hive1.2.2搭建

上一篇文章介绍了hive2.3.4的搭建,然而这个版本已经不能稳定的支持mapreduce程序。本篇博主将分享hive1.2.2工具搭建全过程。先说明:本节就直接在上一节的hadoop环境中搭建了! 一、下载apa...

em_aaron
今天
3
0
开始看《JSP&Servlet学习笔记》

1:WEB应用简介。其中1.2.1对Web容器的工作流程写得不错 2:编写Servlet。搞清楚了Java的Web目录结构,以及Web.xml的一些配置作用。特别是讲了@WebServlet标签 3:请求与响应。更细致的讲了从...

max佩恩
今天
4
0
mysql分区功能详细介绍,以及实例

一,什么是数据库分区 前段时间写过一篇关于mysql分表的的文章,下面来说一下什么是数据库分区,以mysql为例。mysql数据库中的数据是以文件的形势存在磁盘上的,默认放在/mysql/data下面(可...

吴伟祥
今天
3
0
SQL语句查询

1.1 排序 通过order by语句,可以将查询出的结果进行排序。放置在select语句的最后。 格式: SELECT * FROM 表名 ORDER BY 排序字段ASC|DESC; ASC 升序 (默认) DESC 降序 1.查询所有商品信息,...

stars永恒
今天
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部