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

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

大概就像這樣：

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

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

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

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

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

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

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

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

就是這么簡單。

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

或者是這樣的：

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

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

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

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

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

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

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

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

就像這樣：

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

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

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

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

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

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

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

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

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

方法三、增加透視

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

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

啥意思呢？舉個(gè)簡單的例子，比如像前幾天修改的案例，為了營造空間感，我對(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)行虛化處理，或者是添加一些虛擬形狀，從而營造透視的感覺：

這樣一來，也可以營造出空間立體感：

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

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

·

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

橢圓平臺(tái)怎么畫才好看？有啥技巧嗎？

這是一位讀者看過這頁 PPT 后，在留言區(qū)向我提問的一個(gè)問題。

其實(shí)，在 PPT 設(shè)計(jì)中，用形狀來模擬透視平臺(tái)，是一個(gè)能夠快速提升頁面設(shè)計(jì)美感的技法。

比如下面這兩頁騰訊峰會(huì)的 PPT 原稿，現(xiàn)在看，視覺上略顯平淡：

而利用形狀模擬透視平臺(tái)后，頁面的空間、設(shè)計(jì)感就會(huì)大幅度提升。比如繪制橢圓平臺(tái)：

或者是繪制梯形平臺(tái)：

那么，回到文章一開始的問題，大家用的都是 PowerPoint，為什么你總是畫不好呢？

你繪制的平臺(tái)：

別人繪制的平臺(tái)：

繪制這類透視平臺(tái)，到底有何技巧？

別慌，今天，這篇文章就帶你解開這其中的奧秘！

一、透視平臺(tái)遵循的原則

想要透視平臺(tái)畫的好，只需遵循 2 個(gè)現(xiàn)實(shí)原則即可。因?yàn)榕c現(xiàn)實(shí)相關(guān)，所以理解起來不難。

? 原則一：近大遠(yuǎn)小

體積相似的物體，距離我們?cè)竭h(yuǎn)，在視覺上看起來就會(huì)越小。

比如地面瓷磚，他們的實(shí)際大小相同，但一眼望去，越遠(yuǎn)的瓷磚，看起來就越?。?/p>

如果把圖片中瓷磚線條提取出來，分別來看橫線和縱線。

很明顯，橫線之間的間距，由近及遠(yuǎn)，越來越窄：

縱線如果繼續(xù)延展，終將匯于一點(diǎn)：

這就是頁面看上去有縱深感的原因！

我們回到透視平臺(tái)的構(gòu)建上。對(duì)于橢圓型平臺(tái)，如果只是用大小不同的橢圓簡單嵌套，頁面缺乏縱深感，看起來就會(huì)有些假：

我們?cè)诶L制時(shí)，就可以根據(jù)上述橫線的特點(diǎn)，調(diào)整各個(gè)橢圓錯(cuò)位，使各個(gè)線條的間距，由近及遠(yuǎn)，越來越窄：

此外，線條間的各個(gè)間距相差越大，平臺(tái)的縱深感就會(huì)越強(qiáng)：

同理，梯形平臺(tái)就應(yīng)該符合上述縱線的特點(diǎn)。

所有形狀兩側(cè)邊界的延長線，都要匯聚于一點(diǎn)：

? 原則二：近實(shí)遠(yuǎn)虛

近處清晰，遠(yuǎn)處模糊。這個(gè)原則相信大家也深有體會(huì)。

比如從高樓向遠(yuǎn)處眺望，近處的大廈就很清晰，而遠(yuǎn)處的山巒受云霧的影響，會(huì)變得模糊不清。

同樣的，將近實(shí)遠(yuǎn)虛的原則，應(yīng)用到平臺(tái)的繪制上。比如通過調(diào)整橢圓漸變：

讓遠(yuǎn)處的線、面透明度降低：

梯形平臺(tái)同理，利用漸變讓平臺(tái)遠(yuǎn)透，近不透：

