職場中的你一定想做出高大上的PPT杯瞻！但什么才是高大上？在我看來炫掐，PPT設(shè)計就跟做菜一樣魁莉，頁面上的每個元素是最原始的食材，而排版的規(guī)則就是烹飪的技法募胃，最終能做出什么樣的“菜”就看個人對規(guī)則的理解和應(yīng)用程度啦……

文/紙芝居K叔

我們上一次在聊PPT策劃（點擊前往文章）的時候說過旗唁，演示的本質(zhì)其實就是在良好的體驗中高效的傳遞信息。想做好PPT必須扮演好的三個角色摔认，編劇逆皮，需要將PPT的內(nèi)容和邏輯進(jìn)行策劃編排；設(shè)計師参袱，需要將幻燈片的進(jìn)行制作美化电谣；演員秽梅，需要將PPT生動地演繹給觀眾。

前文我們說剿牺，PPT的內(nèi)容邏輯決定了我們整場演示的說服力企垦，要想寫出有邏輯的PPT我們需要掌握一點點的套路，在PPT制作前期晒来，編劇的這個角色非常的重要钞诡。

今天，我們來聊聊怎么做好設(shè)計師這個角色湃崩。我一直有這樣一個觀點荧降，PPT的設(shè)計其實在整個PPT的制作過程中是最簡單的，設(shè)計在一般意義上來講屬于技術(shù)范疇攒读，只要掌握方法朵诫，人人都可以是設(shè)計師。

在我看來啊薄扁，PPT設(shè)計就跟做菜一樣剪返，頁面上的每個元素是最原始的食材，事實上每個人拿到手的原材料其實都是差不多的邓梅，而排版的規(guī)則就是烹飪的技法脱盲，最終能做出什么樣的“菜”就看個人對規(guī)則的理解和應(yīng)用程度啦……

今天我將從頁面元素、排版規(guī)則以及PPT常用的版式三個方面進(jìn)行今天的分享日缨。

1.元素

一個頁面包含的元素

我們知道原始食材的品質(zhì)很大程度上決定了菜肴最終的品相钱反，同樣的道理，要想把PPT設(shè)計好殿遂，我們需要先對頁面的元素進(jìn)行挑選和改造诈铛。我們來看下這個頁面，大家找一下這個頁面一共包含哪些元素墨礁？我們可以很清楚地看到幢竹，有文字、圖片恩静、線條和形狀焕毫。

文字和圖片本身是包含信息的，我們稱之為信息元素驶乾，文字和圖片在頁面上至少需要存在其一邑飒，如果一頁P(yáng)PT上沒有文字也沒有圖片，那么這頁P(yáng)PT將毫無意義级乐；形狀和線條疙咸，本身是不包含任何信息的，我們稱之為輔助元素风科，他們的存在是為了輔助文字或者圖片更好地傳遞信息撒轮。

1.1-文字

選擇和自己PPT內(nèi)容或者風(fēng)格吻合的字體

第一乞旦，選擇和自己PPT內(nèi)容或者風(fēng)格吻合的字體。

大家覺得這兩張圖的字體哪個用的比較合適题山？左邊還是右邊兰粉？很明顯，右邊的字體更適合我們這頁P(yáng)PT想要表達(dá)的意思顶瞳。所以說玖姑，字體是有性格的，不同的字體可以表現(xiàn)不同的意境慨菱，可以大氣磅礴焰络，同樣也可以清新可愛。

推薦萬能字體

所以選擇合適的字體非常重要抡柿，如果說我們的PPT的主題沒有明確的風(fēng)格偏向舔琅，推薦采用這些字體，通用性很強(qiáng)洲劣。當(dāng)然如果你是給公司使用，一定要注意版權(quán)的問題课蔬。

最近也比較流行書法字體囱稽，比如這個。但是問題來了二跋，如果我也想用這個字體战惊，但是不知道這個字體叫啥無法百度到，這個時候怎么辦扎即？

如何找到這個字體吞获？！

沒關(guān)系谚鄙，我們有這個神器各拷，求字體網(wǎng)，只要將你看到的字體截圖上傳到這個網(wǎng)站闷营，它就能幫你找到你想找的字體烤黍，有時候甚至還有下載鏈接，有了它傻盟，以后再也不怕找不到想要的字體速蕊。

