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