結(jié)合，上面所說的兩大原則，我們用形狀所構(gòu)建的平臺(tái)就更加符合現(xiàn)實(shí)邏輯，從視覺上去看自然會(huì)更加的美觀。

二、透視平臺(tái)的快速畫法

OK，原理是明白了，那有沒有什么方法，可以快速繪制這樣的透視平臺(tái)呢？

當(dāng)然有，我們可以借助三維旋轉(zhuǎn)。通過使用三維旋轉(zhuǎn)，就可以不用手動(dòng)調(diào)整個(gè)圓環(huán)的間距，而且平臺(tái)的透視強(qiáng)度可以任意調(diào)節(jié)。

像上面這個(gè)案例，我們可以先繪制 4 個(gè)嵌套的正圓。

設(shè)置三維旋轉(zhuǎn)，預(yù)設(shè) > 角度 >「透視：適度寬松」:

這時(shí)，頁面中的正圓，就會(huì)有向后傾倒的趨勢(shì)：

我們調(diào)整 Y 旋轉(zhuǎn)，可以變換觀察平臺(tái)的視角：

而調(diào)整透視，可以變換平臺(tái)的縱深感。透視越大，縱深感越強(qiáng)：

最后，調(diào)整平臺(tái)漸變即可。

除了橢圓透視平臺(tái)，像下面這樣的梯形平面透視平臺(tái)，也可以使用這個(gè)方法快速繪制。

先繪制 5 個(gè)矩形，并組合：

和剛才的一樣，設(shè)置三維旋轉(zhuǎn)，選擇預(yù)設(shè)中的「透視：適度寬松」。Y 旋轉(zhuǎn)控制平面傾倒的幅度；透視，控制平臺(tái)的縱深感：

最后，依據(jù)近實(shí)遠(yuǎn)虛的原則添加漸變效果：

三、透視平臺(tái)的用法

最后，為了拓寬大家的思路，我再分享一些透視平臺(tái)在 PPT 設(shè)計(jì)中的一些用法。比較常見的是充當(dāng)載體，放置單個(gè)頁面信息。比如主要文本：

重點(diǎn)數(shù)據(jù)：

當(dāng)然，只要你畫的平臺(tái)夠大，也可以放置多個(gè)內(nèi)容：

稍微復(fù)雜一些，我們還可以利用透視平臺(tái)，立體化呈現(xiàn)層級(jí)架構(gòu)。比如這種圓形平臺(tái)：

或是梯形平臺(tái)：

等等...

好了，以上呢，就是這篇文章的全部內(nèi)容了。希望看完這篇文章，你也能夠快速上手，畫出漂亮的透視平臺(tái)。

·

原標(biāo)題：邵大，騰訊官方的這頁P(yáng)PT也太高級(jí)了！為啥我做不出來...

自從谷歌推出 Material Design 設(shè)計(jì)語言后，用卡片作為承載信息的方式，已經(jīng)是很常見的一種設(shè)計(jì)形式了：

卡片設(shè)計(jì)被廣泛用在各類產(chǎn)品和場(chǎng)景中，PPT也不例外。比如剛結(jié)束不久的蘋果春季發(fā)布會(huì)，PPT中就用到了卡片排版：

卡片的區(qū)塊化結(jié)構(gòu)能讓頁面層次清晰易讀，是頁面布局中的利器。有時(shí)候僅使用卡片來排版，也能做出一套不錯(cuò)的PPT：

然而很多時(shí)候，我們進(jìn)行卡片排版時(shí)，往往會(huì)忽略很多細(xì)節(jié)的處理，導(dǎo)致頁面效果生硬，比如像下面的案例：

那么，如何快速地提升卡片的排版設(shè)計(jì)效果呢？

今天這篇文章就給大家總結(jié)一下，卡片排版的一些細(xì)節(jié)要點(diǎn)。

?一、卡片繪制細(xì)節(jié)

