蘋果發(fā)布會這幾個PPT設(shè)計技巧值得學(xué)習(xí)

蘋果召開了WWDC，19開發(fā)者大會。相信有不少朋友知道這個消息。即便你沒有看發(fā)布會，可能會見到過這張海報：?

眾所周知，蘋果公司是科技圈做發(fā)布會PPT最棒的公司之一，幾乎它們每一年的發(fā)布會，我都會寫相關(guān)的PPT技巧分析文章，這次也不例外。?

那么，相較于之前的發(fā)布會而言，這一次的發(fā)布會PPT有哪些設(shè)計的亮點呢？?

采用了霓虹燈的設(shè)計風(fēng)格

其實，從這一次大會的主kv中，我們就會發(fā)現(xiàn)，這些小圖標(biāo)的設(shè)計處理，都是有霓虹燈效果的：?

那么，為了能夠與主kv保持一致，PPT的設(shè)計也采用了這種風(fēng)格：?

這不僅在視覺上保持了整體風(fēng)格的統(tǒng)一，而且，相較于無效果的設(shè)計而言，霓虹燈效果的使用，也讓PPT的設(shè)計有了更多的細(xì)節(jié)。?

當(dāng)然，除此之外，在很多平面設(shè)計作品中，也越來越多地使用了霓虹燈光效設(shè)計：?

那么，這種霓虹燈的效果是怎么做出來的呢？?

其實非常簡單，所謂霓虹燈效果，我們仔細(xì)研究它的構(gòu)成，就會發(fā)現(xiàn)，無非是兩個方面：?

• 整體發(fā)光
• 底部陰影

第一個方面很好理解，第二點什么意思呢？大家可以想象一下，當(dāng)一個發(fā)光的物體出現(xiàn)在一個平面上的時候，自然而然就會有影子，要不然就違反物理規(guī)律了，對嗎？?

好了，解釋清楚這一點之后呢，咱們通過一個實際的案例，來操作演示一下。?

比如就是它了：?

如果我們想要為它添加霓虹燈效果，只需要添加上發(fā)光和陰影效果就夠了：

非常簡單，做出的成品會有一種淡淡的光暈感：

不過，這里要注意3點：?

• 發(fā)光效果的半徑不要過大，盡量不要超過5，要不然就會顯得很廉價。
• 元素只能保留邊框，而不能進(jìn)行顏色填充。
• 背景務(wù)必是深色的，營造夜晚的感覺。

文字采用了切口處理?

相信看過這次發(fā)布會的讀者都知道，PPT中使用到的文字，并非完整，而是有切口的。就像這樣：?

這也是一個很巧妙的文字細(xì)節(jié)處理，可以讓文字變得更像一個圖形符號，從而更具設(shè)計感。?

那這個切口的效果是怎么做的呢？很簡單，我們只需要用到PPT中的一個基礎(chǔ)功能，叫做幻燈片背景填充。

?

?

什么意思呢？簡單看一個案例。比如像這么一個簡單的封面，大家可以看到文字中的筆畫細(xì)節(jié)：

那它的斷點是怎么做的呢？大家可以看下，我在筆畫處添加了一些色塊，然后，我們把它設(shè)置為背景填充即可：

當(dāng)然，這個案例是純色背景，直接對其進(jìn)行顏色修改也可以完成。?

但是，如果背景是圖片呢？那必須使用這個方法了。?

什么意思呢？咱們再來看一個案例。比如就是它了，我們看到，文字的接縫處有很多斷點：?

那這個是怎么做的呢？一樣也是用到了幻燈片背景填充。給大家詳細(xì)說一些步驟：?

首先，插入圖片后，我們選擇剪切：

接下來，我們選擇背景填充中的圖片或紋理填充，選擇來源剪貼板：

?然后就是輸入文字，并且在文字的筆畫處，添加上一些色塊：?

?最后，我們只需要把這些色塊的填充，修改為幻燈片背景填充即可：?

明白了嗎？這就是通過一些細(xì)微的處理，讓畫面更具細(xì)節(jié)。?

當(dāng)然，切口效果的處理，在PPT制作中，還可以有更多的使用場景。?

比如說，我們還可以做成這樣：?

或者是這樣：

?那它是如何進(jìn)行幻燈片背景填充的呢？?

如果我把切口處的色塊變?yōu)榘咨?，大家就會發(fā)現(xiàn)其中的一些端倪：?

懂了吧？??

使用縮放動畫進(jìn)行細(xì)節(jié)展示?

因為這是一次蘋果開發(fā)者的大會，所以，經(jīng)常會需要突出展示軟件中的某個功能，就像這樣：??

當(dāng)介紹完這個功能后，又把它放回到了界面上。?

那這個動畫是怎么完成的呢？?

其實，操作難度并不大，先來簡單的介紹一下它的實現(xiàn)原理：?

這是一個實用性很強(qiáng)的縮放組合動畫，包含兩個部分：?

中間需要突出的區(qū)域，需要讓它縮小的同時，并回到界面的原始位置中，而底部的界面，淡出即可。就像這樣：?

反之，如果我們想讓元素被凸現(xiàn)出來，同時界面消失，只需要把上面的過程反過來就好。?

好了，那具體是怎么做的呢？咱們來看一個例子。?

比如我們想要介紹一款空調(diào)產(chǎn)品，就可以先以大圖的形式對其展現(xiàn)，然后，將其放在房間中的某個特定位置，就可以使用這個組合動畫：?

具體的步驟給大家拆分解構(gòu)一下。

空調(diào)的大小，由原始大小，縮小為75%，并且，為了縮放的過程更加自然，可以添加平滑結(jié)束：

另外，因為我們需要在縮小的過程中，還要改變位置，所以，還需要添加一個直線動畫：

最后，我們只需要設(shè)置背景圖片淡出即可：

?

這里呢，有一個小的技巧，在進(jìn)行元素大小縮放的時候，為了能夠更加精準(zhǔn)，我們可以先手動地計算出擴(kuò)大150%，或者縮小50%后的尺寸，這樣，在進(jìn)行縮放參數(shù)的設(shè)置時，會更加方便。?

上面這段話，說的有點過于技術(shù)范兒，通過一個案例，你就明白了。?

比如我們想把左邊的大正方形縮小50%，變成右側(cè)的小正方形，那么，我們就可以提前計算好相應(yīng)的尺寸，再進(jìn)行縮放參數(shù)設(shè)置即可：?

?好了，以上所說的呢，就是這場發(fā)布會給我留下印象較深的幾個點，另外，不得不說，這場發(fā)布會依舊很棒。?

好了，就這么多。