在前幾天有位讀者問了我一個(gè)很有價(jià)值的問題。是啥呢？

就是如何在二維平面上，表現(xiàn)出三維的立體空間感？

大概就像這樣：

不得不說，這的確是一個(gè)很好的問題。

那么，到底是如何做的呢？不廢話，直接進(jìn)入正題。

我常用的方法分為3種，分別是：

方法一、調(diào)整漸變

看到這兒，可能很多人會(huì)有疑問，漸變的作用，不是改變顏色嗎？為什么能夠增強(qiáng)空間立體感呢？

比如說，我們現(xiàn)在看到這樣的一張素描，看起來像是一個(gè)球體 ，對(duì)不對(duì)？

為啥呢？其實(shí)只不過是給一個(gè)平面的圓形，添加了漸變而已：

如果說我們把高光，明暗交界，以及反光添加到一個(gè)平面的圓形，它也會(huì)有立體感：

就是這么簡(jiǎn)單。

當(dāng)我們知道如何繪制球體之后，我們就可以利用它作為文字的襯底，進(jìn)行排版：

或者是這樣的：

再比如我們之前做過的一頁P(yáng)PT，很多人很好奇這個(gè)球體是怎么來的，其實(shí)，它就也是加了漸變的形狀而已：

同樣的，還有一個(gè)場(chǎng)景是，利用漸變色，我們可以繪制立體感的數(shù)據(jù)圖表。

啥意思呢？之前有讀者問我，為啥自己在 PPT 里插入的立體形狀，感覺很low？

原因很簡(jiǎn)單，因?yàn)槲覀冃枰獮榱⒎襟w的每一個(gè)面，都調(diào)整漸變效果：

只有這樣，才能得到一個(gè)非常有質(zhì)感的立方體：

比如像之前我修改的一頁 PPT 封面，其實(shí)就是這樣調(diào)整的：

再比如像這個(gè)頁面中的圖表，你可以思考一下，它是如何呈現(xiàn)出立體感的呢？

另外，利用漸變調(diào)整，我們還可以在平面上，去營(yíng)造出一個(gè)立體的空間。

就像這樣：

那這個(gè)又是怎么做的呢？其實(shí)，很簡(jiǎn)單，就是在頁面上，添加了一個(gè)漸變色塊而已：

不過呢，有一個(gè)小細(xì)節(jié)是，底部色塊的顏色，要稍微深一點(diǎn)：

同樣的，利用這個(gè)原理，我們可以做成這樣的空間感背景：

方法二、三維調(diào)整

這應(yīng)該是很多人都能想到的一個(gè)方法。

操作上也很簡(jiǎn)單，選中一個(gè)元素后，調(diào)整三維選項(xiàng)就可以：

比如說，我們可以用來進(jìn)行圖片的排版，從而增強(qiáng)空間立體感：

當(dāng)然，也可以是對(duì)文字添加三維旋轉(zhuǎn)，都能營(yíng)造出空間立體感：

這是一個(gè)比較簡(jiǎn)單的方法，之前也寫過，我就不多說了。

方法三、增加透視

我們?cè)谡鎸?shí)世界中，都明白一個(gè)最基本的原理，叫做：

而如果我們想要在平面上，營(yíng)造出空間感，也需要遵循這個(gè)規(guī)律。

啥意思呢？舉個(gè)簡(jiǎn)單的例子，比如像前幾天修改的案例，為了營(yíng)造空間感，我對(duì)后一排的圖片進(jìn)行了虛化處理。

這就是近實(shí)遠(yuǎn)虛：

再比如像這個(gè)頁面，算是典型的近大遠(yuǎn)小式的透視關(guān)系：

除此之外，我們還可以通過對(duì)形狀的漸變調(diào)整，把遠(yuǎn)處的透明度設(shè)置為100%，也可以實(shí)現(xiàn)透視的效果：

用這個(gè)方法，我們一般用來制作內(nèi)容的底座，從而進(jìn)行排版：

把梯形換成圓形，也是一樣的道理：

繼續(xù)延伸，我們也可以把這個(gè)原理，應(yīng)用到圖片排版中。

比如在排版圖片時(shí)，我們可以對(duì)圖片進(jìn)行虛化處理，或者是添加一些虛擬形狀，從而營(yíng)造透視的感覺：

這樣一來，也可以營(yíng)造出空間立體感：

再比如像這個(gè)頁面，之所以在圖片背后，添加一些矩形色塊，原理也是一樣的：

這就是在平面上，實(shí)現(xiàn)三維立體空間感展示的3個(gè)方法，希望對(duì)各位有所幫助。

·

原標(biāo)題：華為的這個(gè)網(wǎng)頁太酷了！PPT中想做出這樣的效果難嗎？