自從谷歌推出 Material Design 設(shè)計(jì)語言后，用卡片作為承載信息的方式，已經(jīng)是很常見的一種設(shè)計(jì)形式了：
卡片設(shè)計(jì)被廣泛用在各類產(chǎn)品和場(chǎng)景中，PPT也不例外。比如剛結(jié)束不久的蘋果春季發(fā)布會(huì)，PPT中就用到了卡片排版：
卡片的區(qū)塊化結(jié)構(gòu)能讓頁(yè)面層次清晰易讀，是頁(yè)面布局中的利器。有時(shí)候僅使用卡片來排版，也能做出一套不錯(cuò)的PPT：
然而很多時(shí)候，我們進(jìn)行卡片排版時(shí)，往往會(huì)忽略很多細(xì)節(jié)的處理，導(dǎo)致頁(yè)面效果生硬，比如像下面的案例：
那么，如何快速地提升卡片的排版設(shè)計(jì)效果呢？
今天這篇文章就給大家總結(jié)一下，卡片排版的一些細(xì)節(jié)要點(diǎn)。
?一、卡片繪制細(xì)節(jié)
在PPT中，我們是用矩形來繪制卡片，通過給矩形設(shè)置顏色、紋理、陰影等參數(shù)效果，讓卡片的質(zhì)感豐富起來。
1.角部弧度
卡片設(shè)計(jì)常見的角部弧度有直角和圓角這兩種：
我們常常使用圓角卡片來排版內(nèi)容，因?yàn)橹苯堑目ㄆ怖矢呃?，有一定的攻擊性質(zhì)：
而圓角容易被人眼識(shí)別，卡片邊界的區(qū)分更明顯；且柔和的圓角更具親和力，給人安全感和舒適感：
2.卡片顏色
卡片的顏色填充可以是純色或漸變色（黑白灰為無彩色）。
純色卡片只有一種色調(diào)，但卻比較難把控，因?yàn)閱我坏念伾?，看起來?huì)比較沉悶呆板：
對(duì)此比較好的解決方法，是改用不同明度的漸變色來填充，讓卡片細(xì)節(jié)層次更加豐富：
怎么設(shè)置不同明度的漸變呢？很簡(jiǎn)單，拿下面的深黃色卡片舉例：
我們選擇45°方向的線性漸變，然后兩個(gè)光圈顏色均選用原來的色值：
接下來，我們通過調(diào)整兩個(gè)光圈的亮度百分比，就可以得到不同明度的漸變色：
來看看調(diào)整后的效果，與之前比較，卡片會(huì)更有光澤感：
3.卡片投影
給卡片添加投影效果，可以營(yíng)造卡片懸浮感，從而增加頁(yè)面的空間層次：
一般不建議直接選用PPT中的投影預(yù)設(shè)，因?yàn)檫@些預(yù)設(shè)投影比較生硬，不夠柔和自然：
怎么調(diào)節(jié)出柔和自然的陰影呢？大致可以分為三個(gè)步驟：
第一，選擇與背景色相近的深色作為陰影色，比如下面卡片的陰影色為深紫色：
第二，縮小陰影的大小，然后加大陰影距離：
第三，把陰影的模糊度調(diào)大，如果覺得陰影色還是太深，可以適當(dāng)?shù)丶哟笸该鞫龋?/p>
與預(yù)設(shè)的陰影相對(duì)比，調(diào)整后的陰影效果會(huì)柔和很多:
二、卡片內(nèi)容排版細(xì)節(jié)
講完卡片繪制的細(xì)節(jié)，接下來我們來看下卡片內(nèi)容的排版。
1.間隙相同
無論是卡片的縱向或是橫向，它們之間的間隙距離，最好能保持一致：
整齊一致的間隙距離，有助于保持頁(yè)面的均衡和美觀：
2.四周留白
卡片上的內(nèi)容信息，與卡片的邊界要留有適當(dāng)?shù)木嚯x：
為什么要適當(dāng)留白呢？我們先來看下面的反例。
卡片上的內(nèi)容信息緊貼著卡片兩側(cè)邊界，此時(shí)整體頭輕底重，底部文字太擁擠，看著沒有呼吸感：
而給卡片四周適當(dāng)?shù)亓舭缀?，?yè)面效果看著就會(huì)舒暢了許多：
3.文字行數(shù)不宜過多
卡片上的文字的縱向行數(shù)，最好不要超過5行，因?yàn)樾袛?shù)過多容易增加閱讀成本：
還有文字的層級(jí)區(qū)分要明顯，我們可以通過不同字重、字號(hào)和顏色的設(shè)置，從而產(chǎn)生清晰信息層級(jí)：
4.減少線框使用
我們經(jīng)常會(huì)使用線框來區(qū)分信息內(nèi)容，但當(dāng)卡片上使用過多的線框時(shí)，反而會(huì)導(dǎo)致頁(yè)面的擁擠：
減少線框的使用，或是用淺色色塊代替線框，這樣卡片上信息區(qū)分清晰的同時(shí)，整體效果也會(huì)好很多：
?三、卡片常見版式
在PPT中，利用卡片進(jìn)行排版，常見的版式有哪些呢？
1.并列排版
這應(yīng)該是最常見的卡片排版版式，比如下面這個(gè)案例，頁(yè)面有三段并列的內(nèi)容信息：
我們找來對(duì)應(yīng)的圖標(biāo)，然后用卡片元素來承載文字信息：
接下來給卡片添加陰影，在底部加入色塊來豐富頁(yè)面層次：
最后再添加一些修飾粒子元素，這樣一張卡片并列排版就完成了：
2.上下錯(cuò)位排版
我們只需將并列版式稍微錯(cuò)位，就可以做出有節(jié)奏感的上下錯(cuò)落排版：
又或是常見四段頁(yè)內(nèi)容的錯(cuò)落排版：
除此之外，還可以給卡片稍微旋轉(zhuǎn)一個(gè)角度，這樣錯(cuò)位的感覺又會(huì)不一樣：
3.大小不一錯(cuò)落排版
當(dāng)卡片的大小不一致時(shí)，我們可以考慮錯(cuò)落排版，像蘋果發(fā)布會(huì)的PPT，這樣能夠有效利用頁(yè)面的空間：
這里再舉一個(gè)例子，比如這張有關(guān)風(fēng)電特點(diǎn)的頁(yè)面：
我們將各個(gè)特點(diǎn)拆分開來，然后用大小不一的卡片承載內(nèi)容：
接下來根據(jù)文字信息的含義，找來相關(guān)的圖片填充進(jìn)卡片中：
最后調(diào)整字體的字重、大小和顏色，突出關(guān)鍵詞，這樣一頁(yè)蘋果卡片風(fēng)PPT就做好了：
4.三維空間排版
顧名思義，可以通過給卡片設(shè)置三維參數(shù)，進(jìn)行三維空間排版：
我們來看下案例，比如下面這張五段頁(yè)卡片排版：
分別給左右兩側(cè)的卡片設(shè)置「透視：左」和「透視：右」的三維參數(shù)：
然后將它們湊在一起，就有這樣空間感滿滿的頁(yè)面了：
此外，我們通過設(shè)置不同的三維參數(shù)，可以繪制出不同旋轉(zhuǎn)角度的卡片，從而進(jìn)行豐富的三維排版布局：
好了，以上就是關(guān)于卡片排版的內(nèi)容，最后我們來總結(jié)一下：
·
原標(biāo)題：庫(kù)克最愛用的這張發(fā)布會(huì)PPT！google也常用，太高級(jí)了...
]]>
或是這樣的：
當(dāng)看到這樣的 PPT 時(shí)，除非你是一個(gè)非常有耐心的人，否則，可能你的大腦是拒絕來閱讀頁(yè)面上的文字的。因?yàn)樗鼈兘o人的感覺是壓抑的，一大堆密密麻麻的文字?jǐn)[在上面，顯得很擠。
那么，如何避免這種擁擠帶來的壓抑感呢？
這就要引入咱們今天聊的這個(gè)設(shè)計(jì)思維，叫呼吸感。
什么是呼吸感呢？也就是說，內(nèi)容與整個(gè)頁(yè)面比例關(guān)系的強(qiáng)弱。當(dāng)內(nèi)容占據(jù)頁(yè)面過大比例時(shí)，呼吸感就會(huì)弱，反之則強(qiáng)。
給大家舉個(gè)例子。就拿上面的那張 PPT 來說。
如果我們用色塊來表示這個(gè)比例關(guān)系時(shí)，我們可以看到，大概是這個(gè)樣子。
文字內(nèi)容幾乎占滿了右半塊，所占比例過大，呼吸感自然很弱。
而如果我們對(duì)右邊的文字進(jìn)行處理，重新排版之后，做成這樣呢？
這時(shí)候，頁(yè)面的呼吸感就會(huì)強(qiáng)很多。
很多朋友可能會(huì)說，你把文字字號(hào)縮小了，這當(dāng)然有呼吸感了。我在這里解釋一下這個(gè)問題。
我之所以把正文字號(hào)縮小，是為了留出足夠多的空間，以此突出展示重點(diǎn)內(nèi)容。而如果所有文字字號(hào)一般大地?cái)D在一堆，那么，哪里還有什么重點(diǎn)呢？
這就是 PPT 設(shè)計(jì)中的呼吸感，當(dāng)文字內(nèi)容周圍擁有足夠多的空間時(shí)，別人就會(huì)把注意力集中于此。
那么，它有哪些應(yīng)用場(chǎng)景呢？
場(chǎng)景1：
在排版時(shí)，為了能夠凸顯重點(diǎn)部分的內(nèi)容，那么，我們就要盡量削減非重點(diǎn)內(nèi)容占據(jù)頁(yè)面的比例，從而達(dá)到，重點(diǎn)醒目突出，頁(yè)面呼吸感強(qiáng)的效果。
一般來說，有標(biāo)題和正文之分的時(shí)候，盡量多留空間給標(biāo)題部分，來突出重點(diǎn)。
場(chǎng)景2：
當(dāng)我們?cè)谛螤钪刑畛湮淖謨?nèi)容時(shí)，也需要考慮呼吸感這個(gè)感念，也就是說，不要讓文字內(nèi)容塞滿整個(gè)形狀。如果內(nèi)容實(shí)在很多的話 ，那么，就擴(kuò)大形狀或者縮小文字，來增加呼吸感。
這是文字塞滿形狀的情況，缺乏呼吸感。
縮小字號(hào)，讓文字距離形狀的邊框有一定距離，就會(huì)好很多。
以上，就是我希望你擁有的第一個(gè)設(shè)計(jì)思維，保持呼吸感。
總結(jié)一下：
- 做 PPT 時(shí)，不要試圖把內(nèi)容塞滿整個(gè)頁(yè)面。而如果實(shí)在很多，可以考慮分頁(yè)，縮小字號(hào)等。
- 增加呼吸感是為了做到更好的內(nèi)容排版。在一張 PPT 上，千萬不要把所有文字內(nèi)容都放大，這樣會(huì)淹沒掉重點(diǎn)內(nèi)容。
這是最近剛準(zhǔn)備的新欄目，有什么想法，跟我聊聊唄？
返回PPT設(shè)計(jì)小思維系列教程