| 字體網(wǎng)站推薦 | 求字體網(wǎng)

第二，字體使用的標(biāo)準(zhǔn)是要清晰易看娘赴。

圖片來源于百度

其實规哲，這二十多年來我一直有個疑問，為什么99%的醫(yī)生都不肯好好寫字~比如這個诽表，病歷卡上的字我一個都不認(rèn)識唉锌。如果觀眾看不懂你想要表達(dá)什么腥光，那么這頁P(yáng)PT基本就廢了，因為它無法精準(zhǔn)地傳遞信息糊秆。

為了確保整體風(fēng)格的統(tǒng)一性武福，個人建議一個PPT或者一頁P(yáng)PT上只使用一到兩個字體，能用一個就別用兩個痘番。做PPT的過程中千萬別化身字體狂魔捉片，看到好看的字體就用，這是非彻眨可怕的事情伍纫。除此之外呢，文字的字號不能太小昂芜，建議正文的文字在18-28號之間莹规，文本的行距不能太緊密，太密的話會影響觀眾閱讀體驗泌神，建議設(shè)置個1.2-1.5倍左右的行距為最佳良漱。

1.2-圖片

我們常說一圖勝千言，因為圖片傳遞出來的信息更加的直觀欢际，容易被觀眾接受母市，PPT中經(jīng)常會使用到圖片，選用圖片最基本的標(biāo)準(zhǔn)有兩個损趋，高清和無水印患久。

高大上和丑之間有的時候其實就是差了一張好圖

為什么？我們來看下這兩頁P(yáng)PT 的對比,左邊使用了比較劣質(zhì)的圖片素材浑槽，右邊則替換了高清無水印圖片作為背景蒋失，同樣的內(nèi)容，整體視覺效果高下立見桐玻，所以我們說高大上和丑之間有的時候其實就是差了一張好圖篙挽。

相信絕大部分人最大的困擾不是用不好圖，而是找不到好圖畸冲，所以給大家推薦幾個找圖的好網(wǎng)站嫉髓，全部都是高清好圖免費(fèi)下載僻爽，而且沒有版權(quán)限制赶站，可隨意使用，尤其是第三個網(wǎng)站郑诺，圖片很有創(chuàng)意苫耸，視覺沖擊力都比較強(qiáng)州邢，特別適合做演示！極力推薦！

| 免費(fèi)高清大圖下載網(wǎng)站推薦 | pixabay量淌；pexels骗村；gratisography

PPT圖片處理的8種方法

值得注意的是圖片找到以后一般都不是直接就使用的，我們需要對圖片進(jìn)行進(jìn)一步的處理對呀枢，材料進(jìn)行必要的加工胚股，常用的圖片處理方式有這8種。比如我們一般用剪裁去掉圖片的水印裙秋，通過樣式顏色效果等調(diào)整完成圖片格式的統(tǒng)一琅拌。

圖層蒙版的使用

我們舉個例子，比如我們這個過渡頁摘刑，圖片的背景和文字的顏色對比度不強(qiáng)进宝，明顯文字已經(jīng)有點看不清，這個時候該怎么辦枷恕？
很簡單党晋，我們只要在圖片上加一層黑色半透明的底板就可以，弱化圖片的信息的同時徐块，突出文字信息未玻，對比一下是不是比之前的好多了？我們將這層透明的底板叫做蒙版蛹锰，事實上蒙版是圖片在PPT運(yùn)用當(dāng)中最高頻使用的方法深胳。

1.3-線條

線條一般有虛線、實線铜犬、粗線以及漸變線幾種形式，實際運(yùn)用過程中大家可以根據(jù)自己的需要來選擇轻庆，較細(xì)的實線一般使用的比較多癣猾。

線條在排版中的作用

我們可已通過線條來分割頁面的元素，我也可以使用線條來連接頁面元素余爆，同時線條也可以使串聯(lián)信息的線索纷宇，有時候線條僅僅是平衡頁面的裝飾。

1.4-形狀

基礎(chǔ)形狀沒有信息

