來(lái)源:keynote研究所(公眾號:keynote520)
作者:人生哥
本文已獲得授權,轉載請聯(lián)系原公眾號
對比、統一、對齊,這三個(gè)幻燈片排版的原則,你是怎么理解的?我在之前的文章中例舉了一些原則性、規范性的排版建議,不知道你有沒(méi)有掌握,這一次,我們想和你說(shuō)說(shuō)具體的排版樣式,希望對你有幫助。
很多人都在講如何制作PPT,PPT具體如何操作,卻沒(méi)有告訴你為什么這么做?人家說(shuō)這樣排版更精美,但看過(guò)了依舊不會(huì )排版,有些版式確實(shí)需要死記硬背,而有些版式是基于對原理的深度思考,也就是一竅通,百竅通。
所以,這也是寫(xiě)這篇文章的初衷所在,試圖以從【為什么這么做】入手,用最簡(jiǎn)單的方式向你說(shuō)明該如何上手PPT排版,以此給你一個(gè)交代。誰(shuí)說(shuō)簡(jiǎn)簡(jiǎn)單單的PPT不能出彩呢?所以這篇文章既簡(jiǎn)單,也很難。
之前我有粉絲在后臺留言說(shuō),一張圖一行文字,我到底是應該選用嚴格的居中對齊還是稍稍上移幾個(gè)像素。這將是整篇文章圍繞的核心點(diǎn)。
從排版的原理來(lái)看,你尊崇嚴格的文字居中對齊其實(shí)沒(méi)有沒(méi)有錯誤,如果我們非要進(jìn)行深入的探討,我想這可以具體分為兩點(diǎn):
1.基于人眼的重心下落理論,其實(shí)我是建議你應該主觀(guān)的將文字上移幾個(gè)像素的。*注意要把全部頁(yè)面的居中文字都沿用這種規則,這里才是重點(diǎn)。


2.基于演示場(chǎng)合的情況下,很多都是人站在投影前面,為了減少不必要的文字遮擋,這可能是關(guān)于上移文字位置的另一種考量。下面的這張圖其實(shí)很具有代表性:

▼補充知識點(diǎn):
通常對于一張單調的文字+圖片排版,會(huì )使用以下2種補充方式:
1.根據文案添加裝飾圖標,營(yíng)造精致感。如圖:

2.根據文案添加引用和強調,強化文案訊息的傳達。如圖:

那么,在什么情況下使用嚴格的居中對齊呢?這里值得你注意的是:有邊框限定的排版可以采用嚴格的居中對齊,如圖:


黃金分割是指將整體一分為二,較大部分與整體部分的比值等于較小部分與較大部分的比值,其比值約為0.618。這個(gè)比例被公認為是最能引起美感的比例,因此被稱(chēng)為黃金分割。那么在幻燈片排版中了解了黃金分割又有什么意義呢?

我們會(huì )看到很多全圖型的PPT封皮都會(huì )將標題文字放置在趨近黃金分割的位置上。如圖所示,你其實(shí)不用太執著(zhù)具體是不是0.618,因為幻燈片本身16:9的畫(huà)幅面積就并非按照黃金分割長(cháng)度和寬度,你大概取畫(huà)面的1/3位置即可。

▼那具體如何看出變化呢?我這里以?xún)蓚€(gè)形式舉例。
1.圖片排版時(shí),主體文字沿用黃金分割放置。如圖:

2.圖片排版時(shí),主體圖像沿用黃金分割放置。如圖:

我想這么說(shuō)的話(huà)你就可能比較好理解了。拿前一周刷爆朋友圈的《新世相營(yíng)銷(xiāo)課》這張圖為例,這張海報你可能已經(jīng)看膩了吧,如圖:

▼網(wǎng)格還原

我相信,任何一個(gè)小的知識點(diǎn)都值得我拆解。我們可以看出,文字標題部分沿用了黃金分割理論。問(wèn)題出在了新世相張偉身上,感覺(jué)右側的畫(huà)面有些向外偏移,沒(méi)有聚焦畫(huà)面的感覺(jué),給人的感覺(jué)就是好像這個(gè)文案和人物沒(méi)有什么關(guān)系。
所以,基于上面的原則我做出了簡(jiǎn)單調整,將圖片放置在黃金分割位置,調換人物方向,↓如圖所示:
▼修改后

▼網(wǎng)格還原

最后,我們再換一種居中對齊的文字排版,如圖:
▼修改后

▼網(wǎng)格還原

