islide插件

如何制作一份有層次感的PPT

如何制作一份有層次感的PPT
導讀

什么是所謂的有層次感的PPT 我在標題里用的是「有層次感的PPT」,這個說法可能對大家來說更容易理解,但是層次感只是一種表現形式而不是一種設計風格,今天...

什么是所謂的有層次感的PPT

我在標題里用的是「有層次感的PPT」,這個說法可能對大家來說更容易理解,但是層次感只是一種表現形式而不是一種設計風格,今天其實要講的是 Material Design。
Material Design是谷歌推出的一種設計風格,它用在了谷歌所有的產品中,像我們最常見到的,安卓手機,它所有的界面設計、交互設計都是采用了 Material Design 這個設計風格。

Material Design 中的 Material 是「材料」的意思,所以 Material Design 會模擬真實世界的元素和交互動作。
我們知道,在做PPT的流派里,有一種叫 Flat Design,扁平化設計,非常的流行。而 Material Design 和 Flat Design 相比較,優勢就是層次感更加的強。

紙張

Material Design 的第一個核心概念是紙張,紙張是 Material Design 里面最基礎和最重要的元素。
在真實世界里,我們把字寫在紙張上。而上面提到,Material Design 會模擬真實世界的元素和交互動作,同樣的,我們在PPT中把字寫在紙張上,所以紙張是 Material Design 中的內容承載器,我們會在后面的PPT中頻繁的看到紙張。
因為在PPT中紙張起到了承載信息的作用,所以紙張一般都是填充純色的,而且以白色居多。

卡片

Material Design 的第二個核心概念是卡片。在生活中,卡片用紙張來制作,所以卡片在本質上是一張紙張。
我們把所有內容都書寫在卡片之上使用,包括圖片和文字,然后我們制作不同的卡片,用卡片來分割不同的文意。
那么具體怎么在卡片上進行排版,正確的使用卡片呢,我們來看三個例子。

第一個例子是純粹的文字,包含標題和正文,我們使用大小、粗細、和間距的不同來區分標題和正文。在純粹的文字排版上,記得在卡片的內邊沿四周留出一定的白,千萬不要把文字貼著卡片的邊沿。

第二個例子,純粹的圖片卡片。
第三個例子,如果我們需要在圖片卡片上做文字的標注,那就用一個白色遮罩,再在遮罩上面寫字。

陰影

Material Design 的第三個核心概念是陰影。可以這樣講,沒有陰影就沒有 Material Design 。前面提過, Material Design 在PPT中的應用的優勢是能夠突出空間感、層次感,而這種空間感和層次感就是通過應用陰影來達到的。
講講陰影的參數設置,這是最關鍵的。有三個值基本是不變的,首先顏色是純黑,然后大小是100%,最后角度是90°,90° 就是陰影朝正下方投出的意思。透明度我一般會選擇70%~85%之間,模糊度我一般選擇15磅到20磅,距離從3到15我都試過。數值不固定,看具體需求。
我在這頁PPT上給了一個參數搭配的例子和效果圖,大家可以參考一下。

層的概念

我們先想象一下,在生活中,如果我們有一疊卡片,是不是有的卡片在上面,有的卡片在底部,而在上面的卡片會擋住底部的卡片。
如果大家有使用過 Photoshop ,或者經常使用PPT中的“選擇窗格”,那你一定知道更清楚我想講的東西。那么在 Material Design 中同樣存在這樣層的概念,在這里,每一個元件就是一個層,層與層通過陰影來表達它們之間的空間關系。

大家看一下該圖片,當幾個卡片疊加在一起的時候,通過陰影來表達出層次感,我們可以很清晰的看到標題一這個卡片在最頂部,標題四卡片在最底部。

字體選用

由于 Material Design 是一套完整的設計方案,所以Google官方給出了推薦的字體。在中文字體上,官方推薦使用 Noto Sans CJK 或者思源黑體,而在西文字體上推薦使用 Roboto。伯健君PPT推薦使用思源黑體。

文字使用標準

