手把手教你制作卡片風(fēng)格PPT

1、什么是卡片風(fēng)格?

卡片風(fēng)格，顧名思義，就是模仿現(xiàn)實(shí)中的卡片，在頁面中形成一個(gè)或多個(gè)整潔的「區(qū)塊」，作為圖片、文字等素材的容器。

看看我們身邊的卡片都有哪些：

拍立得相片

明信片

國畫或書法作品經(jīng)過藝術(shù)設(shè)計(jì)的裝裱，會(huì)顯得更加整潔美觀，提升檔次，甚至有「三分畫七分裱」之說。

手機(jī)里的卡片風(fēng)格更是隨處可見

這種設(shè)計(jì)非常適合于用手指滑動(dòng)操作，同時(shí)在不同尺寸的終端屏幕上(比如手機(jī)、PC、iPad等)具有統(tǒng)一的外觀顯示，可以實(shí)現(xiàn)用戶的無差別體驗(yàn)。

許多網(wǎng)站也采用了卡片式風(fēng)格進(jìn)行內(nèi)容展示，比如Dribble、behance、花瓣網(wǎng)等。

2、卡片風(fēng)格有哪些優(yōu)點(diǎn)?

①便于制作。卡片會(huì)占用較大的頁面空間。一般情況下，一張卡片中放置一張圖片比較美觀，因此無需考慮多圖情況下的排版問題，便于構(gòu)圖，降低了制作的難度。

②容易理解。區(qū)塊化結(jié)構(gòu)讓層次清晰易讀。同一種大小、方向的卡片很自然的會(huì)被歸結(jié)為同一種邏輯類型。

③重點(diǎn)突出。利用卡片形成的畫面區(qū)域，內(nèi)容呈現(xiàn)更加集中。

④整齊美觀?？ㄆ皆O(shè)計(jì)其實(shí)也是一種柵格布局，將整個(gè)頁面的內(nèi)容切割為N個(gè)區(qū)域。在視覺上，卡片之間具有統(tǒng)一的設(shè)計(jì)風(fēng)格、規(guī)整的邊界，完全符合排版要求。整齊劃一的幾何之美，看著就讓人覺得賞心悅目。另外，卡片周邊有大量留白，增加了畫面的呼吸感。

⑤布局靈活?？ㄆg可以被堆疊, 覆蓋，可置于圖片、紋理等背景之上，具有明顯的層次感，排版形式非常靈活。

⑥界面友好。手機(jī)APP中大量卡片式風(fēng)格的運(yùn)用早已被觀眾所熟知，所以面對(duì)卡片式風(fēng)格有親切感，容易接受。

3、如何制作卡片風(fēng)格?

卡片風(fēng)格的形式非常簡(jiǎn)單，就是利用矩形框作為容器，放置圖片或文字?？ㄆ瑑?nèi)的常用布局形式如下

另外，還需要注意幾點(diǎn)細(xì)節(jié)。

①邊角處理

分直角和圓角兩種。

直角

最簡(jiǎn)單，只需插入一個(gè)無邊框的矩形即可

圓角

看起來更精致，但圓角的角度不宜過大。選擇插入圓角矩形，并調(diào)整邊角的角度

使用圓角后，為了看起來更真實(shí)，卡片上的圖片或色塊也要做圓角處理。這里要用到PPT的形狀相交功能

②陰影處理

卡片風(fēng)格常常通過陰影來勾畫輪廓。為卡片添加陰影時(shí)要調(diào)整陰影選項(xiàng)中的模糊度，使陰影呈現(xiàn)彌散外觀，模擬卡片懸浮效果，形成層次感。

③背景處理

卡片要與背景形成對(duì)比，使觀眾目光聚焦于卡片區(qū)域。常采用以下幾種背景。

紋理背景

圖片模糊背景(模擬景深效果)

添加了淺色蒙版的圖片背景

漸變蒙版背景

關(guān)于漸變蒙版的制作，這篇文章有具體操作步驟

那些美得不像話的PPT背景，如何打造?

具有頁面留白的圖片

④段落處理

卡片中的文字多采用：

「標(biāo)題+描述文字」的形式

標(biāo)題與描述文字在外觀上要有明顯的區(qū)別，比如使用不同的字號(hào)或字體等。

限于卡片的尺寸，對(duì)說明文字要進(jìn)行適當(dāng)?shù)木?jiǎn)，多采用左對(duì)齊或居中對(duì)齊

⑤多卡片處理

多個(gè)卡片同時(shí)出現(xiàn)時(shí)，要注意每張卡片中的文字段落大體相同，確保段落外觀的一致性