我在標(biāo)題里用的是「有層次感的PPT」,這個(gè)說法可能對大家來說更容易理解,但是層次感只是一種表現(xiàn)形式而不是一種設(shè)計(jì)風(fēng)格,今天其實(shí)要講的是 Material Design。
Material Design是谷歌推出的一種設(shè)計(jì)風(fēng)格,它用在了谷歌所有的產(chǎn)品中,像我們最常見到的,安卓手機(jī),它所有的界面設(shè)計(jì)、交互設(shè)計(jì)都是采用了 Material Design 這個(gè)設(shè)計(jì)風(fēng)格。
Material Design 中的 Material 是「材料」的意思,所以 Material Design 會模擬真實(shí)世界的元素和交互動(dòng)作。
我們知道,在做PPT的流派里,有一種叫 Flat Design,扁平化設(shè)計(jì),非常的流行。而 Material Design 和 Flat Design 相比較,優(yōu)勢就是層次感更加的強(qiáng)。
Material Design 的第一個(gè)核心概念是紙張,紙張是 Material Design 里面最基礎(chǔ)和最重要的元素。
在真實(shí)世界里,我們把字寫在紙張上。而上面提到,Material Design 會模擬真實(shí)世界的元素和交互動(dòng)作,同樣的,我們在PPT中把字寫在紙張上,所以紙張是 Material Design 中的內(nèi)容承載器,我們會在后面的PPT中頻繁的看到紙張。
因?yàn)樵赑PT中紙張起到了承載信息的作用,所以紙張一般都是填充純色的,而且以白色居多。
Material Design 的第二個(gè)核心概念是卡片。在生活中,卡片用紙張來制作,所以卡片在本質(zhì)上是一張紙張。
我們把所有內(nèi)容都書寫在卡片之上使用,包括圖片和文字,然后我們制作不同的卡片,用卡片來分割不同的文意。
那么具體怎么在卡片上進(jìn)行排版,正確的使用卡片呢,我們來看三個(gè)例子。
第一個(gè)例子是純粹的文字,包含標(biāo)題和正文,我們使用大小、粗細(xì)、和間距的不同來區(qū)分標(biāo)題和正文。在純粹的文字排版上,記得在卡片的內(nèi)邊沿四周留出一定的白,千萬不要把文字貼著卡片的邊沿。
第二個(gè)例子,純粹的圖片卡片。
第三個(gè)例子,如果我們需要在圖片卡片上做文字的標(biāo)注,那就用一個(gè)白色遮罩,再在遮罩上面寫字。
Material Design 的第三個(gè)核心概念是陰影??梢赃@樣講,沒有陰影就沒有 Material Design 。前面提過, Material Design 在PPT中的應(yīng)用的優(yōu)勢是能夠突出空間感、層次感,而這種空間感和層次感就是通過應(yīng)用陰影來達(dá)到的。
講講陰影的參數(shù)設(shè)置,這是最關(guān)鍵的。有三個(gè)值基本是不變的,首先顏色是純黑,然后大小是100%,最后角度是90°,90° 就是陰影朝正下方投出的意思。透明度我一般會選擇70%~85%之間,模糊度我一般選擇15磅到20磅,距離從3到15我都試過。數(shù)值不固定,看具體需求。
我在這頁P(yáng)PT上給了一個(gè)參數(shù)搭配的例子和效果圖,大家可以參考一下。
我們先想象一下,在生活中,如果我們有一疊卡片,是不是有的卡片在上面,有的卡片在底部,而在上面的卡片會擋住底部的卡片。
如果大家有使用過 Photoshop ,或者經(jīng)常使用PPT中的“選擇窗格”,那你一定知道更清楚我想講的東西。那么在 Material Design 中同樣存在這樣層的概念,在這里,每一個(gè)元件就是一個(gè)層,層與層通過陰影來表達(dá)它們之間的空間關(guān)系。
大家看一下該圖片,當(dāng)幾個(gè)卡片疊加在一起的時(shí)候,通過陰影來表達(dá)出層次感,我們可以很清晰的看到標(biāo)題一這個(gè)卡片在最頂部,標(biāo)題四卡片在最底部。
由于 Material Design 是一套完整的設(shè)計(jì)方案,所以Google官方給出了推薦的字體。在中文字體上,官方推薦使用 Noto Sans CJK 或者思源黑體,而在西文字體上推薦使用 Roboto。伯健君PPT推薦使用思源黑體。
標(biāo)題的行距使用1.15~1.2倍行距,正文使用1.3~1.5倍行距,具體的數(shù)值還是根據(jù)具體情況確定;
標(biāo)題的顏色設(shè)置為無透明的黑色,就是所謂的純黑,而正文的顏色則設(shè)置為15%~25%的透明度。怎么選擇帶有透明度的黑色?選擇文本后點(diǎn)擊工具欄的更改字體顏色,然后選擇“黑色 淡色25%”。
另外一款字體會有多個(gè)字重,例如思源黑體就有 Heavy、Bold、Medium、Regular、Light等7款字重的字體,大家可以根據(jù)應(yīng)用場景選擇不同的字重,例如我在標(biāo)題上使用了 Bold,在正文上使用了 Regular,在備注上使用了Light。
一份好的PPT里或多或少都會用得到圖標(biāo),而在 Material Design 中對圖標(biāo)的使用也有嚴(yán)格的規(guī)定。
為了簡單、直接的傳達(dá)信息, Material Design 規(guī)定使用扁平化的圖標(biāo),禁止使用擬物化的圖標(biāo)。
同樣的,網(wǎng)上有Google 官方的圖標(biāo)套件,可以使用官方的圖標(biāo)套件也可以使用其他的,只要是扁平化的即可。還需要注意的是,在一個(gè)PPT請使用一整套圖標(biāo)中的原件,以保證風(fēng)格統(tǒng)一。
接下來講顏色,那么 Material Design 是有官方的專用色板,所以如果你想打造一份正宗的 Material Design PPT,請?jiān)诠俜缴逯腥∩?br />
在色板中,每種顏色都有不同的飽和度,也就是我們平常所說的顏色的深淺。根據(jù)官方的調(diào)色規(guī)范,我們使用500飽和度的做主色,700飽和度的做輔色,300飽和度的用來當(dāng)顯示信息的背景。
而一份PPT中應(yīng)該用幾種顏色呢?某位PPT達(dá)人建議不超過4種顏色,我建議選用2~3種顏色,畢竟顏色太多的話就很難駕馭,而且容易變得很low。
像我這份PPT,基本只用了500飽和度的藍(lán)色和500飽和度的粉色。
如果你要從中挑取3種顏色,挑哪3種呢?其實(shí)你隨便挑3種都很好看,真的,不信你就試一下,不過記得飽和度要對應(yīng)就是了。
首先插入形狀,選擇圓角矩形,然后選中圓角矩形,右鍵打開設(shè)置形狀格式,接著用純色填充,一般都是用白色填充,然后線條選擇“無”。
第三步呢就是設(shè)置陰影啦,陰影怎么設(shè)置參數(shù)我也在課件中給出了參考的數(shù)值,如果你確實(shí)不懂得如何搭配參數(shù),你直接使用我的參數(shù)也可以。
第四步,調(diào)整卡片的圓角大小和整體大小。
當(dāng)我們學(xué)會制作一張卡片以后,其實(shí) Material Design 風(fēng)格的PPT我們已經(jīng)學(xué)會了。我們來看一個(gè)簡單的案例,那么現(xiàn)在我就來帶大家分解這一頁P(yáng)PT,把它的制作過程完整的呈現(xiàn)出來。
因?yàn)?Material Design 講究層次感,所以我們首先要把層次區(qū)分出來。放在最底部的是圖片,通過觀察,那么圖片其實(shí)只用了一種效果,就是陰影。參數(shù)我是這樣設(shè)置的,顏色純黑,透明度 80%,模糊 20磅,這都沒什么好說,但我在“大小”這里使用了“103%”的數(shù)值,當(dāng)我們調(diào)整“大小”這里的數(shù)值,陰影會朝著四周去擴(kuò)散。所以這時(shí)候“角度”這個(gè)參數(shù)就不起作用了。
然后倒數(shù)第二層是一個(gè)卡片,效果也只是用了陰影,參數(shù)也不講了,前面講過兩次了。最后頂層的是文本內(nèi)容,在這里我們只需要把文本,按照設(shè)計(jì)的四大基本原則排列好就可以了。
到這里,這一頁P(yáng)PT我們已經(jīng)做出來了。我們應(yīng)用到的知識點(diǎn)是:卡片、陰影、和排版的基本原則。
大家不妨也回去動(dòng)手實(shí)踐一下。
本文作者:【伯健君PPT】
]]>對齊就是使兩個(gè)以上事物配合或接觸得整齊(來自百度百科)。
我嘗試用我的理解作出定義:對齊即兩個(gè)元素參照某條有形或無形的線進(jìn)行排列的排列方法。
對齊意味著有序,而我們的眼睛喜歡看到有序的事物,這給人有種穩(wěn)定、安全的感覺。
在設(shè)計(jì)中,統(tǒng)一性是一個(gè)重要的概念。要讓頁面上的所有元素看上去統(tǒng)一、有聯(lián)系而且彼此相關(guān),需要在每個(gè)單獨(dú)的元素之間存在某種視覺紐帶。
而對齊通過一條“無形的線”將元素連在了一起,形成了這種視覺紐帶。如果頁面上的一些項(xiàng)是對齊的,這會得到一個(gè)更內(nèi)聚的單元。所以在頁面上放其他項(xiàng)時(shí),一定要確保每一項(xiàng)都與頁面上的其他項(xiàng)存在某種對齊。
即便你沒有系統(tǒng)學(xué)習(xí)過,但你一定有意無意地在以往用過這三種對齊方式:左對齊、居中對齊、右對齊。
我用一個(gè)實(shí)際例子來讓大家快速掌握這三種對齊方式。
今天我分享三種最常用的排版方式,看完本文相信你能馬上get起來,快速入門PPT的版式設(shè)計(jì)。
好的排版就是將文字、圖形、圖片等版面構(gòu)成元素合理、有秩序地安放在限定的空間內(nèi)。
往大了說,排版是為了使頁面兼具易讀性和美觀性,讓讀者產(chǎn)生一種舒適愉悅感,從而產(chǎn)生繼續(xù)讀下去的念頭,而不是往你身上砸瓶子或者中途退場。
往更具體的說,排版是為了讓版面具有「穩(wěn)定感」。穩(wěn)定感是人類在長期觀察自然中形成的一種視覺習(xí)慣和審美觀念。
「穩(wěn)定感」通常又包括了平衡感、空間感、比例感。
我們通常運(yùn)用「對稱與均衡」來制造「穩(wěn)定感」。
我們拉出一條中軸線看看:
來看一些使用了左右分布布局的幻燈片例子(還是我的直播課課件):
來看一些使用了上下分布布局的幻燈片例子:
以這張幻燈片舉例:
制作PPT已經(jīng)成為職場中一個(gè)非常重要的技能。無論是開會報(bào)告、內(nèi)部培訓(xùn)還是路演演講,做好PPT就做成了一半(想象一下那些枯燥的會議、毫無美感的PPT以致讓你昏昏入睡的下午)。
然而現(xiàn)實(shí)卻是,絕大部分人的PPT都做得不好,甚至連PPT模板都不會正確使用。
在職場中每天都有成千上萬份PPT被制作出來,講到PPT,我們一定繞不開PPT模板。
可以說 學(xué)會如何正確使用PPT模板已經(jīng)是刻不容緩了!
下面我將講解如何通過三步,利用模板輕松搞定PPT。
要利用模板做出一份優(yōu)秀PPT,第一步就是選擇一份足夠優(yōu)秀的PPT模板。
這似乎是句廢話,但現(xiàn)實(shí)就是在網(wǎng)絡(luò)上充斥著大量的垃圾模板,想要找到一份優(yōu)秀模板似乎并不簡單。
當(dāng)你在百度搜索“PPT精美模板”時(shí),你能看到的99%都是毫無美感的垃圾。
授人以魚不如授人以漁,有了這個(gè)靠譜的模板下載渠道,優(yōu)秀PPT模板找起來也可以很輕松。
世上沒有萬金油PPT,不同風(fēng)格的PPT適用于不同的場合。
優(yōu)秀的PPT模板并不都合適自己,所以請明確自己的用途,找到合適自己的PPT模板才是正確選擇。
一般商務(wù)類型的模板更為通用,你可以把這種「不帶有強(qiáng)烈指向性主題」的模板用到更多場合。這樣的模板移植性更強(qiáng),可用性更高。
而一些「帶有強(qiáng)烈指向性主題」的模板則移植性很差,適用面很窄,你幾乎用不上它,可用性很低。
舉個(gè)例子,一套「星空主題模板」你大概只能用在星際研究領(lǐng)域,或是表達(dá)你的鴻鵠之志是在星辰大海。
另外還有一個(gè)小貼士:
“永遠(yuǎn)把關(guān)注點(diǎn)放在模板的質(zhì)量上,而不是數(shù)量?!?/strong>
不要屯幾千幾百個(gè)PPT,雖然我也做過這種蠢事。
屯這么多的結(jié)果就是:你永遠(yuǎn)不會去看,它只會永遠(yuǎn)靜靜地躺在你的硬盤中。
當(dāng)選擇好了合適的PPT模板,接下來就是把模板里面自己用得上的slide(指PPT中某一頁幻燈片)選出來。
當(dāng)我們下載一個(gè)模板時(shí),我們會發(fā)現(xiàn)里面有好幾十頁的slide(例如我在文末送給大家的模板就有63頁)。
這么多頁要全部都用上嗎?千萬不要。應(yīng)該只選擇你用得上的slide,用不上的等于垃圾。
那么怎么知道哪些slide是合適的、用得上的呢?
這就涉及到制作PPT的步驟和流程了。以后我會專門用一篇文章詳細(xì)講,今天簡單提一下:
制作一個(gè)PPT的正確步驟應(yīng)是先有文字等表達(dá)資料,再用PPT去視覺化呈現(xiàn)。
若我要放幾張圖,就用模板里面多圖排列的slide;
若我要用圖表呈現(xiàn)數(shù)據(jù),就用模板里面圖表slide。
只選擇合適的、用得上的slide,把其他的全部刪掉。
顏色搭配直接影響模板的美觀程度。
那么該如何選擇PPT的配色?你有幾種選擇:
一圖勝千言,好的PPT絕對不只有干巴巴的文字。
但PPT模板里的圖片都是示意性的不能直接拿來就用,那么去哪里又快又好地搜圖呢?
圖片網(wǎng)站千千萬,如果只能推薦一個(gè),我會強(qiáng)烈推薦搜圖利器:pixabay!
選擇pixabay的幾點(diǎn)理由:
中文字體有非常多優(yōu)秀的字體,但那些我會以后再談。
今天會推薦一款最經(jīng)典、最安全、最實(shí)用的字體,它就是:
微軟雅黑(配合微軟雅黑Light食用更佳)。
微軟雅黑的優(yōu)勢在于:
所以從今以后把你每個(gè)PPT的字體從宋體換成微軟雅黑吧!
]]>