作為一個(gè)程序猿/媛，想必大家都參與過大大小小各式各樣的技術(shù)分享，異或在不同的場合分享自己的技術(shù)心得。拋開分享內(nèi)容的質(zhì)量不談，筆者發(fā)現(xiàn)通常這些分享者的演示文稿(Keynot或PPT)對(duì)與會(huì)者都不夠友好，其中最令人詬病的就是對(duì)技術(shù)領(lǐng)域中代碼片段的呈現(xiàn)方式。本文通過幾個(gè)小技巧，可以幫助大家制作出足夠酷炫的演示文稿。
注：本文中敘述的三個(gè)技巧都取從Google I/O大會(huì)中Jake（Android領(lǐng)域的大神）的技術(shù)分享。(印象中Google的大神，不僅活好，演講功底和演講文稿的制作水平都相當(dāng)高)
技術(shù)分享演示文稿中的通病
代碼截圖！
代碼截圖?。?br>
代碼截圖?。?！
雖然很不情愿用重要的話說三遍的老梗，但只有這樣才能抒發(fā)我對(duì)此通病的痛心疾首。
是的，廣大程序員做演示文稿的過程中最喜歡做的就是——將自己優(yōu)雅的代碼截圖復(fù)制到文稿之中。
代碼截圖的優(yōu)點(diǎn)在于——省事
而代碼截圖的缺點(diǎn)：
通常攜帶了很多與分享主題無關(guān)的業(yè)務(wù)邏輯代碼
很長，與會(huì)者大多不愿意仔細(xì)閱讀
丑，因?yàn)楹脱菔疚母宓念伾黝}不搭
無法突出演講的主題，除非你在上面用截圖工具標(biāo)注很多內(nèi)容
下面分享一下筆者道聽途說的一些小技巧：
1. 字體
秋葉PPT課程中多次強(qiáng)調(diào)，當(dāng)你不知道在演示文稿中使用什么字體時(shí)，就用微軟雅黑（或者思源黑體）。但是在分享代碼片段的時(shí)候，觀看者更喜歡的是他們熟悉的代碼字體——也就是IDE中的字體。
在此，推薦使用Source Code Pro for Powerline，當(dāng)然，你也可以選擇你最鐘意的代碼字體。
2. 配色方案
與選擇字體一樣，配色方案也可以參考IDE中的配色方案。譬如廣大idea黨最喜歡的Darcula配色。
但是演示文稿的制作者往往會(huì)忽視一個(gè)問題，投影儀的顯示效果。鑒于公司內(nèi)部的投影儀顯示效果比較捉急，喜歡暗黑系IDE配色方案的程序員們，請(qǐng)?jiān)谘菔疚母逯羞€是推薦使用日式小清新風(fēng)格的配色方案（白底或其它淺底色，粉色都行）。
譬如大名鼎鼎的Solarized Light。
當(dāng)然，如果你只是組內(nèi)分享，使用的是會(huì)議室的4K電視，暗黑系和小清新系都是可以的。
3. 加特效
有了漂亮的字體和漂亮的配色方案已經(jīng)成功了一半，另一半就需要duang duang 加特效了。
3.1 改寫代碼的實(shí)現(xiàn)方式
通常情況下，技術(shù)分享總會(huì)分享一些新的奇技淫巧，為了和過去老的實(shí)現(xiàn)套路相比較，我們可以實(shí)現(xiàn)從舊實(shí)現(xiàn)到新實(shí)現(xiàn)的過渡動(dòng)畫。
廢話不多說，一圖勝千言：
怎么樣，是不是非?？犰牛科鋵?shí)它的制作過程非常簡單，只需要使用Keynote中的神奇移動(dòng)即可。（PPT亦可實(shí)現(xiàn)神奇移動(dòng)效果，但是少許復(fù)雜一些，平時(shí)使用PPT制作演示文稿的同學(xué)可以自行搜索）
整個(gè)過程可以拆分成三個(gè)步驟：
構(gòu)造“舊”，“新”兩個(gè)代碼片段（兩頁演示文稿）
抽取其中相同的元素
在“舊”代碼文稿頁增加動(dòng)畫效果-> 神奇移動(dòng)
注：其中最關(guān)鍵的就是抽取出兩個(gè)代碼片段中的相同元素，從“舊”文稿頁復(fù)制相同元素到“新”文稿頁中，將其進(jìn)行替換即可。
神奇移動(dòng)會(huì)對(duì)相同元素實(shí)現(xiàn)特定的動(dòng)畫效果：放縮、移動(dòng)、旋轉(zhuǎn)等。
3.2 著重強(qiáng)調(diào)某行代碼
著重強(qiáng)調(diào)代碼片段中的某一行或者某個(gè)方法調(diào)用是一個(gè)非常普遍的需求，截圖黨通常只能在外面加個(gè)紅色框框，但是如果改成下面這個(gè)效果，是不是逼格一下就提高了？
這個(gè)效果同樣也用到了神奇移動(dòng)效果，兩頁文稿中共同元素有兩類（注意是兩類，而非兩個(gè)），一類是著重強(qiáng)調(diào)的，另外一類是不需要強(qiáng)調(diào)的。
在第一頁文稿中，所有的代碼片段正常顯示
在第二頁文稿中，修改不需要強(qiáng)調(diào)的代碼段的不透明度（在例子中我改成了25%）
給第一頁文稿加
神奇移動(dòng)效果
修改不透明度：選中文本 -> 格式 -> 不透明度
3.3 假裝輸入代碼
為了給部分代碼營造懸念，我們可以佯裝正在敲代碼，思考如何進(jìn)行下一步的編寫，能夠和與會(huì)者很好的互動(dòng)。
效果如下：
實(shí)現(xiàn)過程：
構(gòu)造一個(gè)只有 “|” 字符的文本
給它加特效 ->
閃爍構(gòu)建順序 -> 過渡之后就顯示
[圖片上傳失敗...(image-dd6eda-1536680997292)]
筆者講持續(xù)時(shí)間調(diào)整到60秒，這是為了留下互動(dòng)的時(shí)間，當(dāng)互動(dòng)結(jié)束時(shí)會(huì)切換到下一頁文稿。
總結(jié)
希望這些小技巧能夠幫助大家更好的傳播知識(shí)，分享經(jīng)驗(yàn)。