形狀的第一類叫做基礎(chǔ)形狀蛾方，主要包含圓形像捶、方形和三角形，在設(shè)計領(lǐng)域他們是最基礎(chǔ)的三個圖形桩砰，通過他們的組合排列可以得出任何的形狀拓春。我之前提到文字和圖片是都是蘊(yùn)含信息的，而形狀沒有意義亚隅，所以在PPT的設(shè)計中硼莽，形狀一直是萬年綠葉的角色，他們的存在一般都是為了讓信息更好的傳達(dá)煮纵。

形狀在應(yīng)用的過程中可以千變?nèi)f化

剛才我們說懂鸵，通過這三個基本圖形可以組合成任何的形狀偏螺，所以形狀在應(yīng)用的過程中可以千變?nèi)f化，不一定局限于這三種形狀之中匆光，比如這個案例套像，圓形和方形的組合，就可以得到這樣一個版式终息。

總是當(dāng)綠葉夺巩，形狀寶寶們心里也有不服氣呀，所以他們搞出了圖標(biāo)這個玩意采幌，將形狀賦予了意義劲够，終于翻身做了回主角。

圖標(biāo)包含信息

????圖標(biāo)也是各大發(fā)布會上經(jīng)常能看到的休傍，圖標(biāo)的呈現(xiàn)簡單直觀征绎，且層次分明，推薦展示信息較多的頁面使用磨取。

同樣人柿，這邊推薦兩個超級方便的矢量圖標(biāo)庫，阿里巴巴圖標(biāo)庫忙厌，使用起來非常方便凫岖，比如我搜索的關(guān)鍵詞是“醫(yī)藥”，就會有各種各樣的與醫(yī)藥相關(guān)的圖標(biāo)供你選用逢净，而且能調(diào)顏色和格式哥放，非常好用，你根本不需要有畫圖標(biāo)的能力爹土，你只要會搜索就可以甥雕。同樣第二個也是圖標(biāo)庫存非常大的一個圖標(biāo)網(wǎng)站，如果你想使用一些擬物化的圖標(biāo)胀茵，可以到這個網(wǎng)站上找找社露。

| 免費(fèi)矢量圖標(biāo)下載網(wǎng)站推薦 | iconfont；easyicon

好的版面琼娘，每一個元素在當(dāng)前頁對觀眾來說都應(yīng)該是最好的視覺體驗峭弟。

2.規(guī)則

講完了“食材”，我們接下來講烹飪的技法脱拼，也就是我們PPT排版的規(guī)則瞒瘸。我們說設(shè)計是相通的，萬變不離其宗挪拟，平面設(shè)計中基本的排版規(guī)則同樣也適用于我們的PPT設(shè)計挨务，整齊、對比、親密以及重復(fù)谎柄。

2.1-整齊

對齊丁侄！對齊！對齊朝巫！

如果你以后想做好PPT的排版鸿摇，千萬別再把頁面的中的元素隨意擺放了，我們說想要做好排版劈猿，可能得先練練視力拙吉，練到一眼就能看出對沒對齊就可以了。

各個元素的對齊

PPT中的主要元素排版都是基于各種邏輯關(guān)系揪荣，如文字與文字筷黔、圖片與圖片、文字與圖片等等仗颈，這些邏輯關(guān)系在視覺上表現(xiàn)為內(nèi)容邊緣或中心焦點統(tǒng)一于一條明朗的視線佛舱。最重要的是各個元素之間也要做好對齊，這里對形狀挨决、文字以及線條也做了居中對齊请祖。甚至四個整體之間也需要做好整體的對齊。所以我們說脖祈，要做好排版肆捕，第一步就是務(wù)必要做好元素間的對齊，這可能需要大家有點強(qiáng)迫癥盖高。

快速對齊工具

很多小伙伴也表示慎陵，我知道要對齊，但是元素太多喻奥，一個個對齊太麻煩了荆姆。其實是你不知道快速對齊的方法，PPT內(nèi)置了快速對齊工具映凳，可以很快速的完成多個對象的對齊和排列。在格式-對齊這里就能看到我們所有的對齊命令邮破，有左對齊诈豌、居中對齊、右對齊抒和、頂端對齊矫渔、底端對齊等。

2.2-對比

為了讓PPT中的內(nèi)容要點展示更有條理摧莽，我們需要通過對比將其重要性層次劃分出來庙洼，同時可以豐富PPT中的內(nèi)容層級，整體內(nèi)容一目了然。

大小油够、顏色蚁袭、形狀、粗細(xì)

