充會(huì)員,很劃算

PPT中的『卡片式排版法』人人都能學(xué)會(huì)!

PPT中的『卡片式排版法』人人都能學(xué)會(huì)!
導(dǎo)讀

我總結(jié)了一種非常實(shí)用而且極易掌握的PPT排版方法。我給它起了一個(gè)還算通俗易懂名字,叫做『卡片式排版法』。非常簡(jiǎn)單實(shí)用的排版方法,人人都能學(xué)會(huì)。

這個(gè)不起眼的PPT排版技巧,卻讓魅族不惜偷師蘋果!

我總結(jié)了一種非常實(shí)用而且極易掌握的排版方法。我給它起了一個(gè)還算通俗易懂名字,叫做『卡片式排版法』。

這個(gè)不起眼的PPT排版技巧,卻讓魅族不惜偷師蘋果!

那么,什么是卡片式排版法呢?

理解起來很簡(jiǎn)單,就是在頁面中畫幾個(gè)色塊,用來承載頁面中不同的內(nèi)容。色塊的大小取決于內(nèi)容的多少。
大概就是這個(gè)形式:
這個(gè)不起眼的PPT排版技巧,卻讓魅族不惜偷師蘋果!
為了讓你更容易去理解什么是卡片式排版法,咱們一起來看幾個(gè)案例。
其實(shí)這種排版方法還挺常見的,比如網(wǎng)頁設(shè)計(jì):
這個(gè)不起眼的PPT排版技巧,卻讓魅族不惜偷師蘋果!
手機(jī)瀏覽器的界面設(shè)計(jì):

這個(gè)不起眼的PPT排版技巧,卻讓魅族不惜偷師蘋果!

手機(jī)系統(tǒng)的界面設(shè)計(jì):

這個(gè)不起眼的PPT排版技巧,卻讓魅族不惜偷師蘋果!

就連前段時(shí)間蘋果發(fā)布會(huì)中,也多次用到過這個(gè)排版方法:

這個(gè)不起眼的PPT排版技巧,卻讓魅族不惜偷師蘋果!

這個(gè)不起眼的PPT排版技巧,卻讓魅族不惜偷師蘋果!

緊接著,就被魅族給學(xué)了過去:

這個(gè)不起眼的PPT排版技巧,卻讓魅族不惜偷師蘋果!

可見這個(gè)方法之經(jīng)典。

那么,問題來了,這種排版方法到底好在哪呢?

針對(duì)不同類型的頁面,卡片式排版有著不同的作用,一般分為這兩類:

1.信息量較大的頁面

對(duì)于內(nèi)容較多的頁面,使用這個(gè)方法,能夠很好的規(guī)整頁面中雜亂的信息,讓頁面看起來十分的整齊。
比如下面這頁 PPT,有著多種樣式的圖表,以及一些重點(diǎn)數(shù)據(jù):

這個(gè)不起眼的PPT排版技巧,卻讓魅族不惜偷師蘋果!

雖然排版整齊,而且還有意識(shí)地通過距離,來劃分不同的信息區(qū)域,但看起來仍然很亂。
我們把頁面的中心放入到卡片中,再來看一下效果:

這個(gè)不起眼的PPT排版技巧,卻讓魅族不惜偷師蘋果!

考慮到原稿和大數(shù)據(jù)相關(guān),我又改了一版深色背景:

這個(gè)不起眼的PPT排版技巧,卻讓魅族不惜偷師蘋果!

和最原稿相比,這兩版都要整齊很多,對(duì)嗎?

2.信息量較少的頁面

對(duì)于頁面內(nèi)容較少的頁面,卡片式排版能夠讓頁面更加的飽滿,不至于讓頁面顯得單調(diào)。
同樣的,我們來看一個(gè)案例:

這個(gè)不起眼的PPT排版技巧,卻讓魅族不惜偷師蘋果!

由于內(nèi)容太少,導(dǎo)致頁面兩側(cè)看起來很空,對(duì)嗎?
這時(shí)我們就可以考慮采用卡片式的布局,讓頁面更加的豐富。我使用色塊大概繪制了一個(gè)版式:

