PPT卡片化排版，打造精致美觀的展示頁面！

前幾天，在制作旁門左道PPT文章導(dǎo)航頁時，參考了一些網(wǎng)頁設(shè)計(jì)的思路。在這個過程中，很明顯地能感受到，其實(shí)很多的網(wǎng)頁設(shè)計(jì)，都有一些共同的特征。

比如咱們看下小米的官網(wǎng)首頁：

還有像OPPO的官網(wǎng)：

當(dāng)然，還有其它的網(wǎng)頁設(shè)計(jì)，它們的共同的特征，都是卡片式布局。通過卡片的使用，對頁面進(jìn)行模塊化展現(xiàn)，這樣一來，不管每一模塊的內(nèi)容是多是少，都可以很規(guī)整地將其呈現(xiàn)出來。

不得不說，這的確是一個很好的設(shè)計(jì)手法。

而且，如果你經(jīng)常瀏覽一些設(shè)計(jì)網(wǎng)站，就會發(fā)現(xiàn)，在很多頁面的設(shè)計(jì)中，都會使用到這個方法：

但其實(shí)你知道嗎？在 PPT 設(shè)計(jì)中，當(dāng)進(jìn)行多段落排版時，我們同樣可以使用卡片化排版，而且，效果還不錯。

那么，問題來了，PPT設(shè)計(jì)中該如何利用這個方法進(jìn)行排版呢？

如果想要搞清楚這個點(diǎn)，那么，咱們就必須先來理解，到底什么是『卡片化排版』呢？

卡片化排版

專業(yè)一點(diǎn)解釋就是，將頁面上層級相同的內(nèi)容，進(jìn)行結(jié)構(gòu)化的視覺呈現(xiàn)。

我畫了一個簡單的示意圖

不理解也沒關(guān)系，我們來看一個案例，相信你就能明白。

比如咱們看到這樣的一頁內(nèi)容：

當(dāng)我們想要進(jìn)行卡片化排版時，可以先把層級結(jié)構(gòu)梳理出來，這一步不可或缺。從內(nèi)容可知，這里分為兩個層級，對于同一層級的內(nèi)容，我們選用相應(yīng)的顏色和字號：

接下來，我們基于親密性原則，使用形狀卡片，將同一類內(nèi)容放在一起：

最后，我們再來做一些修飾，使用圖片來豐富頁面視覺效果即可：

明白了嗎？

這就是完整的排版流程，先來梳理層級結(jié)構(gòu)，再來進(jìn)行卡片布局，最后，完成內(nèi)容置入即可。

可能有些讀者仍舊會有疑問，我們在進(jìn)行PPT排版時，為什么要進(jìn)行『卡片化呈現(xiàn)』呢？

很簡單，兩個原因：

• 可以讓頁面更加干凈整潔，避免雜亂；
• 可以讓內(nèi)容的結(jié)構(gòu)更加清晰；

好了，當(dāng)我們了解了這些點(diǎn)之后，咱們回到最初的問題，在PPT設(shè)計(jì)中，該如何進(jìn)行模塊化呈現(xiàn)呢？

通過兩個實(shí)際案例，一起來理解一下。

案例一

咱們來看這樣的一頁文字內(nèi)容，屬于典型的產(chǎn)品介紹，需要重點(diǎn)凸顯的部分，已經(jīng)做變色處理：

同樣地，在進(jìn)行卡片化排版之前，先來對內(nèi)容的層級結(jié)構(gòu)進(jìn)行梳理：

接下來，我們?yōu)榱四軌蚋M(jìn)一步體現(xiàn)產(chǎn)品特征，可以找到相關(guān)的產(chǎn)品圖：

但現(xiàn)在頁面標(biāo)題內(nèi)容與產(chǎn)品圖之間的關(guān)聯(lián)性較弱，所以，我們可以使用形狀卡片，來解決這一問題：

最后，把標(biāo)題和背景圖片放在頁面上，與整體視覺風(fēng)格保持一致即可：

案例二

再比如像下面這個頁面，典型的列表式頁面，層級結(jié)構(gòu)相對簡單，視覺上看起來非常單調(diào)：

首先，我們先來對文字內(nèi)容進(jìn)行重新排版，通過增加圖標(biāo)元素，來增強(qiáng)文字的可視化效果：

為了能夠讓內(nèi)容之間的視覺關(guān)系更加親密，我們可以使用形狀卡片，將內(nèi)容聚合在一起：

接下來，為了增強(qiáng)頁面的可視化效果，我們可以基于文案內(nèi)容的含義，尋找合適的背景素材，體現(xiàn)出市場的感覺：

下一步，我們可以把頁面上的圖片進(jìn)行處理，置入手機(jī)樣機(jī)中，來增強(qiáng)場景感：

最后，將圖片放在卡片上，形成視覺穿插的感覺，而且，也可以讓圖片和文字形成關(guān)聯(lián)：

最后的最后，為了能夠增強(qiáng)形狀的視覺效果，添加兩個光效素材進(jìn)行修飾即可：

懂了嗎？以后，當(dāng)我們進(jìn)行多段內(nèi)容的排版時，就可以考慮使用這種方法，從而讓頁面的結(jié)構(gòu)性更加清晰。

這就是今天要跟大家分享的內(nèi)容，希望對各位有所啟發(fā)。