PPT排版“不為人知”的4個(gè)小秘密
來源:keynote研究所(公眾號(hào):keynote520)
作者:人生哥
本文已獲得授權(quán),轉(zhuǎn)載請(qǐng)聯(lián)系原公眾號(hào)
對(duì)比、統(tǒng)一、對(duì)齊,這三個(gè)幻燈片排版的原則,你是怎么理解的?我在之前的文章中例舉了一些原則性、規(guī)范性的排版建議,不知道你有沒有掌握,這一次,我們想和你說說具體的排版樣式,希望對(duì)你有幫助。
很多人都在講如何制作PPT,PPT具體如何操作,卻沒有告訴你為什么這么做?人家說這樣排版更精美,但看過了依舊不會(huì)排版,有些版式確實(shí)需要死記硬背,而有些版式是基于對(duì)原理的深度思考,也就是一竅通,百竅通。
所以,這也是寫這篇文章的初衷所在,試圖以從【為什么這么做】入手,用最簡(jiǎn)單的方式向你說明該如何上手PPT排版,以此給你一個(gè)交代。誰說簡(jiǎn)簡(jiǎn)單單的PPT不能出彩呢?所以這篇文章既簡(jiǎn)單,也很難。
一、面積對(duì)齊理論是最小的突破點(diǎn)
之前我有粉絲在后臺(tái)留言說,一張圖一行文字,我到底是應(yīng)該選用嚴(yán)格的居中對(duì)齊還是稍稍上移幾個(gè)像素。這將是整篇文章圍繞的核心點(diǎn)。
從排版的原理來看,你尊崇嚴(yán)格的文字居中對(duì)齊其實(shí)沒有沒有錯(cuò)誤,如果我們非要進(jìn)行深入的探討,我想這可以具體分為兩點(diǎn):
1.基于人眼的重心下落理論,其實(shí)我是建議你應(yīng)該主觀的將文字上移幾個(gè)像素的。*注意要把全部頁(yè)面的居中文字都沿用這種規(guī)則,這里才是重點(diǎn)。
2.基于演示場(chǎng)合的情況下,很多都是人站在投影前面,為了減少不必要的文字遮擋,這可能是關(guān)于上移文字位置的另一種考量。下面的這張圖其實(shí)很具有代表性:
▼補(bǔ)充知識(shí)點(diǎn):
通常對(duì)于一張單調(diào)的文字+圖片排版,會(huì)使用以下2種補(bǔ)充方式:
1.根據(jù)文案添加裝飾圖標(biāo),營(yíng)造精致感。如圖:
2.根據(jù)文案添加引用和強(qiáng)調(diào),強(qiáng)化文案訊息的傳達(dá)。如圖:
那么,在什么情況下使用嚴(yán)格的居中對(duì)齊呢?這里值得你注意的是:有邊框限定的排版可以采用嚴(yán)格的居中對(duì)齊,如圖:
二、基于黃金分割的排版習(xí)慣
黃金分割是指將整體一分為二,較大部分與整體部分的比值等于較小部分與較大部分的比值,其比值約為0.618。這個(gè)比例被公認(rèn)為是最能引起美感的比例,因此被稱為黃金分割。那么在幻燈片排版中了解了黃金分割又有什么意義呢?
我們會(huì)看到很多全圖型的PPT封皮都會(huì)將標(biāo)題文字放置在趨近黃金分割的位置上。如圖所示,你其實(shí)不用太執(zhí)著具體是不是0.618,因?yàn)榛脽羝旧?6:9的畫幅面積就并非按照黃金分割長(zhǎng)度和寬度,你大概取畫面的1/3位置即可。
▼那具體如何看出變化呢?我這里以兩個(gè)形式舉例。
1.圖片排版時(shí),主體文字沿用黃金分割放置。如圖:
2.圖片排版時(shí),主體圖像沿用黃金分割放置。如圖:
我想這么說的話你就可能比較好理解了。拿前一周刷爆朋友圈的《新世相營(yíng)銷課》這張圖為例,這張海報(bào)你可能已經(jīng)看膩了吧,如圖:
▼網(wǎng)格還原
我相信,任何一個(gè)小的知識(shí)點(diǎn)都值得我拆解。我們可以看出,文字標(biāo)題部分沿用了黃金分割理論。問題出在了新世相張偉身上,感覺右側(cè)的畫面有些向外偏移,沒有聚焦畫面的感覺,給人的感覺就是好像這個(gè)文案和人物沒有什么關(guān)系。
所以,基于上面的原則我做出了簡(jiǎn)單調(diào)整,將圖片放置在黃金分割位置,調(diào)換人物方向,↓如圖所示:
▼修改后
▼網(wǎng)格還原
最后,我們?cè)贀Q一種居中對(duì)齊的文字排版,如圖:
▼修改后
▼網(wǎng)格還原
這個(gè)效果是不是也很贊?這也就是我們?cè)谙乱徽乱攸c(diǎn)進(jìn)行說明的問題:PPT排版,該如何對(duì)齊,和誰對(duì)齊?
三、排版,和誰對(duì)齊是個(gè)大問題
PPT排版,要排出精致感,為了精致這2字,我要來舉幾個(gè)例子詳細(xì)解釋其中的緣由。細(xì)心的你可能會(huì)發(fā)現(xiàn),本篇文章第一節(jié)的標(biāo)題是關(guān)于面積對(duì)齊的,這也是橫跨文章的隱藏關(guān)鍵點(diǎn)。請(qǐng)思考一下,什么才是真正的面積對(duì)齊?
PPT在制作之前,我們都會(huì)先拉出參考線,將畫面分為2部分:
1.版心。2.頁(yè)面邊距。
而這兩項(xiàng)也決定了你的PPT元素應(yīng)該和誰對(duì)齊。以下面的這張幻燈片為例,標(biāo)準(zhǔn)的上下三等分PPT,文字你可以沿用中心對(duì)齊。如圖:
我們可以看到,這樣的幻燈片排版是看不出頁(yè)面邊距限定在哪里的。如圖:
▼網(wǎng)格還原
接下來,我們進(jìn)行一次升級(jí),添加補(bǔ)充的文案信息。如圖:
可以看到,左側(cè)文字采用左對(duì)齊,已知邊距位置,右側(cè)文字采用統(tǒng)一元素、統(tǒng)一排版形式,這里是選用了電影使用左對(duì)齊,影片名稱采用組居中對(duì)齊方式。如圖:
▼網(wǎng)格還原
理解了這個(gè)文字組統(tǒng)一對(duì)齊的概念以后,再深入一點(diǎn),左側(cè)也改為居中對(duì)齊,我們來看這張圖,夠不夠精致?又有什么問題?
▼網(wǎng)格還原
發(fā)現(xiàn)什么問題了嗎?這一頁(yè)幻燈片的版心和頁(yè)面邊距混在了一起,所以這種對(duì)齊的方式本身沒有什么問題,但是組合到這一頁(yè)P(yáng)PT里面就有問題了,重心偏左。所以正確的方法是:除了要保持文字組的排版統(tǒng)一外,還要保持頁(yè)面邊距的統(tǒng)一和版心的統(tǒng)一。
▼網(wǎng)格還原
所以,基于版心+頁(yè)面邊距的考量,我們來看另一外一個(gè)排版的處理,如圖:
這一頁(yè)幻燈片有什么問題?一眼看上去什么問題都沒有,但似乎又有一種說不出的重心偏左的感覺。補(bǔ)全網(wǎng)格看一下版心在哪?如圖:
問題就顯而易見的多了,接下來我們補(bǔ)全這部分排版缺陷,有很多方法,比如添加裝飾線,添加色塊,或者改變左側(cè)圖片的版心占據(jù)位置,如圖:
↓示例1:補(bǔ)充頁(yè)面邊距,統(tǒng)一排版形式。
↓示例2:添加限定頁(yè)面邊距的圖形。
↓示例3:圖片收到版心之內(nèi),統(tǒng)一排版形式。
四、排版中圖片的邊距留白
基于上面的認(rèn)知,我們可以引出下一個(gè)觀點(diǎn),如何通過版心與頁(yè)面邊距線確定圖片是否留白,以一頁(yè)簡(jiǎn)單的PPT分析,如圖:
為什么圖片在充滿畫面時(shí),不留間距?
為什么圖片在版心內(nèi)排列時(shí)候,要留出間距。
▼這是因?yàn)椋?/strong>
當(dāng)充滿畫面時(shí)候,圖片并非個(gè)體而是一個(gè)組。而當(dāng)圖片在版心之中時(shí),圖片則是個(gè)體,這一點(diǎn)和文字的逐行閱讀與逐字閱讀很像。在幻燈片排版時(shí),多個(gè)圖片其實(shí)是以圖片組的整體形式圍繞版心與頁(yè)面邊距的關(guān)系進(jìn)行留白處理,是否留白以版心為界,如圖所示:
1.圖片組超出版心線,可以選擇不留白。
▼網(wǎng)格還原
2.圖片組在版心線之內(nèi),可以選擇留白。
最后,在你基于上面的一些原理的理解,下面的這2張PPT,你應(yīng)該會(huì)清楚的知道,頁(yè)面的元素該和誰對(duì)齊,其實(shí)都是圍繞網(wǎng)格化作圖和版心與頁(yè)面邊距展開的排版探討,希望對(duì)你有幫助。
從簡(jiǎn)入繁易,從繁入簡(jiǎn)難,再小的細(xì)節(jié)也值得深入推敲,希望這篇文章依舊對(duì)你有所幫助。
轉(zhuǎn)載請(qǐng)?jiān)谖恼麻_頭和結(jié)尾顯眼處標(biāo)注:作者、出處和鏈接。不按規(guī)范轉(zhuǎn)載侵權(quán)必究。
未經(jīng)授權(quán)嚴(yán)禁轉(zhuǎn)載,授權(quán)事宜請(qǐng)聯(lián)系作者本人,侵權(quán)必究。
本文禁止轉(zhuǎn)載,侵權(quán)必究。
授權(quán)事宜請(qǐng)至數(shù)英微信公眾號(hào)(ID: digitaling) 后臺(tái)授權(quán),侵權(quán)必究。
評(píng)論
評(píng)論
推薦評(píng)論
全部評(píng)論(10條)