自從谷歌推出 Material Design 設(shè)計(jì)語言后，用卡片作為承載信息的方式，已經(jīng)是很常見的一種設(shè)計(jì)形式了：

卡片設(shè)計(jì)被廣泛用在各類產(chǎn)品和場(chǎng)景中，PPT也不例外。比如剛結(jié)束不久的蘋果春季發(fā)布會(huì)，PPT中就用到了卡片排版：

卡片的區(qū)塊化結(jié)構(gòu)能讓頁面層次清晰易讀，是頁面布局中的利器。有時(shí)候僅使用卡片來排版，也能做出一套不錯(cuò)的PPT：

然而很多時(shí)候，我們進(jìn)行卡片排版時(shí)，往往會(huì)忽略很多細(xì)節(jié)的處理，導(dǎo)致頁面效果生硬，比如像下面的案例：

那么，如何快速地提升卡片的排版設(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è)置不同明度的漸變呢？很簡單，拿下面的深黃色卡片舉例：

我們選擇45°方向的線性漸變，然后兩個(gè)光圈顏色均選用原來的色值：

接下來，我們通過調(diào)整兩個(gè)光圈的亮度百分比，就可以得到不同明度的漸變色：

來看看調(diào)整后的效果，與之前比較，卡片會(huì)更有光澤感：

3.卡片投影

給卡片添加投影效果，可以營造卡片懸浮感，從而增加頁面的空間層次：

一般不建議直接選用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.間隙相同

無論是卡片的縱向或是橫向，它們之間的間隙距離，最好能保持一致：

整齊一致的間隙距離，有助于保持頁面的均衡和美觀：

2.四周留白

卡片上的內(nèi)容信息，與卡片的邊界要留有適當(dāng)?shù)木嚯x：

為什么要適當(dāng)留白呢？我們先來看下面的反例。

卡片上的內(nèi)容信息緊貼著卡片兩側(cè)邊界，此時(shí)整體頭輕底重，底部文字太擁擠，看著沒有呼吸感：

而給卡片四周適當(dāng)?shù)亓舭缀螅撁嫘Ч粗蜁?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)致頁面的擁擠：

減少線框的使用，或是用淺色色塊代替線框，這樣卡片上信息區(qū)分清晰的同時(shí)，整體效果也會(huì)好很多：

?三、卡片常見版式

在PPT中，利用卡片進(jìn)行排版，常見的版式有哪些呢？

1.并列排版

這應(yīng)該是最常見的卡片排版版式，比如下面這個(gè)案例，頁面有三段并列的內(nèi)容信息：

我們找來對(duì)應(yīng)的圖標(biāo)，然后用卡片元素來承載文字信息：

接下來給卡片添加陰影，在底部加入色塊來豐富頁面層次：

最后再添加一些修飾粒子元素，這樣一張卡片并列排版就完成了：

2.上下錯(cuò)位排版

我們只需將并列版式稍微錯(cuò)位，就可以做出有節(jié)奏感的上下錯(cuò)落排版：

又或是常見四段頁內(nèi)容的錯(cuò)落排版：

除此之外，還可以給卡片稍微旋轉(zhuǎn)一個(gè)角度，這樣錯(cuò)位的感覺又會(huì)不一樣：

3.大小不一錯(cuò)落排版

當(dāng)卡片的大小不一致時(shí)，我們可以考慮錯(cuò)落排版，像蘋果發(fā)布會(huì)的PPT，這樣能夠有效利用頁面的空間：

這里再舉一個(gè)例子，比如這張有關(guān)風(fēng)電特點(diǎn)的頁面：

我們將各個(gè)特點(diǎn)拆分開來，然后用大小不一的卡片承載內(nèi)容：

接下來根據(jù)文字信息的含義，找來相關(guān)的圖片填充進(jìn)卡片中：

最后調(diào)整字體的字重、大小和顏色，突出關(guān)鍵詞，這樣一頁蘋果卡片風(fēng)PPT就做好了：

4.三維空間排版

顧名思義，可以通過給卡片設(shè)置三維參數(shù)，進(jìn)行三維空間排版：

我們來看下案例，比如下面這張五段頁卡片排版：

分別給左右兩側(cè)的卡片設(shè)置「透視：左」和「透視：右」的三維參數(shù)：

然后將它們湊在一起，就有這樣空間感滿滿的頁面了：

此外，我們通過設(shè)置不同的三維參數(shù)，可以繪制出不同旋轉(zhuǎn)角度的卡片，從而進(jìn)行豐富的三維排版布局：

好了，以上就是關(guān)于卡片排版的內(nèi)容，最后我們來總結(jié)一下：

·

原標(biāo)題：庫克最愛用的這張發(fā)布會(huì)PPT！google也常用，太高級(jí)了...

PPT手繪的文章在pptfans網(wǎng)，已經(jīng)介紹過很多，今天給大家分享一份關(guān)于超級(jí)互聯(lián)網(wǎng)公司google的手繪PPT，一定會(huì)讓你大開眼界。

