PPT製作套路指南
- 2020 年 2 月 17 日
- 筆記
最近正在重做公眾號相關的一些設計以及排版,想到年前部門裡的UI設計大神做了一個關於「PPT設計指南」的分享,正好可以拿來實踐一把。
一直以來,PPT、Word、Excel都是辦公人員的利器。學好Excel,表格報表不用愁,學好Word論文排版不求人。至於PPT,有的公司甚至有了「PPT文化」。做好PPT,幾乎成為升職加薪的「加分項」。
本文對PPT製作一點設計「套路」介紹給大家。無論是在職業晉陞,還是專業技能分享,希望這份指南會給大家帶來職業上的一些幫助。關注公眾號CoderBuff回復「ppt」可獲取PPT示例、模板以及思源黑體安裝包。文末附部分PPT製作工具網站。
文字
文字,是PPT中的第一要素。它包括:字體、字型大小、行距、字重(字的粗細),還有設計感。
字體
中文常見字體有:宋體、黑體。
宋體屬於襯線字體。百度百科中對襯線字體的解釋,「襯線字體容易識別,它強調了每個字母筆畫的開始和結束,因此易讀性比較高,無襯線體則比較醒目。在整文閱讀的情況下,適合使用襯線字體進行排版,易於換行閱讀的識別性,避免發生行間的閱讀錯誤。」
簡而言之,宋體,也就是襯線字體,適用於大範圍的閱讀。
黑體屬於非襯線字體。百度百科中對非襯線字體的解釋,「與襯線字體相反,該類字體通常是機械的和統一線條的,它們往往擁有相同的曲率,筆直的線條,銳利的轉角。」
黑體, 也就是非襯線字體,由於筆畫粗細均勻,長時間閱讀容易出現視覺疲勞,所以常常出現在海報、標題等處。
所以關於字體的選擇,PPT中應當選擇黑體,免費商用的思源黑體常常用作第一選擇。
字型大小
字型大小的選擇,要以倍數來層層遞進。例如以4px為基數,則層層遞進為:4px、8px、12px。
行距
PPT中的行間距建議為1.5~2倍。
這是單倍(1倍)行間距:

這是1.5倍行間距:

這是雙倍(2倍)行間距:

顯然,在PPT這樣的載體上,單倍行距不適於閱讀,1.5~2倍是最佳選擇。
字重
字重,也就是字體的粗細程度。通常我們在製作PPT時會把重點內容加粗,實際上運用好細字體,能讓我們的PPT立馬有高級感,在接下來的「設計感」中會教大家運用字重的一些套路。
* 設計感
前部分是為了讓大家對最基本的「文字」有一個初步的了解,一個好的PPT,實際上就是要有好的設計感。好的設計感並沒有一個固定的範式和評判標準,但仍然有一些套路,讓我們的PPT看起來很有「設計感」。
對比
電影藝術講究衝突、對比。PPT同樣如此,我們以往在製作PPT時過分講究「提綱挈領」,習慣性的將我們要將的內容以「總分總」的形式呈現,而忽略了在視覺傳達上的對比。
中英、顏色、間距、粗細、字型大小、圖文、留白都是常用的套路。
以這頁「目錄」PPT為例:

這是我們常見的一個場景,劃分好我們要講的內容,並通過自帶的「列表」功能將它排版。這在PPT的內容邏輯上非常好,讓聽眾了解要講的內容,並讓聽眾跟隨自己的思路。但這並不是一個具有「設計感」的PPT,我們通過上述套路來對它進行改造。
改造一:去掉多餘的符號

建築大師路德維希·密斯·凡德羅所說「less is more」,所以我們去掉多餘的「·」符號。
改造二:增大行間距

這頁PPT的功能是提綱挈領,所以我們將行間距擴大到3倍。
改造三:中英對比

PPT也是藝術,所以我們通過中英對比,來營造藝術感、設計感。
改造四:粗細對比

這裡中文字重選擇了「極細」,英文字重選擇了「粗體」。(題外話,Windows中製作PPT相比於Mac中的確要略遜一籌。使用Mac的keynote和Google Slides效果更佳。)
改造四:打磨

我們將千篇一律的「目錄」文案替換成「章節」。現在是不是有點設計感了?
要想有設計感,重要的套路就是要有對比——粗細對比
下面在列舉一些通過對比來產生設計感的例子:






在最後一個例子中,字體並沒有選取純黑的字體,並且加入了更強烈的對比元素。
說完了通過字體、字重、語言來增加設計感,接下來,就來談談圖文對比。
圖文對比
圖文對比,並不完全是要求你強行插入一張圖片,它可以以任何方式出現在你的PPT中。例如可以用放大的數字來作為你的PPT背景,既能表達出你講演的邏輯順序,同樣也能表達出一定的設計感。

這樣以數字作為背景的PPT非常容易做,只需要將PPT的背景填充,再添加一個文本框只填充1個數字並放大。

當然除了數字、字母作為背景,常見的還有直接插入圖片。如果一定要插入圖片,那務必是完整、清晰正常比例的圖片。
圖片
在IT行業中,PPT中以軟體為截圖的作為圖片的比比皆是,一是為了說明自身的工作成果,二是為了更好的展示軟體使用。但大多是直接截圖後粘貼到PPT中。有一個東西叫做「樣機」,說白了,就是一個「殼子」,電腦殼子、手機殼子,只要你把截圖往上一放,立馬顯得高大上。

這張PPT並不完全是加入了炫酷的樣機,如果你不具備一定的PS能力,不妨進入這個網站https://www.screely.com,給你的網頁加個邊框,也能達到同樣的效果。
版式
統一
版式講究的是統一,最簡單粗暴的方式就是將上一頁的PPT複製,替換其中的內容。
相同的形式,不同的內容
說了這麼多,給大家總結一下本文對於PPT製作套路的關鍵字——對比,中英對比、粗細對比等。
我也並沒有系統學習過PPT的製作,PPT製作的確也是一門技術和學問,要想做好PPT同樣也需要不斷地實踐練習,本文簡單地總結了我之前聽過的PPT製作分享,如有紕漏或不正確的地方,還希望大家能指出來。
- 在線簡易樣機:https://www.screely.com
- 配色方案:https://www.culrs.com
- RGB顏色查詢對照表:http://www.114la.com/other/rgb.htm