在PPT中，我們是用矩形來繪制卡片，通過給矩形設(shè)置顏色、紋理、陰影等參數(shù)效果，讓卡片的質(zhì)感豐富起來。

1.角部弧度

卡片設(shè)計(jì)常見的角部弧度有直角和圓角這兩種：

我們常常使用圓角卡片來排版內(nèi)容，因?yàn)橹苯堑目ㄆ怖矢呃洌幸欢ǖ墓粜再|(zhì)：

而圓角容易被人眼識(shí)別，卡片邊界的區(qū)分更明顯；且柔和的圓角更具親和力，給人安全感和舒適感：

2.卡片顏色

卡片的顏色填充可以是純色或漸變色（黑白灰為無彩色）。

純色卡片只有一種色調(diào)，但卻比較難把控，因?yàn)閱我坏念伾雌饋頃?huì)比較沉悶呆板：

對(duì)此比較好的解決方法，是改用不同明度的漸變色來填充，讓卡片細(xì)節(jié)層次更加豐富：

怎么設(shè)置不同明度的漸變呢？很簡單，拿下面的深黃色卡片舉例：

我們選擇45°方向的線性漸變，然后兩個(gè)光圈顏色均選用原來的色值：

接下來，我們通過調(diào)整兩個(gè)光圈的亮度百分比，就可以得到不同明度的漸變色：

來看看調(diào)整后的效果，與之前比較，卡片會(huì)更有光澤感：

3.卡片投影

給卡片添加投影效果，可以營造卡片懸浮感，從而增加頁面的空間層次：

一般不建議直接選用PPT中的投影預(yù)設(shè)，因?yàn)檫@些預(yù)設(shè)投影比較生硬，不夠柔和自然：

怎么調(diào)節(jié)出柔和自然的陰影呢？大致可以分為三個(gè)步驟：

第一，選擇與背景色相近的深色作為陰影色，比如下面卡片的陰影色為深紫色：

第二，縮小陰影的大小，然后加大陰影距離：

第三，把陰影的模糊度調(diào)大，如果覺得陰影色還是太深，可以適當(dāng)?shù)丶哟笸该鞫龋?/p>

與預(yù)設(shè)的陰影相對(duì)比，調(diào)整后的陰影效果會(huì)柔和很多:

二、卡片內(nèi)容排版細(xì)節(jié)

講完卡片繪制的細(xì)節(jié)，接下來我們來看下卡片內(nèi)容的排版。

1.間隙相同

無論是卡片的縱向或是橫向，它們之間的間隙距離，最好能保持一致：

整齊一致的間隙距離，有助于保持頁面的均衡和美觀：

2.四周留白

卡片上的內(nèi)容信息，與卡片的邊界要留有適當(dāng)?shù)木嚯x：

為什么要適當(dāng)留白呢？我們先來看下面的反例。

卡片上的內(nèi)容信息緊貼著卡片兩側(cè)邊界，此時(shí)整體頭輕底重，底部文字太擁擠，看著沒有呼吸感：

而給卡片四周適當(dāng)?shù)亓舭缀螅撁嫘Ч粗蜁?huì)舒暢了許多：

3.文字行數(shù)不宜過多

卡片上的文字的縱向行數(shù)，最好不要超過5行，因?yàn)樾袛?shù)過多容易增加閱讀成本：

還有文字的層級(jí)區(qū)分要明顯，我們可以通過不同字重、字號(hào)和顏色的設(shè)置，從而產(chǎn)生清晰信息層級(jí)：

4.減少線框使用

我們經(jīng)常會(huì)使用線框來區(qū)分信息內(nèi)容，但當(dāng)卡片上使用過多的線框時(shí)，反而會(huì)導(dǎo)致頁面的擁擠：

減少線框的使用，或是用淺色色塊代替線框，這樣卡片上信息區(qū)分清晰的同時(shí)，整體效果也會(huì)好很多：