這個(gè)不起眼的PPT排版技巧,卻讓魅族不惜偷師蘋果!

接著,我們將內(nèi)容添加的版式中:

這個(gè)不起眼的PPT排版技巧,卻讓魅族不惜偷師蘋果!

效果看起來還不錯(cuò)!
最后,為了營(yíng)造空間感,我們還可以給卡片做一個(gè)三維旋轉(zhuǎn),以及添加倒影:

這個(gè)不起眼的PPT排版技巧,卻讓魅族不惜偷師蘋果!

使用這種排版方法時(shí),都有哪些需要注意的點(diǎn)呢?

1.卡片之間的間距相等

這是使用這種排版方法,最基本的要求。

這個(gè)不起眼的PPT排版技巧,卻讓魅族不惜偷師蘋果!

來看一個(gè)實(shí)例:

這個(gè)不起眼的PPT排版技巧,卻讓魅族不惜偷師蘋果!

間距相等,不僅要求卡片的橫向間距相等,其縱向間距也要和橫向間距保持一致:

這個(gè)不起眼的PPT排版技巧,卻讓魅族不惜偷師蘋果!

比如,剛才我們所修改的一個(gè)案例:

這個(gè)不起眼的PPT排版技巧,卻讓魅族不惜偷師蘋果!

只有這一樣才能保證頁面在視覺上的美觀。

2.卡片內(nèi)要有合理的留白

可能有些朋友不明白是什么意思,簡(jiǎn)單來說,就是內(nèi)部信息與卡片邊界保留一定的距離。

這個(gè)不起眼的PPT排版技巧,卻讓魅族不惜偷師蘋果!

為了讓你更清晰的明確這一點(diǎn),咱們?cè)賮砜匆粡垖?duì)比圖:

這個(gè)不起眼的PPT排版技巧,卻讓魅族不惜偷師蘋果!

很明顯,左側(cè)的卡片看起來十分的擁擠,給人的感覺十分壓抑,沒有什么呼吸感,閱讀起來也有很障礙。而右側(cè)的卡片,給人的感覺卻十分的舒適。

3.卡片多為圓角

這里用了“多為”二字,并沒有完全肯定的意思。卡片多為圓角,是因?yàn)?,在卡片?shù)量、間距均相同的情況下,圓角比直角更容易被人眼所識(shí)別。

這個(gè)不起眼的PPT排版技巧,卻讓魅族不惜偷師蘋果!

比如下面這兩張圖示:

這個(gè)不起眼的PPT排版技巧,卻讓魅族不惜偷師蘋果!

這個(gè)不起眼的PPT排版技巧,卻讓魅族不惜偷師蘋果!

由于圓角卡片之間的邊界更加的明顯,所以在卡片數(shù)量較多時(shí),使用圓角能夠更好的突出卡片中的內(nèi)容。
這也是形狀圓角處理在手機(jī) UI 中,流行的原因之一:

這個(gè)不起眼的PPT排版技巧,卻讓魅族不惜偷師蘋果!

卡片如何排版,才能更具創(chuàng)意?

1. 在卡片底部疊加色塊或圖片

通常情況下,如果只是簡(jiǎn)單的將內(nèi)容置于卡片中,頁面難免會(huì)有些單調(diào),而通過疊加色塊或者圖片,則可以讓頁面更具視覺層次。

這個(gè)不起眼的PPT排版技巧,卻讓魅族不惜偷師蘋果!

比如下面這兩頁 PPT,都是通過在卡片底部添加圖片來增強(qiáng)頁面的層次感:

這個(gè)不起眼的PPT排版技巧,卻讓魅族不惜偷師蘋果!

這個(gè)不起眼的PPT排版技巧,卻讓魅族不惜偷師蘋果!

明確了這一點(diǎn),咱們一起來看一個(gè)實(shí)際案例,就比如下面這張幻燈片:

這個(gè)不起眼的PPT排版技巧,卻讓魅族不惜偷師蘋果!

