教你製做高逼格的技術分享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)-社區博客-網易雲