?三、卡片常見版式

在PPT中，利用卡片進(jìn)行排版，常見的版式有哪些呢？

1.并列排版

這應(yīng)該是最常見的卡片排版版式，比如下面這個(gè)案例，頁面有三段并列的內(nèi)容信息：

我們找來對(duì)應(yīng)的圖標(biāo)，然后用卡片元素來承載文字信息：

接下來給卡片添加陰影，在底部加入色塊來豐富頁面層次：

最后再添加一些修飾粒子元素，這樣一張卡片并列排版就完成了：

2.上下錯(cuò)位排版

我們只需將并列版式稍微錯(cuò)位，就可以做出有節(jié)奏感的上下錯(cuò)落排版：

又或是常見四段頁內(nèi)容的錯(cuò)落排版：

除此之外，還可以給卡片稍微旋轉(zhuǎn)一個(gè)角度，這樣錯(cuò)位的感覺又會(huì)不一樣：

3.大小不一錯(cuò)落排版

當(dāng)卡片的大小不一致時(shí)，我們可以考慮錯(cuò)落排版，像蘋果發(fā)布會(huì)的PPT，這樣能夠有效利用頁面的空間：

這里再舉一個(gè)例子，比如這張有關(guān)風(fēng)電特點(diǎn)的頁面：

我們將各個(gè)特點(diǎn)拆分開來，然后用大小不一的卡片承載內(nèi)容：

接下來根據(jù)文字信息的含義，找來相關(guān)的圖片填充進(jìn)卡片中：

最后調(diào)整字體的字重、大小和顏色，突出關(guān)鍵詞，這樣一頁蘋果卡片風(fēng)PPT就做好了：

4.三維空間排版

顧名思義，可以通過給卡片設(shè)置三維參數(shù)，進(jìn)行三維空間排版：

我們來看下案例，比如下面這張五段頁卡片排版：

分別給左右兩側(cè)的卡片設(shè)置「透視：左」和「透視：右」的三維參數(shù)：

然后將它們湊在一起，就有這樣空間感滿滿的頁面了：

此外，我們通過設(shè)置不同的三維參數(shù)，可以繪制出不同旋轉(zhuǎn)角度的卡片，從而進(jìn)行豐富的三維排版布局：

好了，以上就是關(guān)于卡片排版的內(nèi)容，最后我們來總結(jié)一下：

·

原標(biāo)題：庫克最愛用的這張發(fā)布會(huì)PPT！google也常用，太高級(jí)了...

今天在刷朋友圈時(shí)，無意中看到了一個(gè)百事可樂的廣告海報(bào)，就是這個(gè)：

對(duì)于這張海報(bào)設(shè)計(jì)，本來沒有太多可說的，但看到這里用到了半調(diào)粒子效果，就是左上角這些斑斑點(diǎn)點(diǎn)：

在之前的文章里也用到了這個(gè)效果，可以很好地被用來豐富頁面的細(xì)節(jié)，被很多讀者提問，這到底是怎么做出來的？

一、半調(diào)粒子效果網(wǎng)站

其實(shí)很簡單，有一個(gè)工具，就是專門生成這種效果的。
網(wǎng)址是：https://xoihazard.com/tools/halftone
它的使用也非常簡單，進(jìn)入網(wǎng)站后，什么參數(shù)都不用調(diào)整，它默認(rèn)提供了一種圖形的半調(diào)粒子樣式：

但如果我們想要比較規(guī)則的粒子分布樣式，比如像這樣的：

就需要自己上傳一個(gè)漸變圖片，怎么做呢？
超級(jí)簡單，隨便在 PPT 頁面上設(shè)置一個(gè)漸變效果，把它導(dǎo)出為圖片：

然后上傳到網(wǎng)站即可自動(dòng)生成：

而且，這個(gè)網(wǎng)站還支持下載 svg 格式的圖形，下載后拖到 PPT 頁面上，可以進(jìn)行顏色和透明度的調(diào)整：

