
我相信大部分人做PPT的時候都會遇到這種情況:瀏覽別人的PPT時覺得做起來很簡單,當(dāng)輪到自己做的時候就頭腦空白,無從下手。很大的原因是因為我們不知道如何「排版和布局」。
如果說字體、圖片等元素是幻燈片的血肉,版式設(shè)計就是幻燈片的骨架。
今天我分享三種最常用的排版方式,看完本文相信你能馬上get起來,快速入門PPT的版式設(shè)計。
一、怎么理解版式設(shè)計
在正式分享常用的三種排版方式前,我們需要先理清一些基本概念,這可以讓你更容易理解版式設(shè)計背后的道理。
版式設(shè)計,也就是我們通常所說的排版。
什么是排版?好的排版就是將文字、圖形、圖片等版面構(gòu)成元素合理、有秩序地安放在限定的空間內(nèi)。

排版的目的是什么?
往大了說,排版是為了使頁面兼具易讀性和美觀性,讓讀者產(chǎn)生一種舒適愉悅感,從而產(chǎn)生繼續(xù)讀下去的念頭,而不是往你身上砸瓶子或者中途退場。
往更具體的說,排版是為了讓版面具有「穩(wěn)定感」。穩(wěn)定感是人類在長期觀察自然中形成的一種視覺習(xí)慣和審美觀念。
「穩(wěn)定感」通常又包括了平衡感、空間感、比例感。
我們通常運用「對稱與均衡」來制造「穩(wěn)定感」。

二、三種常見的排版方式
1.軸心式布局

軸心式布局也常稱「居中布局」。
軸心式布局是在平面設(shè)計中大量使用并且是非常實用的排版方式,而且掌握這種方式非常的簡單。我們通常只需要將「視覺單元」放在頁面的中軸線上就行。
我們拉出一條中軸線看看:

我們發(fā)現(xiàn)「視覺單元」正好處于中軸線上。
怎么樣?感覺是不是很有對稱美?
這種對稱美大量存在于我們的生活中,特別是中國古式建筑特別講究對稱美。

上面提到一個知識點:什么是「視覺單元」?
通常我們把意義相關(guān)、距離相近的內(nèi)容編成一個組,將其視作一個「視覺單元」。
例如在圖1 中,我們可以這樣看待其中的內(nèi)容。

例如我在上次的直播課中大量使用了「軸心式布局」。


在這里提個技巧:如何快速設(shè)置軸心式布局?
將你的「視覺單元」中的內(nèi)容進行編組(快捷工具欄中的:格式 - 組合 - 組合),然后與垂直居中的參考線進行居中對齊(參考線調(diào)出:鼠標(biāo)右鍵 - 網(wǎng)格和參考線 - 參考線)。
2.左右分布布局

當(dāng)信息量較多,一個「視覺單元」無法滿足需求時,我們需要創(chuàng)造多個「視覺單元」來完成排版。而多個「視覺單元」的一種排版方式就是「左右分布布局」。
「左右分布布局」的本質(zhì)是將頁面劃分成左右兩個版面,在視覺上呈現(xiàn)「橫向」的排版感覺。
來看一些使用了左右分布布局的幻燈片例子:


要知道,「左右分布布局」和「軸心式布局」是不沖突的。有時我們把左右兩個「視覺單元」視作一個「視覺單元」后,整個頁面依然是「軸心式布局」。

3.上下分布布局

多個「視覺單元」的另一種排版方式就是「上下分布布局」。
「上下分布布局」的本質(zhì)是將頁面劃分成上下兩個版面,在視覺上呈現(xiàn)「豎向」的排版感覺。

我們需要注意的是:上面所說的三種排版方式:「軸心式布局」、「左右分布布局」、「上下分布布局」是站在整張幻燈片的宏觀角度來闡述的,描述的元素是「視單元」。
而實際上,「視覺單元」里面的內(nèi)容同樣需要排列,因此同樣可以應(yīng)用這三種排版方式。
所以你能看到很多幻燈片頁面,它里面不僅僅包含單一的排版方式,而是同時包含兩種甚至三種的排版方式。
以這張幻燈片舉例:


黑框(標(biāo)記7號)是最外面的一個整體,它由兩個紅框的內(nèi)容(分別標(biāo)記6號和5號)左右分布排版而成,而5號紅框又由兩個黃框(分別標(biāo)記4號和3號)上下分布排版而成,3號黃框又由兩個綠框(分別標(biāo)記2號和1號)左右分布排版而成,而2號綠框內(nèi)是一個軸心式布局的圖表。
三、關(guān)于排版的四大設(shè)計原理
關(guān)于這四大設(shè)計原理,下次再發(fā)文詳細(xì)談?wù)?,這次先簡單談一下,感興趣的同學(xué)可自行查閱相關(guān)資料。
- 對比:要避免頁面上的元素太過于相似。通過制造對比來產(chǎn)生視覺重點和弱點,并引導(dǎo)閱讀。
- 重復(fù):視覺要素在整個作品中重復(fù)出現(xiàn)。重復(fù)的目的是:增加條理性,加強統(tǒng)一性。
- 對齊:任何元素不能在頁面上隨意的安放。每個元素應(yīng)與頁面另一元素有視覺上的聯(lián)系。最基本的要求是:整齊。常見對齊方式有:居中對齊、左對齊、右對齊。
- 親密性:相關(guān)項應(yīng)當(dāng)靠近,歸組,把多個存在親密性元素成為一個視覺單元。這會有助于阻止信息,減少混亂,為提供結(jié)構(gòu)。

homework:
找出上面這張幻燈片中的“對比、重復(fù)、對齊、親密性”體現(xiàn)在哪里。
公眾號:伯健君PPT,后臺回復(fù)「排版攻略」可下載我整理的排版攻略。