本文來自 網易雲社群 。
作為一個程式猿/媛，想必大家都參與過大大小小各式各樣的技術分享，異或在不同的場合分享自己的技術心得。抛開分享内容的品質不談，筆者發現通常這些分享者的示範文稿(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制作示範文稿的同學可以自行搜尋）
整個過程可以拆分成三個步驟：
- 構造“舊”，“新”兩個代碼片段（兩頁示範文稿）
- 抽取其中相同的元素
- 在“舊”代碼文稿頁增加動畫效果-> 神奇移動
注：其中最關鍵的就是抽取出兩個代碼片段中的相同元素，從“舊”文稿頁複制相同元素到“新”文稿頁中，将其進行替換即可。
神奇移動
會對相同元素實作特定的動畫效果：放縮、移動、旋轉等。
3.2 着重強調某行代碼
着重強調代碼片段中的某一行或者某個方法調用是一個非常普遍的需求，截圖黨通常隻能在外面加個紅色框框，但是如果改成下面這個效果，是不是逼格一下就提高了？
這個效果同樣也用到了
神奇移動
效果，兩頁文稿中共同元素有兩類（注意是兩類，而非兩個），一類是着重強調的，另外一類是不需要強調的。
- 在第一頁文稿中，所有的代碼片段正常顯示
- 在第二頁文稿中，修改不需要強調的代碼段的不透明度（在例子中我改成了25%）
- 給第一頁文稿加
神奇移動
修改不透明度：選中文本 -> 格式 -> 不透明度
3.3 假裝輸入代碼
為了給部分代碼營造懸念，我們可以佯裝正在敲代碼，思考如何進行下一步的編寫，能夠和與會者很好的互動。
效果如下：
實作過程：
- 構造一個隻有 “|” 字元的文本
- 給它加特效 ->
閃爍
- 建構順序 -> 過渡之後就顯示
筆者講持續時間調整到60秒，這是為了留下互動的時間，當互動結束時會切換到下一頁文稿。
總結
分享的主旨是将自己所學所悟的知識傳播給其他人，其内容是核心，但仍需包裹一層美麗的糖衣。
希望這些小技巧能夠幫助大家更好的傳播知識，分享知識。
本文已由作者陳威授權網易雲社群釋出，原文連結：教你制作高逼格的技術分享Keynote(PPT)-社群部落格-網易雲