您的位置:首頁>設計>正文

排版篇丨沒學過設計,就做不出好看的PPT?

想做好PPT必須扮演好的三個角色:

編劇, 需要將PPT的內容和邏輯進行策劃編排;

設計師, 需要將幻燈片的進行製作美化;

演員, 需要將PPT生動地演繹給觀眾。

而PPT設計在整個PPT的製作過程中其實是最簡單的一環。 設計在一般意義上來講屬於技術範疇, 只要掌握方法, 人人都可以是設計師。

元素改造

我們知道原始食材的品質很大程度上決定了菜肴最終的品相, 同樣的道理, 要想把PPT設計好, 我們需要先對頁面的元素進行挑選和改造。

PPT通常包含文字、圖片、圖表和形狀等元素。

文字和圖片包含資訊, 我們稱之為資訊元素;

形狀和線條, 本身是不包含任何資訊的, 我們稱之為輔助元素。 他們的存在是為了輔助文字或者圖片更好地傳遞資訊。

選擇風格吻合的字體。

字體是有性格的, 不同的字體可以表現不同的意境, 可以大氣磅礴, 同樣也可以清新可愛。

選擇合適的字體非常重要。

如果說我們的PPT主題沒有明確的風格偏向, 推薦採用這些字體, 通用性很強。 當然如果你是給公司使用, 一定要注意版權的問題。

最近也比較流行書法字體, 比如下圖。

但是問題來了, 如果我也想用這個字體, 但是不知道這個字體叫啥無法百度到,

這個時候怎麼辦?

沒關係, 我們有個神器, 求字體網。

求字體網 【http://www.qiuziti.com/】

為了確保整體風格的統一性, 個人建議一個PPT或者一頁PPT上只使用一到兩個字體, 能用一個就別用兩個。 做PPT的過程中千萬別化身字體狂魔, 看到好看的字體就用, 這是非常可怕的事情。

除此之外, 文字的字型大小不能太小, 建議正文的文字在18-28號之間, 文本的行距不能太緊密, 太密的話會影響觀眾閱讀體驗, 建議設置個1.2-1.5倍左右的行距為最佳。

高大上和醜就是差了一張好圖。

一圖勝千言, 圖片傳遞出來的資訊更加直觀, 容易被觀眾接受, PPT中經常會使用到圖片, 選用圖片最基本的標準有兩個, 高清和無浮水印。

我們來看下這兩頁PPT的對比,左邊使用了比較劣質的圖片素材,

右邊則替換了高清無浮水印圖片作為背景, 同樣的內容, 整體視覺效果高下立見, 高大上和醜之間有的時候其實就是差了一張好圖。

好圖哪裡找!?

相信絕大部分人最大的困擾不是用不好圖, 而是找不到好圖。

Pixabay 【https://pixabay.com/】

Pexels 【https://www.pexels.com/】

Unsplash【https://unsplash.com】

值得注意的是, 圖片找到以後一般都不是直接就能使用的, 我們需要對圖片進行進一步的處理, 比如我們一般使用剪裁功能去掉圖片的浮水印, 通過樣式顏色效果等調整完成圖片格式的統一。

舉個例子, 比如我們這個過渡頁, 圖片的背景和文字的顏色對比度不強, 明顯文字已經有點看不清, 這個時候該怎麼辦?

很簡單, 我們只要在圖片上加一層黑色半透明的底板就可以, 弱化圖片的資訊的同時,

突出文字資訊, 對比一下是不是比之前的好多了?

這層透明的底板叫做蒙版, 蒙版是圖片在PPT運用當中使用最高頻的方法之一。

形狀輔助資訊傳遞

形狀沒有意義, 所以在PPT中, 形狀一直是萬年綠葉的角色, 他們的存在一般都是為了讓資訊更好的傳達。

圖示包含資訊

總是當綠葉, 形狀寶寶們心裡也有不服氣呀, 所以他們搞出了圖示這個玩意, 將形狀賦予了意義, 終於翻身做了回主角。

圖示也是各大發佈會上經常能看到的, 圖示的呈現簡單直觀, 且層次分明, 推薦展示資訊較多的頁面使用。 推薦一個超好用的線上圖示庫, 阿裡巴巴向量圖示庫。

圖示庫【http://www.iconfont.cn/】

好的版面, 每一個元素在當前頁于觀眾來說都應該是最好的視覺體驗。

排版規則

元素改造完畢以後,PPT美化的工作其實已經完成了70%,剩下的工作把元素排排齊整就差不多了。設計是相通的,平面設計中基本的排版規則同樣也適用於我們的PPT設計。

整齊—對齊!對齊!對齊!

如果你以後想做好PPT的排版,千萬別再把頁面的中的元素隨意擺放了,想要做好排版,可能得先練練視力,練到一眼就能看出對沒對齊就可以了。

PPT中的主要元素排版都是基於各種邏輯關係,如文字與文字、圖片與圖片、文字與圖片等等,這些邏輯關係在視覺上表現為內容邊緣或中心焦點統一于一條明朗的視線,這可能需要大家有點強迫症。

對比—營造視覺層級

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

為了強化頁面中元素的不同點,通常我們通過大小、顏色、形狀以及粗細四種方式,突出資訊之間的差別,形成對比。

親密—模組化思維