為了強(qiáng)化頁面中元素的不同點石咬，通常我們通過大小揩悄、顏色、形狀以及粗細(xì)四種方式鬼悠，突出信息之間的差別删性，形成對比。

2.3-親密

其實就是讓大家建立起模塊化思維焕窝。親密的意思就是蹬挺，在內(nèi)容或者邏輯上相互有關(guān)聯(lián)的元素可以組合在一起形成視覺單元。提高觀眾的信息辨識度它掂，明確歸類的信息分組容易讓觀眾快速理解頁面中各部分內(nèi)容的歸屬關(guān)系巴帮。

模塊化思維

2.4-重復(fù)

其實就是要保持整體的統(tǒng)一性。某一視覺要素在PPT中的多次展現(xiàn)群发，包括特殊字體晰韵、字號、配色熟妓、裝飾性圖形雪猪、圖片風(fēng)格等。

保持整體的統(tǒng)一性|

| 排版書籍推薦 | 《寫給大家看的設(shè)計書》

3.版式推薦

我們說基本的排版原則只能指導(dǎo)方向起愈，或者說提供一個標(biāo)準(zhǔn)只恨，讓大家知道怎么做是正確的。如果想要做出不一樣的設(shè)計還要多去參考和借鑒抬虽，多去看看好的版式是什么樣的并嘗試模仿出來官觅，這樣才能找到PPT設(shè)計的感覺。這里推薦三種在PPT設(shè)計中經(jīng)常能夠使用到的版式阐污，僅供大家參考休涤。

3.1-居中型版式

這個不難理解，就是把想要表達(dá)的主題放在視覺中心笛辟，所有的文字或圖案都是居中對齊功氨，居中型排版具有突出主體、聚焦視線等作用手幢。

居中型版式

3.2-對稱型版式

就是左右或上下圖案沿著對稱軸翻轉(zhuǎn)形成的一種版面捷凄，圖案可以是相同也可以是相似，對稱型版式給人一種整穩(wěn)定围来、醒目大方跺涤、理性的感受匈睁。在突出主體的同時又能給予畫面穩(wěn)定感，并且畫面具有一定的視覺沖擊力桶错。對稱型版式又分為相對對稱和絕對對稱航唆，絕對對稱容易讓畫面顯得呆板，所以相對對稱用的比較多牛曹，可以讓畫面有變化佛点，打破呆板。

對稱型版式

3.3-分割型版式

利用分割線或顏色把畫面分割成幾個塊面黎比，根據(jù)塊面體積的大小來體現(xiàn)主次關(guān)系超营，每個塊面看似相互獨(dú)立但是又相互聯(lián)系在一起，分割型版式需要做好視覺引導(dǎo)阅虫，不然會造成視覺混亂演闭，一般圖片和文字較多時可以使用分割型版式，這樣的版式使畫面中每個部分都是獨(dú)立存在颓帝，在觀看時不會感覺累米碰，做好視覺引導(dǎo)和方向是分割型版式的關(guān)鍵，可以大小對比和顏色對比來豐富畫面购城，使畫面不單調(diào)和擁擠吕座。

分割型版式

當(dāng)然除了上面介紹的版式以外，還有很多排版方法瘪板，比如三角排版吴趴、對角排版、圓形排版侮攀、混合型排版等等锣枝，其實方法都是大同小異，沒什么區(qū)別兰英，最重要的還是要去多看撇叁，多收集好的版式，構(gòu)建自己的版式庫畦贸。

我的版式庫

比如我的版式庫是按照單頁圖片的數(shù)量來分類的陨闹，比如單頁只有一張圖片時有哪些好的版式，平時在瀏覽網(wǎng)站的時候有意識地去收集好的版式薄坏，日積月累你自己的參考版式庫就建立起來啦正林，這里推薦幾個看好設(shè)計的網(wǎng)站。

| 版式收集網(wǎng)站推薦 |behance颤殴；dribbble；pinterest鼻忠；

| 模板網(wǎng)站推薦 | yanj

結(jié)語

PPT的設(shè)計其實很簡單涵但，只要掌握方法和規(guī)律杈绸，人人都是設(shè)計師。下期我們聊配色矮瘟！敬請關(guān)注瞳脓！如果喜歡，請點個贊~

文/kyleChin