設(shè)計(jì)師是如何制作一張幻燈片的

第043期 | 正確的制作思路

在留言中被問到這樣一個問題：什么時候教我們做 iOS 風(fēng)格的PPT?。窟@個問題反映的是很多人制作的思路：

什么是 iOS 風(fēng)格的PPT？> 如何制作 iOS 風(fēng)格的PPT？

這個邏輯成立卻不有效，真正 matter 的思路應(yīng)該是：

為什么制作這張幻燈片？（這張幻燈片為什么這樣做？）> 如何制作這張幻燈片？> 幻燈片呈現(xiàn)出該有的樣子。

這個轉(zhuǎn)換差別是非常巨大的。前者是一味的模仿，像 iOS 中高斯模糊，漸變，細(xì)線體，透明蒙版等等。而后者是根據(jù)使用場合，針對的人群等等一系列因素來完成幻燈片制作，幻燈片具體什么樣只是一個結(jié)果，而不是為了 iOS 這個虛無的風(fēng)格一說而做幻燈片。

我自己之前做過一個類似的幻燈片：

這看上去的確很炫！可是這并沒有什么卵用！我從來都沒用過，當(dāng)然，你可以領(lǐng)取源文件『在文章底部下載禮物即可』看一看是如何制作的。

在如何制作這方面，我講得比較少，因?yàn)槲矣X得很多東西只要打開源文件就能理解，而公眾號提供了一些的源文件。如果你不熟悉軟件，我倒是有幾個建議，按照執(zhí)行順序如下：

• 熟悉電腦操作系統(tǒng)與操作；
• 體會鼠標(biāo) + 鍵盤 + 圖形界面的交互形式；
• 可能的話了解一下編程；
• 再結(jié)合軟件設(shè)計(jì)的角度去推測軟件能實(shí)現(xiàn)的功能；
• 打開軟件，將能點(diǎn)擊的東西一一點(diǎn)一遍；
• 理解軟件的框架：工具欄 + 屬性欄 + 頁面試圖 + 縮略圖；
• 學(xué)會如何使用搜索引擎找到自己想要的東西；
• 知道什么東西能利用搜索引擎實(shí)現(xiàn)；
• 打開別人的源文件看一遍每個元素的處理；
• 結(jié)合搜索引擎自己試著將其還原；

如果對交互，編程和產(chǎn)品設(shè)計(jì)理解不夠，可以看一些操作視頻，也有一些公眾號會提供一些教程，可以上一些論壇等等，這 10 點(diǎn)有需要可以單獨(dú)寫一篇文章。

后來，我自己慢慢會形成一些習(xí)慣用法，一些并不是特別重要的幻燈片只需按照自己的一些慣用樣式處理就好：

習(xí)慣用法的形成能使 PPT 制作速度得到很大提升，而且能保證統(tǒng)一性和一定美觀整潔度，對于常見的 PPT 內(nèi)容處理很有把握。

回到最開始的制作思路的區(qū)別，我們來看一張幻燈片，一張看起來『很簡單』的幻燈片：

第二張圖片是我自己制作的，與原幻燈片有所差別，大家可以猜一下：這張幻燈片我做了多久？

10分鐘？

30分鐘？

結(jié)果是，我制作了大概90分鐘！這是我自己也沒預(yù)想到的結(jié)果。大家可以自己嘗試一下，如果你在十分鐘將這頁幻燈片制作出來，這張幻燈片可能『不及格』。

幻燈片的內(nèi)容很簡單，是三維日韓的企業(yè)家。這張幻燈片的核心在于：如何處理好三者的并列關(guān)系？

我不知道這張幻燈片是不是許岑制作的，但我在還原的過程中能完整地體會到制作者的良苦用心，很多事情真的只有自己完整感受一遍才能想清楚的，才能明白為什么要這樣做？