在內容或者邏輯上相互有關聯的元素可以組合在一起形成視覺單元。提高觀眾的資訊辨識度,明確歸類的資訊分組容易讓觀眾快速理解頁面中各部分內容的歸屬關係。

重複—保持整體的統一性

某一視覺要素在PPT中的多次展現,包括特殊字體、字型大小、配色、裝飾性圖形、圖片風格等。

版式推薦

排版四原則只能告訴你,什麼是錯的設計,並不能告訴你什麼是好設計。

如果想要做出不一樣的設計還要多去參考和借鑒,多去看看好的版式是什麼樣的並嘗試模仿出來,這樣才能找到PPT設計的感覺。

推薦三種在PPT設計中經常能夠使用到的版式,僅供大家參考。

居中型版式

把想要表達的主題放在視覺中心,所有的文字或圖案都是居中對齊,居中型排版具有突出主體、聚焦視線等作用。

對稱型版式

左右或上下圖案沿著對稱軸翻轉形成的一種版面,圖案可以是相同也可以是相似,對稱型版式給人一種整穩定、醒目大方、理性的感受。在突出主體的同時又能給予畫面穩定感,並且畫面具有一定的視覺衝擊力。

分割型版式

利用分割線或顏色把畫面分割成幾個塊面,根據塊面體積的大小來體現主次關係,每個塊面看似相互獨立但是又相互聯繫在一起,分割型版式需要做好視覺引導,不然會造成視覺混亂,可以大小對比和顏色對比來豐富畫面,使畫面不單調和擁擠。

除了上面介紹的版式以外,還有很多排版方法,比如三角排版、對角排版、圓形排版、混合型排版等等,其實方法都是大同小異,沒什麼區別,最重要的還是要去多看,多收集好的版式,構建自己的版式庫。

如何創建版式庫?

比如我的版式庫是按照單頁圖片的數量來分類的,比如單頁只有一張圖片時有哪些好的版式,平時在流覽網站的時候有意識地去收集好的版式,日積月累你自己的參考版式庫就建立起來啦。

最後,推薦幾個看好設計的網站。

Behance 【https://www.behance.net/】

Dribbble 【https://dribbble.com/】

Pinterest【https://www.pinterest.com/】

排版規則

元素改造完畢以後,PPT美化的工作其實已經完成了70%,剩下的工作把元素排排齊整就差不多了。設計是相通的,平面設計中基本的排版規則同樣也適用於我們的PPT設計。

整齊—對齊!對齊!對齊!

如果你以後想做好PPT的排版,千萬別再把頁面的中的元素隨意擺放了,想要做好排版,可能得先練練視力,練到一眼就能看出對沒對齊就可以了。

PPT中的主要元素排版都是基於各種邏輯關係,如文字與文字、圖片與圖片、文字與圖片等等,這些邏輯關係在視覺上表現為內容邊緣或中心焦點統一于一條明朗的視線,這可能需要大家有點強迫症。

對比—營造視覺層級

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

為了強化頁面中元素的不同點,通常我們通過大小、顏色、形狀以及粗細四種方式,突出資訊之間的差別,形成對比。

親密—模組化思維

在內容或者邏輯上相互有關聯的元素可以組合在一起形成視覺單元。提高觀眾的資訊辨識度,明確歸類的資訊分組容易讓觀眾快速理解頁面中各部分內容的歸屬關係。

重複—保持整體的統一性

某一視覺要素在PPT中的多次展現,包括特殊字體、字型大小、配色、裝飾性圖形、圖片風格等。

版式推薦

排版四原則只能告訴你,什麼是錯的設計,並不能告訴你什麼是好設計。

如果想要做出不一樣的設計還要多去參考和借鑒,多去看看好的版式是什麼樣的並嘗試模仿出來,這樣才能找到PPT設計的感覺。

推薦三種在PPT設計中經常能夠使用到的版式,僅供大家參考。

居中型版式

把想要表達的主題放在視覺中心,所有的文字或圖案都是居中對齊,居中型排版具有突出主體、聚焦視線等作用。

對稱型版式

左右或上下圖案沿著對稱軸翻轉形成的一種版面,圖案可以是相同也可以是相似,對稱型版式給人一種整穩定、醒目大方、理性的感受。在突出主體的同時又能給予畫面穩定感,並且畫面具有一定的視覺衝擊力。

分割型版式

利用分割線或顏色把畫面分割成幾個塊面,根據塊面體積的大小來體現主次關係,每個塊面看似相互獨立但是又相互聯繫在一起,分割型版式需要做好視覺引導,不然會造成視覺混亂,可以大小對比和顏色對比來豐富畫面,使畫面不單調和擁擠。

除了上面介紹的版式以外,還有很多排版方法,比如三角排版、對角排版、圓形排版、混合型排版等等,其實方法都是大同小異,沒什麼區別,最重要的還是要去多看,多收集好的版式,構建自己的版式庫。

如何創建版式庫?

比如我的版式庫是按照單頁圖片的數量來分類的,比如單頁只有一張圖片時有哪些好的版式,平時在流覽網站的時候有意識地去收集好的版式,日積月累你自己的參考版式庫就建立起來啦。

最後,推薦幾個看好設計的網站。

Behance 【https://www.behance.net/】

Dribbble 【https://dribbble.com/】

Pinterest【https://www.pinterest.com/】

Next Article
喜欢就按个赞吧!!!
点击关闭提示