昨天，有一位讀者給我發(fā)了這么一個(gè)案例，問(wèn)我如何通過(guò)微調(diào)，來(lái)讓它變得更加出彩？
大家可以想一下，如果是你的話，會(huì)怎么調(diào)整呢？
如果我們呢來(lái)分析一下，其實(shí)會(huì)發(fā)現(xiàn)，除了背景有些雜亂之外，這張頁(yè)面的排版沒(méi)有什么問(wèn)題，可能唯一不足的就在于，視覺(jué)太單調(diào)了，沒(méi)什么新意。
所以，我給他的建議是，在圖片下方加一個(gè)色塊就會(huì)好很多。當(dāng)然，如果我們能夠?qū)ε虐孢M(jìn)行優(yōu)化，也可以加分：
而為什么要加一個(gè)色塊呢？這就要引出，今天要分享的一個(gè)排版方法，叫做疊層排版法。
一、疊層排版法
對(duì)于視覺(jué)過(guò)于平淡的頁(yè)面，我們只需要添加一個(gè)疊層，就可以快速地提升頁(yè)面的視覺(jué)層次感。
在很多的設(shè)計(jì)中，都會(huì)用到這一點(diǎn)：
那到底什么是疊層呢？簡(jiǎn)單來(lái)說(shuō)，就是在頁(yè)面上插入一個(gè)色塊，放在內(nèi)容的下方。
二、疊層分類
而關(guān)于疊層，這里分為兩種：
一種是半疊層，主要用于圖片排版。比如像這個(gè)，疊層采用的是筆刷形狀：
另一種是全疊層，主要用于文字排版：
當(dāng)然，除了上面這兩個(gè)案例之外，還有一些其它常見(jiàn)的結(jié)構(gòu)形式。
三、其他的疊層結(jié)構(gòu)
比如像將頁(yè)面均分的疊層結(jié)構(gòu)：
還有將頁(yè)面三等分的疊層結(jié)構(gòu)：
好了，明白了這一點(diǎn)之后，在 PPT 設(shè)計(jì)中，具體該怎么使用的？
為了方便大家理解，咱們通過(guò)兩個(gè)實(shí)例來(lái)分享一下。
四、案例賞析
案例一
比如我們拿下面這頁(yè)圖表來(lái)說(shuō)，目前來(lái)看很單調(diào)，缺少視覺(jué)層次，對(duì)嗎？該怎么處理呢？
首先，我們先來(lái)確定其疊層結(jié)構(gòu)。比如我們?cè)谶@里選擇黃金分割式結(jié)構(gòu)：
并進(jìn)一步來(lái)確定內(nèi)容的具體位置：
接下來(lái)，我們來(lái)處理單獨(dú)的圖表內(nèi)容。
通過(guò)簡(jiǎn)單分析我們可以知道，使用柱狀圖很難將數(shù)據(jù)關(guān)系準(zhǔn)確地呈現(xiàn)出來(lái)，所以，我們改用面積圖：
把處理后的圖表內(nèi)容，放在規(guī)劃好的版式中：
為了能夠貼合<巨大的商業(yè)機(jī)會(huì)>這一文案內(nèi)涵，我們可以找一張商業(yè)相關(guān)圖片放在疊層底部：
到這里，一張視覺(jué)層次較強(qiáng)的 PPT 頁(yè)面就算完成了。
案例二
比如我們看到這樣一頁(yè)帶有聯(lián)系方式的結(jié)尾頁(yè)，大家可以想一下該怎么做呢？
按照疊層排版法，咱們依舊是先來(lái)確定頁(yè)面的結(jié)構(gòu)，比如我們選用這個(gè)結(jié)構(gòu)：
接下來(lái)，我們把圖片做一些簡(jiǎn)單的處理，給網(wǎng)頁(yè)截圖添加相應(yīng)的樣機(jī)素材：
把處理后的圖片，放在頁(yè)面上：
接下來(lái)，我們基于前面的疊層結(jié)構(gòu)，在頁(yè)面底部添加相應(yīng)的色塊：
好了，來(lái)看下最終的頁(yè)面，是不是好很多呢？
理解了嗎？這就是疊層排版法的實(shí)際應(yīng)用。如果拿操作技巧來(lái)說(shuō)，沒(méi)有什么難度，無(wú)非就是插入一個(gè)形狀罷了。
但是，我們?yōu)槭裁匆迦脒@個(gè)形狀，以及它能解決什么問(wèn)題，這才是我想要跟大家分享的。
原標(biāo)題：只添加一個(gè)色塊，你也能做出高大上的PPT排版。
]]>
?相信關(guān)注旁門左道的一些老讀者知道，我曾經(jīng)在文章中，推薦過(guò)一個(gè)國(guó)外的PPT設(shè)計(jì)公司，叫做 Slidor ，作品超級(jí)炸裂。
不了解的，可以先看一下他們之前的作品集錦：
前段時(shí)間，發(fā)現(xiàn)他們官網(wǎng)上又更新了一些新的作品，同樣不令人失望。
比如他們?yōu)?br /> Hyperloop （也就是特斯拉老板馬斯克專門造超級(jí)高鐵的公司）設(shè)計(jì)的幻燈片，大家來(lái)感受一下：
國(guó)際范兒十足，而且頁(yè)面的動(dòng)畫(huà)設(shè)計(jì)也非常合適：
我個(gè)人特別喜歡這個(gè)：
除了
Hyperloop 之外，還有為法國(guó)橄欖樹(shù)世界杯做的幻燈片，動(dòng)感很強(qiáng)烈，而且，很難的一點(diǎn)在于，頁(yè)面元素很多，但視覺(jué)上并不亂。
大家可以看一下：
當(dāng)然，這份運(yùn)動(dòng)感十足的PPT動(dòng)畫(huà)設(shè)計(jì)，一樣非常精彩：
只能說(shuō)超贊(?????)? ??
還有像為可口可樂(lè)做的『異形屏』幻燈片，大家看下渲染后的舞臺(tái)效果圖：
現(xiàn)場(chǎng)展示效果是這樣的：
除此之外，還有為『諾基亞』在 CES 大會(huì)上設(shè)計(jì)的幻燈片：
這套幻燈片的動(dòng)畫(huà)設(shè)計(jì)也很精彩，大家可以看下其中一頁(yè)的動(dòng)畫(huà)設(shè)計(jì)的渲染圖：
當(dāng)然，建議大家可以看下原版的視頻，錄 Gif 圖太不清晰了：
還有為 HEC 商學(xué)院的幻燈片設(shè)計(jì)，很簡(jiǎn)約：
以及為 OVH 2018峰會(huì)設(shè)計(jì)的幻燈片：
當(dāng)然，在這些 PPT 作品中，其實(shí)很多的版式，是可以借鑒使用的。
比如頁(yè)面上有好幾個(gè)方面的內(nèi)容時(shí)，我們可以這樣做：
在進(jìn)行圖片排版時(shí)，也可以做成這樣：
在我們進(jìn)行數(shù)據(jù)展現(xiàn)的時(shí)候呢，也可以采用這樣的方式：
還有一個(gè)很贊的動(dòng)畫(huà)效果，咱們來(lái)看一下：
介紹產(chǎn)品時(shí)，我們可以采用這樣的版式：
在地圖頁(yè)的呈現(xiàn)方式上，我們可以這樣做：
在封面設(shè)計(jì)的時(shí)候呢，我們可以采用這樣的方式：
……
還有很多頁(yè)非常優(yōu)秀的PPT，鑒于篇幅問(wèn)題，在這里就不一一進(jìn)行展示了。
相信大家在看這些作品時(shí)，也能夠感受到，其實(shí)如果僅僅從元素效果來(lái)看，并不難。關(guān)鍵的是，我們能夠 Get 到它們的設(shè)計(jì)創(chuàng)意。
而這，也許就是優(yōu)秀PPT作品的價(jià)值吧！
?本文內(nèi)容為 旁門左道PPT 原創(chuàng)出品
]]>
色塊算是 PPT 制作中，最經(jīng)常用到設(shè)計(jì)元素之一，大多數(shù)人可能都知道借助色塊排版，會(huì)讓頁(yè)面更加規(guī)范整齊。
比如咱們常見(jiàn)的 logo 頁(yè)排版：
但其實(shí)，你知道嗎？色塊在 PPT 中的作用，遠(yuǎn)不止于此。如果你能夠善用色塊，那么，我相信你一定可以做出一套 90 分以上的 PPT。
所以，這篇文章就好好跟各位聊一聊，色塊在 PPT 設(shè)計(jì)中應(yīng)用場(chǎng)景。
先來(lái)說(shuō)第一個(gè)作用。
規(guī)整雜亂元素
在 PPT 設(shè)計(jì)中，經(jīng)常會(huì)遇到有很多不規(guī)則元素的頁(yè)面。
比如形態(tài)各異的企業(yè) logo：
或者是長(zhǎng)短不一的文本段落：
上面這些頁(yè)面，雖然做到了一些基本的對(duì)齊，但給人的視覺(jué)效果依舊很亂，對(duì)嗎？
這個(gè)時(shí)候，我們就可以將不規(guī)則的元素放在色塊內(nèi)，從而讓頁(yè)面中的視覺(jué)效果更加的規(guī)范整齊。
比如我們利用矩形來(lái)規(guī)整不規(guī)則元素：
或者是用圓形：
都是可以的。
這里有一點(diǎn)值得注意。就是要把握好，不規(guī)則元素與色塊邊界的距離。如果距離過(guò)小，或者過(guò)大，都會(huì)產(chǎn)生不好的閱讀體驗(yàn)。
距離過(guò)大，會(huì)顯得頁(yè)面很空，不夠飽滿。
而距離過(guò)小，會(huì)顯得頁(yè)面擁擠，缺乏呼吸感。
突顯文本內(nèi)容
很多時(shí)候，我們會(huì)借助圖片來(lái)制作全圖型 PPT，從而增強(qiáng)頁(yè)面的表現(xiàn)力。而把文字直接放在圖片背景上，由于圖片本身比較復(fù)雜，很可能會(huì)看不清楚文本內(nèi)容。
該怎么辦呢？
相信你也一定想到，其實(shí)在文字下方添加一個(gè)色塊就好了。
利用色塊，可以說(shuō)是屏蔽了背景圖片對(duì)文本內(nèi)容的干擾，增強(qiáng)了文本的可識(shí)別性。
當(dāng)然，如果你想讓頁(yè)面更具通透感，我們還可以為色塊設(shè)置透明效果：
或者是將色塊與文本進(jìn)行剪除，做出鏤空的效果：
這樣做的好處就是，保證在文本可識(shí)別性的同時(shí)，還能夠看到圖片背景。
這種做法在制作 PPT 封面的時(shí)候，非常的好用。
舉幾個(gè)例子：
劃分頁(yè)面版式
在遇到內(nèi)容較多頁(yè)面時(shí)，為了讓頁(yè)面中的信息層級(jí)更加的明確，我們可以利用色塊對(duì)版面進(jìn)行劃分。
比如把頁(yè)面進(jìn)行左右劃分：
或者上下劃分：
當(dāng)然，我們還可以嘗試把色塊換成其他形狀，比如換成圓形：
豐富頁(yè)面效果
為了不讓頁(yè)面看起來(lái)單調(diào)，我們可以把色塊作為修飾性元素，來(lái)豐富頁(yè)面效果。
比如在頁(yè)面周圍添加一些裝飾性的色塊，讓頁(yè)面看起來(lái)更加的飽滿。
使用色塊還可以營(yíng)造頁(yè)面的空間感。這種做法，非常適合用來(lái)做人物或者是產(chǎn)品介紹。
舉兩個(gè)例子：
通過(guò)在人物或者產(chǎn)品底部添加色塊，在豐富頁(yè)面層次感的同時(shí)，還能夠建立文本內(nèi)容與主體的聯(lián)系。
我們可以刪除色塊，再來(lái)看一下效果：
刪除色塊后，頁(yè)面就顯得十分平淡，看起來(lái)沒(méi)什么層次感，而且文本與主體缺乏關(guān)聯(lián)。
展現(xiàn)內(nèi)容邏輯
為了方便受眾對(duì)于頁(yè)面內(nèi)容關(guān)系的理解，這就需要咱們使用色塊繪制一些邏輯圖示，從而輔助頁(yè)面內(nèi)容邏輯關(guān)系的表達(dá)。
比如我們可以繪制箭頭，來(lái)體現(xiàn)智能優(yōu)配的工作流程：
或者使用三個(gè)圓形來(lái)繪制維恩圖，表達(dá)推動(dòng)科技轉(zhuǎn)型的三個(gè)方面：
還可以表現(xiàn)邏輯關(guān)系特別復(fù)雜的頁(yè)面，都可以借助色塊，來(lái)降低觀眾的理解難度：
以上呢，就是色塊在 PPT 設(shè)計(jì)中 5 個(gè)非常實(shí)用的功能，最后咱們?cè)賮?lái)總結(jié)一下：
2.突顯文本內(nèi)容，借助色塊降低圖片背景的干擾，從而凸顯文本信息
3.劃分頁(yè)面版式，通過(guò)色塊對(duì)版面的劃分，讓信息層級(jí)更加明確
4.豐富頁(yè)面效果，利用色塊在頁(yè)面四周的點(diǎn)綴，進(jìn)而豐富頁(yè)面的視覺(jué)效果
5.展現(xiàn)內(nèi)容邏輯，使用色塊繪制一些邏輯圖示，輔助頁(yè)面內(nèi)容邏輯關(guān)系的表達(dá)
好了，這篇文章就這么多，如果你還知道色塊其他的應(yīng)用場(chǎng)景，歡迎在后臺(tái)留言給我。如果覺(jué)得這篇文章對(duì)你很有幫助，可以給我點(diǎn)個(gè)好看或者轉(zhuǎn)發(fā)文章哦！
另外，再送給大家一個(gè)福利，回復(fù)本文，即可獲取 PDF 版課件！
]]>