這個(gè)效果是不是也很贊?這也就是我們在下一章要重點(diǎn)進(jìn)行說(shuō)明的問(wèn)題:PPT排版,該如何對齊,和誰(shuí)對齊?
PPT排版,要排出精致感,為了精致這2字,我要來(lái)舉幾個(gè)例子詳細解釋其中的緣由。細心的你可能會(huì )發(fā)現,本篇文章第一節的標題是關(guān)于面積對齊的,這也是橫跨文章的隱藏關(guān)鍵點(diǎn)。請思考一下,什么才是真正的面積對齊?
PPT在制作之前,我們都會(huì )先拉出參考線(xiàn),將畫(huà)面分為2部分:
1.版心。2.頁(yè)面邊距。
而這兩項也決定了你的PPT元素應該和誰(shuí)對齊。以下面的這張幻燈片為例,標準的上下三等分PPT,文字你可以沿用中心對齊。如圖:

我們可以看到,這樣的幻燈片排版是看不出頁(yè)面邊距限定在哪里的。如圖:
▼網(wǎng)格還原

接下來(lái),我們進(jìn)行一次升級,添加補充的文案信息。如圖:

可以看到,左側文字采用左對齊,已知邊距位置,右側文字采用統一元素、統一排版形式,這里是選用了電影使用左對齊,影片名稱(chēng)采用組居中對齊方式。如圖:
▼網(wǎng)格還原

理解了這個(gè)文字組統一對齊的概念以后,再深入一點(diǎn),左側也改為居中對齊,我們來(lái)看這張圖,夠不夠精致?又有什么問(wèn)題?

▼網(wǎng)格還原

發(fā)現什么問(wèn)題了嗎?這一頁(yè)幻燈片的版心和頁(yè)面邊距混在了一起,所以這種對齊的方式本身沒(méi)有什么問(wèn)題,但是組合到這一頁(yè)PPT里面就有問(wèn)題了,重心偏左。所以正確的方法是:除了要保持文字組的排版統一外,還要保持頁(yè)面邊距的統一和版心的統一。

▼網(wǎng)格還原

所以,基于版心+頁(yè)面邊距的考量,我們來(lái)看另一外一個(gè)排版的處理,如圖:

這一頁(yè)幻燈片有什么問(wèn)題?一眼看上去什么問(wèn)題都沒(méi)有,但似乎又有一種說(shuō)不出的重心偏左的感覺(jué)。補全網(wǎng)格看一下版心在哪?如圖:

問(wèn)題就顯而易見(jiàn)的多了,接下來(lái)我們補全這部分排版缺陷,有很多方法,比如添加裝飾線(xiàn),添加色塊,或者改變左側圖片的版心占據位置,如圖:
↓示例1:補充頁(yè)面邊距,統一排版形式。

↓示例2:添加限定頁(yè)面邊距的圖形。

↓示例3:圖片收到版心之內,統一排版形式。

基于上面的認知,我們可以引出下一個(gè)觀(guān)點(diǎn),如何通過(guò)版心與頁(yè)面邊距線(xiàn)確定圖片是否留白,以一頁(yè)簡(jiǎn)單的PPT分析,如圖:
為什么圖片在充滿(mǎn)畫(huà)面時(shí),不留間距?

為什么圖片在版心內排列時(shí)候,要留出間距。

▼這是因為:
當充滿(mǎn)畫(huà)面時(shí)候,圖片并非個(gè)體而是一個(gè)組。而當圖片在版心之中時(shí),圖片則是個(gè)體,這一點(diǎn)和文字的逐行閱讀與逐字閱讀很像。在幻燈片排版時(shí),多個(gè)圖片其實(shí)是以圖片組的整體形式圍繞版心與頁(yè)面邊距的關(guān)系進(jìn)行留白處理,是否留白以版心為界,如圖所示:
1.圖片組超出版心線(xiàn),可以選擇不留白。

▼網(wǎng)格還原

2.圖片組在版心線(xiàn)之內,可以選擇留白。

最后,在你基于上面的一些原理的理解,下面的這2張PPT,你應該會(huì )清楚的知道,頁(yè)面的元素該和誰(shuí)對齊,其實(shí)都是圍繞網(wǎng)格化作圖和版心與頁(yè)面邊距展開(kāi)的排版探討,希望對你有幫助。


從簡(jiǎn)入繁易,從繁入簡(jiǎn)難,再小的細節也值得深入推敲,希望這篇文章依舊對你有所幫助。
聯(lián)系客服