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

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

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

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

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

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

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

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

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

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

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

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

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

好了，解釋清楚這一點(diǎn)之后呢，咱們通過一個(gè)實(shí)際的案例，來操作演示一下。?

比如就是它了：?

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

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

不過，這里要注意3點(diǎn)：?

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

文字采用了切口處理?

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

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

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

?

?

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

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

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

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

什么意思呢？咱們?cè)賮砜匆粋€(gè)案例。比如就是它了，我們看到，文字的接縫處有很多斷點(diǎn)：?

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

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

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

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

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

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

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

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

或者是這樣：

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

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

懂了吧？??

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

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

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

那這個(gè)動(dòng)畫是怎么完成的呢？?

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

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

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

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

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

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

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

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

另外，因?yàn)槲覀冃枰诳s小的過程中，還要改變位置，所以，還需要添加一個(gè)直線動(dòng)畫：

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

?

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

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

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

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

好了，就這么多。