教你制做高逼格的技术分享Keynote(PPT)

本文来自 网易云社区 。

 

做为一个程序猿/媛，想必你们都参与过大大小小各式各样的技术分享，异或在不一样的场合分享本身的技术心得。抛开分享内容的质量不谈，笔者发现一般这些分享者的演示文稿(Keynot或PPT)对与会者都不够友好，其中最使人诟病的就是对技术领域中代码片断的呈现方式。本文经过几个小技巧，能够帮助你们制做出足够酷炫的演示文稿。

注：本文中叙述的三个技巧都取从Google I/O大会中Jake（Android领域的大神）的技术分享。(印象中Google的大神，不只活好，演讲功底和演讲文稿的制做水平都至关高)

技术分享演示文稿中的通病

代码截图！

代码截图！！

代码截图！！！

虽然很不情愿用重要的话说三遍的老梗，但只有这样才能抒发我对此通病的痛心疾首。

是的，广大程序员作演示文稿的过程当中最喜欢作的就是——将本身优雅的代码截图复制到文稿之中。

代码截图的优势在于——省事

而代码截图的缺点：

• 一般携带了不少与分享主题无关的业务逻辑代码
• 很长，与会者大多不肯意仔细阅读
• 丑，由于和演示文稿的颜色主题不搭
• 没法突出演讲的主题，除非你在上面用截图工具标注不少内容

 

下面分享一下笔者道听途说的一些小技巧：

1. 字体

秋叶PPT课程中屡次强调，当你不知道在演示文稿中使用什么字体时，就用微软雅黑（或者思源黑体）。可是在分享代码片断的时候，观看者更喜欢的是他们熟悉的代码字体——也就是IDE中的字体。

在此，推荐使用Source Code Pro for Powerline，固然，你也能够选择你最钟意的代码字体。

2. 配色方案

与选择字体同样，配色方案也能够参考IDE中的配色方案。譬如广大idea党最喜欢的Darcula配色。

可是演示文稿的制做者每每会忽视一个问题，投影仪的显示效果。鉴于公司内部的投影仪显示效果比较捉急，喜欢暗黑系IDE配色方案的程序员们，请在演示文稿中仍是推荐使用日式小清新风格的配色方案（白底或其它浅底色，粉色都行）。

譬如大名鼎鼎的Solarized Light。

固然，若是你只是组内分享，使用的是会议室的4K电视，暗黑系和小清新系都是能够的。

3. 加特效

有了漂亮的字体和漂亮的配色方案已经成功了一半，另外一半就须要duang duang 加特效了。

3.1 改写代码的实现方式

一般状况下，技术分享总会分享一些新的奇技淫巧，为了和过去老的实现套路相比较，咱们能够实现从旧实现到新实现的过渡动画。

废话很少说，一图胜千言：

 

 

怎么样，是否是很是酷炫？其实它的制做过程很是简单，只须要使用Keynote中的神奇移动便可。（PPT亦可实现神奇移动效果，可是少量复杂一些，平时使用PPT制做演示文稿的同窗能够自行搜索）

 

整个过程能够拆分红三个步骤：

1. 构造“旧”，“新”两个代码片断（两页演示文稿）
2. 抽取其中相同的元素
3. 在“旧”代码文稿页增长动画效果-> 神奇移动

注：其中最关键的就是抽取出两个代码片断中的相同元素，从“旧”文稿页复制相同元素到“新”文稿页中，将其进行替换便可。神奇移动会对相同元素实现特定的动画效果：放缩、移动、旋转等。 

 

 

3.2 着重强调某行代码

着重强调代码片断中的某一行或者某个方法调用是一个很是广泛的需求，截图党一般只能在外面加个红色框框，可是若是改为下面这个效果，是否是逼格一下就提升了？

 

 

这个效果一样也用到了神奇移动效果，两页文稿中共同元素有两类（注意是两类，而非两个），一类是着重强调的，另一类是不须要强调的。

1. 在第一页文稿中，全部的代码片断正常显示
2. 在第二页文稿中，修改不须要强调的代码段的不透明度（在例子中我改为了25%）
3. 给第一页文稿加神奇移动效果

修改不透明度：选中文本 -> 格式 -> 不透明度 

3.3 伪装输入代码

为了给部分代码营造悬念，咱们能够佯装正在敲代码，思考如何进行下一步的编写，可以和与会者很好的互动。

效果以下：

 

实现过程：

1. 构造一个只有 “|” 字符的文本
2. 给它加特效 -> 闪烁
3. 构建顺序 -> 过渡以后就显示

 

 

笔者讲持续时间调整到60秒，这是为了留下互动的时间，当互动结束时会切换到下一页文稿。 

总结

分享的主旨是将本身所学所悟的知识传播给其余人，其内容是核心，但仍需包裹一层美丽的糖衣。

但愿这些小技巧可以帮助你们更好的传播知识，分享知识。

 

本文已由做者陈威受权网易云社区发布，原文连接：教你制做高逼格的技术分享Keynote(PPT)-社区博客-网易云