以下為正文內(nèi)容:

《Google 是如何運(yùn)作的》一書于今年 9 月出版，作者是如雷貫耳的 Google 前 CEO 埃里克·施密特和 Google 高級(jí)副總裁喬納森·羅森伯格。本文中的 54 張插圖則是施密特不久前剛在網(wǎng)上公開的 PPT 精簡版，比枯燥的文字多了幾分生趣，插圖的創(chuàng)意和洞察也入木三分，無論你是企業(yè)家、普通職員還是即將進(jìn)入社會(huì)的學(xué)生，都能在里面找到可學(xué)習(xí)之處。

來看看主流媒體對(duì)這本書的評(píng)價(jià)吧：

Google 如何為創(chuàng)意型員工打造出獨(dú)特的企業(yè)文化？前 CEO 和高級(jí)副總裁終于將謎底揭曉。 ?——《財(cái)富》雜志

如果你希望自己的企業(yè)和員工時(shí)刻為一個(gè)鼓舞人心的未來準(zhǔn)備著，這本書能帶給你能量和激情，會(huì)是一本很好的入門書。 ?——《出版者周刊》

一本從成功商人的視角寫成的 Google 指南，信息翔實(shí)，展現(xiàn)的層面多樣化又很有創(chuàng)意。 ?——美國最著名的書評(píng)雜志《Kirkus》

即使不看文字，插畫流暢瀟灑的風(fēng)格和深刻的內(nèi)涵相信也能吸引住你。眼尖的讀者可能已經(jīng)發(fā)現(xiàn)了，這種手繪風(fēng)格出自一款 iPad 應(yīng)用——Paper 之手，任何無繪畫基礎(chǔ)的人試著在上面隨意涂鴉兩筆，也許就能成就一幅佳作。

源文件下載請(qǐng)翻到文章底部。

PPT 完整版（圖片下方附中文解說）：

當(dāng)喬納森和施密特剛加入 Google 的時(shí)候，我們以為自己已經(jīng)知道了關(guān)于成功經(jīng)營的所有訣竅。

但我們很快就發(fā)現(xiàn)自己對(duì)經(jīng)營的見解全都錯(cuò)得離譜。

我們需要制定出一套新的商業(yè)規(guī)則，讓公司在互聯(lián)網(wǎng)時(shí)代也能站穩(wěn)腳跟。以下是我們總結(jié)的經(jīng)驗(yàn)。

我們首先拋出一個(gè)施密特最愛問的問題：現(xiàn)在和之前有什么區(qū)別？

有什么區(qū)別？

有什么變得不一樣了？有哪些人們的假設(shè)已經(jīng)不再正確？為什么事物似乎發(fā)展得越來越快？

以下是我們給出的答案：

科技正在改變商業(yè)的方方面面。全世界的信息和媒體都是在線的。移動(dòng)設(shè)備讓人們可以隨時(shí)隨地聯(lián)系任何人。云計(jì)算將一個(gè)超級(jí)計(jì)算機(jī)收入你的口袋中。

因此，多年以來的準(zhǔn)入門檻也不復(fù)存在?，F(xiàn)存的企業(yè)極易受到競(jìng)爭和干擾的影響。

這種改變速度空前，而且仍在加速。摩爾定律已經(jīng)應(yīng)驗(yàn)，科技正在失控。

占據(jù)主導(dǎo)的不再是企業(yè)，而是消費(fèi)者，人們抱著前所未有的期待。企業(yè)不再可能借一款低劣的產(chǎn)品就僥幸成功，即使成功了也不可能持續(xù)太久。一個(gè)很好的例子就是，低劣的產(chǎn)品會(huì)收到很低的評(píng)分，這使得市場(chǎng)靈活而真實(shí)。在今天，優(yōu)質(zhì)的產(chǎn)品才能獲勝。

同時(shí)，企業(yè)的力量也發(fā)生了巨變。個(gè)體或小團(tuán)隊(duì)可以擁有巨大的影響力。他們可以創(chuàng)造出嶄新的想法，再歷經(jīng)測(cè)試、失敗，再重新開始，最后成功獲得全球市場(chǎng)。

這些擁有最大影響力的人，我們稱之為“聰明的創(chuàng)意人員”。

他們是結(jié)合了知識(shí)、商業(yè)專長和創(chuàng)造力的產(chǎn)品人。如果你把當(dāng)今的科技工具放到他們手中，并給予他們發(fā)揮的自由，他們可以以一種出奇的速度，創(chuàng)造出奇的產(chǎn)品。

問題是，今天的大多數(shù)企業(yè)，他們的目的是讓風(fēng)險(xiǎn)最小化，而不是讓自由和速度最大化。信息和數(shù)據(jù)被嚴(yán)格保密，卻沒有用作共享。在過去的年代，犯錯(cuò)成本高昂，人們贊賞三思而后行，而他們的設(shè)計(jì)就是那個(gè)年代遺留的產(chǎn)物。決策權(quán)被掌握在少數(shù)人手中。