標題的行距使用1.15~1.2倍行距,正文使用1.3~1.5倍行距,具體的數值還是根據具體情況確定;
標題的顏色設置為無透明的黑色,就是所謂的純黑,而正文的顏色則設置為15%~25%的透明度。怎么選擇帶有透明度的黑色?選擇文本后點擊工具欄的更改字體顏色,然后選擇“黑色 淡色25%”。
另外一款字體會有多個字重,例如思源黑體就有 Heavy、Bold、Medium、Regular、Light等7款字重的字體,大家可以根據應用場景選擇不同的字重,例如我在標題上使用了 Bold,在正文上使用了 Regular,在備注上使用了Light。

圖標

一份好的PPT里或多或少都會用得到圖標,而在 Material Design 中對圖標的使用也有嚴格的規定。
為了簡單、直接的傳達信息, Material Design 規定使用扁平化的圖標,禁止使用擬物化的圖標。
同樣的,網上有Google 官方的圖標套件,可以使用官方的圖標套件也可以使用其他的,只要是扁平化的即可。還需要注意的是,在一個PPT請使用一整套圖標中的原件,以保證風格統一。

顏色

接下來講顏色,那么 Material Design 是有官方的專用色板,所以如果你想打造一份正宗的 Material Design PPT,請在官方色板中取色。
在色板中,每種顏色都有不同的飽和度,也就是我們平常所說的顏色的深淺。根據官方的調色規范,我們使用500飽和度的做主色,700飽和度的做輔色,300飽和度的用來當顯示信息的背景。
而一份PPT中應該用幾種顏色呢?某位PPT達人建議不超過4種顏色,我建議選用2~3種顏色,畢竟顏色太多的話就很難駕馭,而且容易變得很low。
像我這份PPT,基本只用了500飽和度的藍色和500飽和度的粉色。
如果你要從中挑取3種顏色,挑哪3種呢?其實你隨便挑3種都很好看,真的,不信你就試一下,不過記得飽和度要對應就是了。

如何制作一張卡片

首先插入形狀,選擇圓角矩形,然后選中圓角矩形,右鍵打開設置形狀格式,接著用純色填充,一般都是用白色填充,然后線條選擇“無”。
第三步呢就是設置陰影啦,陰影怎么設置參數我也在課件中給出了參考的數值,如果你確實不懂得如何搭配參數,你直接使用我的參數也可以。

第四步,調整卡片的圓角大小和整體大小。

案例制作

當我們學會制作一張卡片以后,其實 Material Design 風格的PPT我們已經學會了。我們來看一個簡單的案例,那么現在我就來帶大家分解這一頁PPT,把它的制作過程完整的呈現出來。


因為 Material Design 講究層次感,所以我們首先要把層次區分出來。放在最底部的是圖片,通過觀察,那么圖片其實只用了一種效果,就是陰影。參數我是這樣設置的,顏色純黑,透明度 80%,模糊 20磅,這都沒什么好說,但我在“大小”這里使用了“103%”的數值,當我們調整“大小”這里的數值,陰影會朝著四周去擴散。所以這時候“角度”這個參數就不起作用了。
然后倒數第二層是一個卡片,效果也只是用了陰影,參數也不講了,前面講過兩次了。最后頂層的是文本內容,在這里我們只需要把文本,按照設計的四大基本原則排列好就可以了。
到這里,這一頁PPT我們已經做出來了。我們應用到的知識點是:卡片、陰影、和排版的基本原則。

大家不妨也回去動手實踐一下。

本文作者:【伯健君PPT】

原作者:伯健君PPT 微信號:bojianjun2017 自媒體大咖進駐

發表評論

移動版關于我們聯系我們版權聲明

PPTfans.cn (PPT設計教程網) ?2012-2020 · 滬ICP備09094377號-1 · 基于Wordpress · 由peaterq設計&制作 ·網站標簽 · 訂閱鄂公網安備 42050602000108號

有困難加站長微信
購買咨詢電話021-34551883
技術交流QQ群120381181
疑難雜癥找站長遇到困難,找站長!
欢乐骰子乐在线客服
微乐吉林麻将下载苹果版 智能炒股app 天天乐棋牌app 闲来贵州麻将苹果版下载 深圳风采35选7复式 大满贯ⅲ李逵劈鱼 四川麻将怎么打 中国福彩河南22选5 贵州高频11选五走势图 江西多乐彩走势图 不联网单机四人麻将 河北排列七开奖信息 德州真人麻将微信群 网络赚钱平台有哪些 麻将来了哪个玩法最大 重庆百变王牌开奖势图