首先,我們可以使用卡片劃分頁面中的 3 個(gè)圖表,并添加相應(yīng)的顏色。

這個(gè)不起眼的PPT排版技巧,卻讓魅族不惜偷師蘋果!

接著,為了讓頁面更有層次,我們可以在卡片的底部,添加一層形狀:

這個(gè)不起眼的PPT排版技巧,卻讓魅族不惜偷師蘋果!

或者是與頁面信息相關(guān)的圖片:

這個(gè)不起眼的PPT排版技巧,卻讓魅族不惜偷師蘋果!

層次感立馬就出來了,對(duì)嗎?
另外,為了讓層次感更強(qiáng),我們還可以給卡片添加陰影,就像這樣:

這個(gè)不起眼的PPT排版技巧,卻讓魅族不惜偷師蘋果!

2.卡片之間錯(cuò)落擺放

先來看一張圖示對(duì)比:

這個(gè)不起眼的PPT排版技巧,卻讓魅族不惜偷師蘋果!

很顯然,錯(cuò)落擺放的頁面會(huì)顯得更有創(chuàng)意,對(duì)嗎?
當(dāng)然,除了創(chuàng)意,卡片的錯(cuò)落擺放還可以合理的運(yùn)用頁面上的空間。內(nèi)容多的放在大卡片上,內(nèi)容少的放在小卡片上。

這個(gè)不起眼的PPT排版技巧,卻讓魅族不惜偷師蘋果!

比如蘋果、魅族發(fā)布會(huì)的 PPT,就巧妙地利用了這一點(diǎn):

這個(gè)不起眼的PPT排版技巧,卻讓魅族不惜偷師蘋果!

這個(gè)不起眼的PPT排版技巧,卻讓魅族不惜偷師蘋果!

咱們?cè)賮砜匆粋€(gè)具體的案例,這是一頁大會(huì)的 VI 展示,由于圖片大小不統(tǒng)一,頁面擺放的很亂。

這個(gè)不起眼的PPT排版技巧,卻讓魅族不惜偷師蘋果!

針對(duì)這樣的頁面,我們可以更具圖片的大小,先畫出卡片的排版樣式:

這個(gè)不起眼的PPT排版技巧,卻讓魅族不惜偷師蘋果!

接著,將圖片填充到相應(yīng)的卡片中:

這個(gè)不起眼的PPT排版技巧,卻讓魅族不惜偷師蘋果!

到這,頁面已經(jīng)整齊多了!因?yàn)轫撁嬷械膱D片本身并不出彩,為了讓頁面顯得更有質(zhì)感,我又調(diào)整了一般深色背景:

這個(gè)不起眼的PPT排版技巧,卻讓魅族不惜偷師蘋果!

最后,再加上動(dòng)畫效果:

這個(gè)不起眼的PPT排版技巧,卻讓魅族不惜偷師蘋果!

看起來,還不錯(cuò),對(duì)嗎?
好了,以上呢,就是有關(guān)卡片式排版法的全部?jī)?nèi)容,你掌握了嗎?

原文標(biāo)題:這個(gè)不起眼的PPT排版技巧,卻讓魅族不惜偷師蘋果!

原作者:PPT進(jìn)化論 微信號(hào):pangmenzd 自媒體大咖進(jìn)駐

發(fā)表回復(fù)

移動(dòng)版關(guān)于我們聯(lián)系我們版權(quán)聲明

PPTfans.cn (PPT設(shè)計(jì)教程網(wǎng)) ?2012-2024 · 粵ICP備19137043號(hào) | 版權(quán)所有:廣州白鹿傳媒廣告有限公司 · 基于Wordpress · 由peaterq設(shè)計(jì)&制作 ·網(wǎng)站標(biāo)簽 · 訂閱鄂公網(wǎng)安備 42050602000108號(hào)

有困難加站長(zhǎng)微信
購買咨詢電話15360667849
PPT交流QQ群34597820
iSlide交流QQ群281329348
疑難雜癥找站長(zhǎng)遇到困難,找站長(zhǎng)!