在這里呢，我隨手用下載到的半調(diào)粒子，做了一個(gè)游戲 PPT 頁面：

這里呢，我是在頁面的周圍，添加了一些半調(diào)粒子的效果，很好地豐富了頁面的視覺效果：

還不錯(cuò)，對(duì)吧？
其實(shí)，除此之外，很多看似復(fù)雜的頁面效果，都可以使用一些工具簡單的生成。
在這里呢，繼續(xù)跟各位分享，我私藏的3個(gè)好用的 PPT 輔助設(shè)計(jì)工具。

二、漸變生成器

漸變生成器https://gradienta.io/
這是我用過的，最贊的漸變效果生成器，打開網(wǎng)站后，我們可以在首頁，看到很多默認(rèn)的漸變效果：

這些都是一些很有創(chuàng)意的漸變效果：

怎么樣？是不是很酷？很多的漸變圖形，都可以直接用來做 PPT 背景。
比如像這些：

如果有喜歡的，那么就可以直接進(jìn)行下載，而且可以選擇漸變圖形的尺寸：

當(dāng)然，如果只有這些功能，那肯定還不夠，我最喜歡的一個(gè)點(diǎn)在于，它支持自定義設(shè)計(jì)漸變的效果。
啥意思呢？這個(gè)網(wǎng)站上提供了3種不同的漸變樣式模板：

你想要任何一種漸變效果，都可以在這個(gè)網(wǎng)站進(jìn)行生成：

把漸變效果用在PPT里，其實(shí)非常贊：

三、動(dòng)態(tài)圖標(biāo)網(wǎng)站

動(dòng)態(tài)圖標(biāo)網(wǎng)站https://stories.freepik.com/
我真是太喜歡這個(gè)圖標(biāo)網(wǎng)站了，為啥呢？有這么幾個(gè)原因。

首先數(shù)量多，還免費(fèi)，國內(nèi)也可以正常速度打開：

另外呢，支持在線更改圖標(biāo)的顏色，也就是說，你可以把圖標(biāo)的顏色，修改為與 PPT 主題色一致。
我做了個(gè)動(dòng)圖演示下：

還有，最強(qiáng)的一點(diǎn)在于，這里所有的圖標(biāo)都是分層的，你可以給圖標(biāo)，添加動(dòng)畫效果：

比如我們?nèi)我膺x擇一個(gè)圖標(biāo)，進(jìn)入動(dòng)畫編輯界面：

你可以為圖標(biāo)上的每一個(gè)元素添加動(dòng)效，當(dāng)然如果你足夠懶，也可以使用隨機(jī)生成。

比如像這樣：

或者是這樣：

當(dāng)然，把這種動(dòng)態(tài)圖標(biāo)，用到 PPT 里，效果也依舊很棒：

你覺得呢？是不是超贊？

四、阿里云地圖

阿里云地圖http://datav.aliyun.com/tools/atlas
在很多 PPT 中，都離不開地圖的使用，但地圖的使用，需要非常非常的謹(jǐn)慎，至于原因嘛，你懂的。
如果你想找一個(gè)可以安全使用的地圖，且還想要對(duì)地圖的樣式進(jìn)行編輯，那么，可以考慮阿里推出的這個(gè)網(wǎng)站。

它呢，最小支持到縣級(jí)地圖，最大是全國地圖，還是比較全面的：

比如說，我之前曾經(jīng)做過一頁 PPT ，需要用到山西省的地圖，那么，在這個(gè)網(wǎng)站上，就可以直接下載到可編輯的地圖。
用在頁面上，是不是很贊呢？

以上呢，就是我要給各位推薦的，4個(gè)好用的 PPT 輔助工具。感興趣的讀者們，可以去嘗試一下。

原標(biāo)題：朋友圈巨潮的百事可樂海報(bào)！利用這個(gè)PPT神器輕松搞定！