幻燈片背景應(yīng)該就是 keynote 默認(rèn)的一個漸變背景，這個背景曾在喬布斯的發(fā)布會上多次使用，如果沒有猜錯，柴靜《穹頂之下》也是使用的這個背景。這個背景和環(huán)境，燈光等的搭配布置效果是非常好的，字體用上期的黑體字，蘭亭黑，冬青黑都可以勝任，這張幻燈片的關(guān)鍵在于圖片以及并列關(guān)系的處理。

圖片的一系列處理

有些幻燈片好看全靠一張好圖：高分辨，攝影師拍攝后期加工，然后在演示軟件中加點(diǎn)內(nèi)容，就是一張模板。事實(shí)情況卻不是這樣的。

有些圖你很難找，比如這張幻燈片中三張圖片就是如此。首先，網(wǎng)上找不到清晰的大圖，你也沒辦法專門拍攝。

我在谷歌上找了許久才找到上面這三張圖，如果就這樣放上去，絕對是一張『不及格』的幻燈片。

首先是色調(diào)不統(tǒng)一，所以需要將三張圖片都處理成黑白照片，另外，盛田昭夫的圖片是扣除背景后的 PNG 格式圖片，進(jìn)一步想到，將三個人的背景都扣除成白底，并且將三張圖片的尺寸比例剪裁成一致，這一系列操作可以在 PS 中完成：

這張幻燈片算是一張『及格的』幻燈片，但仍然不能滿足發(fā)布會的要求。因?yàn)槟銜l(fā)現(xiàn)，你的注意力嚴(yán)重偏向李健熙。為什么？

在大腦視覺皮質(zhì)之外還有一處特殊區(qū)域，專門用來識別人臉，稱為梭形臉部區(qū)（FFA，F(xiàn)usiform Face Area）。引自《設(shè)計(jì)師要懂心理學(xué)》.Susan M. Weinschenk. 100 things Every Designer Needs to Know About People

插入一下，書中提及最容易吸引人注意力的內(nèi)容如下：

• 危險 DANGER
• 事物 FOOD
• 性 SEX
• 移動 MOVE
• 臉 FACE
• 故事 STORY

因而觀眾會更加注意臉部較大的這張圖片，所以僅僅保證圖幅尺寸比例大小一致是不夠的，還需要保證臉部大小和位置的一致，第三章比例不是很合適，所以需要重新找一張能夠?qū)崿F(xiàn)替換的圖片：

接著，重新在 PS 中調(diào)色摳圖，在演示軟件中調(diào)整，保證三張人物圖片的大小位置關(guān)系都處于并列關(guān)系：

做到這里，這張幻燈片能算得上良好了，但是距離優(yōu)秀仍然有距離，而且比較難以彌補(bǔ)，比如人物姿勢相差比較大，照片的一些參數(shù)不太一致等等。

你會發(fā)現(xiàn)，整個制作過程圍繞一個核心展開，可以說是單純與齊一的原則，也可以說是秩序（并列關(guān)系）的構(gòu)建。這才是為什么要這樣做的原因，是從形式上處理幻燈片的正確思路（沒有提及內(nèi)容的邏輯架構(gòu)）。

不恰當(dāng)?shù)淖龇ㄅe例

對于幻燈片而言，一方面，合適比美更重要，另一方面，合適的才是『美』的。如果按照 iOS 中的一些處理，我可能會做成這樣：

兩種做法，其實(shí)沒有絕對的對錯與絕對的美丑之分。不過考慮到會場的布置與燈光，可能前者是更為合適的。

拋開樣式的問題，從制作思路上來考慮，下面這些幻燈片舉例都是不太恰當(dāng)?shù)淖龇ǎ?/p>

前面三張?jiān)趫D片的處理過程中已經(jīng)提到了，對應(yīng)顏色，圖片背景，大小，頭部比例大小的統(tǒng)一與并列關(guān)系的構(gòu)建。

最后一張有必要提出是因?yàn)榉较蛲瑯右３忠恢?。將其中一個人物的方向轉(zhuǎn)變，同樣會感覺不適，這也是一個非常重要的細(xì)節(jié)。

先問，為什么？

 

禮物下載