換言之，絕大部分公司在設(shè)計(jì)方面都行動(dòng)太緩慢！

這在互聯(lián)網(wǎng)時(shí)代根本行不通。

那么，什么才行得通？

創(chuàng)建一項(xiàng)成功的互聯(lián)網(wǎng)時(shí)代冒險(xiǎn)事業(yè)。

我們發(fā)現(xiàn)，只有吸引聰明的創(chuàng)意人員作員工，并為他們創(chuàng)造出開放式成長的環(huán)境，事業(yè)才能長久地保持成功。

你應(yīng)該怎么做呢？

首先，你需要吸引那些聰明的創(chuàng)意人員，他們可不容易糊弄。

你得從企業(yè)文化著手。創(chuàng)意人員在意他們工作的環(huán)境。

所以，盡早開始規(guī)劃企業(yè)文化。作為團(tuán)隊(duì)你在乎什么，工作和決策的方式是怎樣的，這些都要考慮并梳理成文檔。

然后按照企業(yè)文化中的標(biāo)語說的那樣那樣生存下去。

最好是以小團(tuán)隊(duì)的形式工作，讓大家保持關(guān)系緊密，并抓住偶然發(fā)現(xiàn)的聯(lián)系好好培養(yǎng)。

圍繞著那個(gè)影響力最大的人組建企業(yè)團(tuán)隊(duì)。

接下來要考慮的便是策略。大多數(shù)人開創(chuàng)一份冒險(xiǎn)事業(yè)前都會(huì)做商業(yè)計(jì)劃。但是事物變化得太快，任何完全 MBA 式的商業(yè)計(jì)劃都必定在某些至關(guān)重要的方面是錯(cuò)的。

聰明的創(chuàng)意人員知道這一點(diǎn)，他們會(huì)擔(dān)心，一份規(guī)規(guī)矩矩的商業(yè)計(jì)劃會(huì)妨礙他們的自由。

（喬納森剛進(jìn)入 Google 的時(shí)候，他的第一個(gè)產(chǎn)品中就有這樣一份計(jì)劃。拉里·佩奇（Google 現(xiàn)任 CEO）說那份計(jì)劃看起來很蠢。）

你的事業(yè)不應(yīng)該建立在一份商業(yè)計(jì)劃上，而應(yīng)該以策略為基礎(chǔ)。你可以有計(jì)劃，但要心里有數(shù)，這份計(jì)劃可能會(huì)有很大變動(dòng)。計(jì)劃是可變的，策略卻很穩(wěn)定。

好的策略基礎(chǔ)有三根支柱：1、創(chuàng)造基于獨(dú)特科技洞察的優(yōu)秀產(chǎn)品；2、為增長而不是利潤做調(diào)整；3、知道競(jìng)爭對(duì)手的情況，但不隨同。

好了，現(xiàn)在要把那些創(chuàng)意人員招進(jìn)公司。切記，你要做的最重要的事就是招聘。

很多人都這么說，但他們還是把事情委托給人事相關(guān)人員。每個(gè)人，每！一！個(gè)！人！都要在招聘環(huán)節(jié)上肯花費(fèi)精力。

現(xiàn)在你已經(jīng)吸引并組建了一個(gè)充滿創(chuàng)意人員的團(tuán)隊(duì)，你需要給他們一個(gè)放養(yǎng)的環(huán)境，讓他們可以自由成長。

這從你制定決策的方式開始。正確的方式可以讓他們知道，自己原來可以產(chǎn)生很大影響。如果決策方式不對(duì)，就會(huì)扼殺了他們的志氣。

大部分考慮長遠(yuǎn)的企業(yè)都標(biāo)榜自己制定的決策能夠達(dá)成共識(shí)，但他們不理解什么是“共識(shí)”。

并不是每個(gè)人都同意就能稱之為“共識(shí)”，“共識(shí)”意味著每個(gè)人都能發(fā)聲，每個(gè)人的意見都能被聽到，最終大家團(tuán)結(jié)地站在最好的決策那一邊。

交流和制定決策同樣重要。和決策一樣，大多數(shù)領(lǐng)導(dǎo)者都認(rèn)為自己很擅長交流，當(dāng)然，他們大多數(shù)都錯(cuò)了。

盡量讓交流保持開放。讓信息流動(dòng)得更快一些，信息的聲量更大一些，讓更多人能參與進(jìn)去。

正確做好這些事，然后你的事業(yè)就有機(jī)會(huì)涅槃，獲得巨大變革。

但是請(qǐng)記住，作為 CEO，你還必須是個(gè) CIO（首席創(chuàng)新官）。創(chuàng)新不能被擁有或任命，它需要被允許。命令創(chuàng)意人員讓他們進(jìn)行創(chuàng)新，這不一定有效，正確的方式是放任他們?nèi)プ觥?/strong>