前兩天，有位讀者，拿著一張小米官網(wǎng)的頁(yè)面，問(wèn)了我這樣的一個(gè)問(wèn)題：
原稿的頁(yè)面呢，是這樣，不僅圖片排版的形式，很有創(chuàng)意，而且看起來(lái)空間感很強(qiáng)，對(duì)嗎？
看到這個(gè)頁(yè)面，很多人立即想到的，可能是利用三維旋轉(zhuǎn)：
這點(diǎn)沒(méi)錯(cuò)，但如果，只是調(diào)整了圖片的三維角度，并不能讓頁(yè)面的空間感變得更強(qiáng)。
因?yàn)檫@里有一個(gè)細(xì)節(jié)，就是圖片的光影處理，這一點(diǎn)才是關(guān)鍵：
而在很多高級(jí)的 PPT 頁(yè)面，或者是產(chǎn)品宣傳海報(bào)中，光影的處理必不可少。
給各位先來(lái)看幾個(gè)，還不錯(cuò)的頁(yè)面呈現(xiàn)：
怎么樣？很贊吧？
那問(wèn)題來(lái)了，這些高級(jí)感的光影效果，到底是如何完成的呢？其實(shí)在 PPT 中，我們可以利用3種方式進(jìn)行實(shí)現(xiàn)。
每一個(gè)都很簡(jiǎn)單，小白看完也能學(xué)得會(huì)，分別是：
聽(tīng)起來(lái)是不是都很熟悉？因?yàn)槎际擒浖械幕A(chǔ)功能罷了。
好了，那接下來(lái)呢，咱們就挨個(gè)來(lái)說(shuō)一下。
一、添加陰影效果
說(shuō)的簡(jiǎn)單一點(diǎn)，就是給元素添加陰影，在 PPT 軟件中的操作呢，是這樣的：
那我們?yōu)槭裁匆o元素添加陰影呢？很簡(jiǎn)單，因?yàn)榈踩魏我粋€(gè)物體，只要有光，就會(huì)有影子：
而一個(gè)頁(yè)面上的元素，如果沒(méi)有影子，看起來(lái)就會(huì)很假。咱們來(lái)對(duì)比看一下。
看完這個(gè)，相信能理解原因了，對(duì)吧？
而且給元素添加陰影，最主要的一點(diǎn)是，可以讓頁(yè)面的空間感變得更強(qiáng)。
比如像，我在之前的文章中，分享過(guò)的這個(gè)例子，是不是很有空間立體感？
再比如像旁友圈中的一張學(xué)員作業(yè)，是不是也是一樣的效果？
同樣的，再比如像之前我做過(guò)的一張圖表頁(yè)，給折線添加了陰影后，會(huì)更有懸浮的效果：
所以，記住一個(gè)點(diǎn)，當(dāng)頁(yè)面上元素較少的時(shí)候，為了避免頁(yè)面單調(diào)空洞，可以嘗試去添加陰影，增強(qiáng)空間感。
舉個(gè)實(shí)際的例子，比如像這樣的一個(gè)頁(yè)面，主要是介紹口紅的成分：
我們可以先來(lái)確定下大致的布局形式：
因?yàn)橛覀?cè)只有一支口紅，看起來(lái)有些空洞，所以，我們?cè)購(gòu)?fù)制出一支：
然后呢，給口紅添加陰影效果：
這里，我選擇的是這個(gè)陰影樣式：
接下來(lái)，我們需要去設(shè)計(jì)頁(yè)面的背景。在這里，分享一個(gè)方法，我們可以從產(chǎn)品中提取顏色，用在背景中：
我選擇的顏色，是黃色，放在頁(yè)面中做漸變背景：
最后呢，簡(jiǎn)單地對(duì)左側(cè)信息進(jìn)行拆分，凸顯數(shù)字重點(diǎn)，完成排版即可：
二、添加映像效果
這也是 PPT 軟件中的一個(gè)基礎(chǔ)功能，說(shuō)白了就是給元素添加一個(gè)倒影：
添加映像效果的方法呢，也很簡(jiǎn)單：
在進(jìn)行圖片排版的時(shí)候，這個(gè)功能簡(jiǎn)直是絕配。為什么這么說(shuō)呢？先來(lái)看幾個(gè)優(yōu)秀的案例：
是不是很贊？
而我，更喜歡把它，與三維旋轉(zhuǎn)功能組合使用。啥意思呢？咱們看一個(gè)實(shí)際的例子。
比如像這樣的一個(gè)頁(yè)面，主要是來(lái)介紹一款 APP：
我們可以對(duì)圖片進(jìn)行三維旋轉(zhuǎn)，并且，添加映像效果，各位可以看下這個(gè)變化的過(guò)程：
這是靜態(tài)的頁(yè)面效果：
因?yàn)閳D片已經(jīng)發(fā)生了三維變化，有了一定的空間感，所以，為了能夠與圖片傾斜角度契合，可以找一張相同斜度的圖片作為背景。
我找到的是這一張：
因?yàn)樵瓐D是豎版，所以，我們只截取其中的一部分：
這種最終截取的畫面，用在背景中非常合適：
最后，我們把文字和圖片，放在頁(yè)面上即可，是不是空間感超強(qiáng)？
三、添加投影元素
這是今年比較流行的一種設(shè)計(jì)手法，它不是某個(gè)具體的功能，而是在頁(yè)面上，添加一些投影的元素。
比如像之前的一期旁友圈作業(yè)中，有這樣的一份案例：
這個(gè)頁(yè)面上的樹葉投影，就是后期添加的元素，很好的讓頁(yè)面有了一些空間感。
那這種投影元素，是在哪里找到的呢？很簡(jiǎn)單，在花瓣網(wǎng)中，搜索『投影』，會(huì)有一大堆這樣的元素：
我們可以把這些元素，疊加在一些背景圖上，形成質(zhì)感更強(qiáng)的背景：
同樣的，為了讓各位進(jìn)一步了解投影元素，咱們?cè)賮?lái)看一個(gè)例子。
比如像這個(gè)頁(yè)面，是某化妝品品牌的市場(chǎng)戰(zhàn)略分析：
內(nèi)容的話呢，很簡(jiǎn)單，我們可以先來(lái)完成頁(yè)面的布局：
這時(shí)候，頁(yè)面看起來(lái)會(huì)有一些單調(diào)，怎么辦呢？用上我們的投影元素，左上角添加一些百葉窗的光束：
效果是不是好一些呢？
另外呢？這時(shí)候要注意，頁(yè)面上的投影元素，光源是來(lái)自左上角：
所以，有一個(gè)細(xì)節(jié)是，我們可以調(diào)整圓圈的漸變色，讓圓圈的左上角偏亮一點(diǎn)，因?yàn)橛泄?，照射在圓圈上：
這時(shí)候呢，我們的頁(yè)面就已經(jīng)完成了，還可以吧？
上面所說(shuō)的3種方法呢，主要目的還是為了營(yíng)造空間感，從而讓頁(yè)面更有質(zhì)感，算是 PPT 設(shè)計(jì)中的細(xì)節(jié)處理。
希望能夠?qū)Υ蠹矣兴鶐椭?/p>
原標(biāo)題：邵大，你能用PPT還原下小米的這個(gè)設(shè)計(jì)嗎？太有質(zhì)感了！
]]>