tft每日頭條

 > 生活

 > ppt如何排版布局

ppt如何排版布局

生活 更新时间:2025-01-08 22:41:08

ppt如何排版布局(PPT堆滿了圖怎麼排版)1

做 PPT 總少不了要配圖,但是想讓圖片排版好看實在是不容易。比如很多人都會遇到這幾個問題:

一頁PPT堆滿了圖該怎麼排?

圖片有水印怎麼辦?

圖片被拉伸變形了怎麼辦?

今天這篇文章,我們總結了 6 大技巧,幫你一次性搞定圖片排版!

ppt如何排版布局(PPT堆滿了圖怎麼排版)2

▲ 圖文排版 PPT 案例

ppt如何排版布局(PPT堆滿了圖怎麼排版)3

圖片的 2 種作用及處理方法

PPT 中的圖片,大體上有兩種用途:一是作為内容;二是作為修飾。

制作文檔時需要根據圖片的不同用途,來設計 PPT 的版式布局。

ppt如何排版布局(PPT堆滿了圖怎麼排版)4

▲ PPT 中的圖片用途有兩種

當作為内容(包括産品展示、人物介紹或者軟件截圖等)時,圖片需要在演示中被重點識别和關注。

ppt如何排版布局(PPT堆滿了圖怎麼排版)5

▲ 産品圖片在 PPT 中的應用案例

ppt如何排版布局(PPT堆滿了圖怎麼排版)6

▲ 人物圖片在 PPT 中的應用案例

ppt如何排版布局(PPT堆滿了圖怎麼排版)7

▲ 軟件産品截圖在 PPT 中的應用案例

如上面三個案例,PPT 中的圖片是作為内容出現的,和文字的作用一樣,需要被閱讀和關注,我們不能随意使用另外不相關的圖片來替代。

作為内容為主的圖片設計方法

當圖片作為内容出現的時候,我們在設計時需要盡可能地保持圖片的簡潔,避免出現複雜的設計效果,同時要盡可能保持規則和布局的統一,以及井然有序的排列。

ppt如何排版布局(PPT堆滿了圖怎麼排版)8

當圖片作為内容時的設計原則:

簡潔

PowerPoint 軟件内置了多種圖片效果,比如陰影、映像、發光、三維旋轉、柔化邊緣、棱台,等等。

PPT 新手很容易被這些看上去華麗的預設效果所吸引,恨不得把各種效果全部用在一個 PPT 中,結果導緻「越用心,越醜陋」。

我們要摒棄那些看上去華麗的效果,簡化設計,直觀呈現内容。

統一

為了保持視覺上的和諧統一,将圖片處理成一緻的形狀和統一的大小,讓同類的元素保持設計上的一緻。

整齊

所謂的整齊,就要求所有圖片在樣式統一的基礎上嚴格對齊。規則一緻的排列能讓所有元素井然有序地呈現在頁面中,營造出和諧的秩序感。

ppt如何排版布局(PPT堆滿了圖怎麼排版)9

▲ 簡介、統一、整齊的圖片排列

ppt如何排版布局(PPT堆滿了圖怎麼排版)10

▲ 利用參考線和對齊工具,做到圖片排版嚴格對齊

當圖片作為修飾時,圖片本身并不是傳遞信息的重點,而是作為一種輔助性設計元素用來豐富畫面或者增強設計感。

ppt如何排版布局(PPT堆滿了圖怎麼排版)11

▲ 圖片作為修飾,用來豐富畫面或增強設計感

ppt如何排版布局(PPT堆滿了圖怎麼排版)12

▲ 圖片作為修飾,用來豐富畫面或增強設計感

以上案例中的圖片與文字并沒有嚴格意義上的對應關系,隻作為輔助性的修飾元素呈現在畫面當中。

▋以修飾為主的圖片設計方法

ppt如何排版布局(PPT堆滿了圖怎麼排版)13

▲ 修飾類圖片的使用原則

以修飾為主的圖片,在設計時你可能需要注意以下 3 點:

❶ 盡可能選用簡單幹淨的圖片,不建議使用過于複雜的圖片;

❷ 保持圖片樣式低調,減少多餘的效果,不要喧賓奪主;

❸ 通過裁剪功能,選擇圖片合适的範圍呈現。

ppt如何排版布局(PPT堆滿了圖怎麼排版)14

多圖排版設計技巧

插入多張圖片到 PPT 頁面中時,這些圖片往往大小不一,在調整大小的過程中,很可能發生圖片拉伸變形等一系列問題。

下面先看一個案例:

ppt如何排版布局(PPT堆滿了圖怎麼排版)15

▲ 多圖排版案例-Before

這樣的圖片排布方式是不是過于随意了?

我們隻需要對圖片進行大小統一,然後把頁面中的圖片和文字進行合理的對齊,很快就能讓畫面看上去不再混亂。

ppt如何排版布局(PPT堆滿了圖怎麼排版)16

▲ 多圖排版案例-After

通過動态的 Before & After 前後對比更加直觀地感受一下優化前後的差異。

ppt如何排版布局(PPT堆滿了圖怎麼排版)17

▲ 多圖排版案例 Before & After 動态對比

當我們需要在 PPT 中插入多張圖片的時候,需要留意的設計細節包括:統一的規格、正常的比例、規則的排列等。

ppt如何排版布局(PPT堆滿了圖怎麼排版)18

▲ 多圖排版時需要考慮的設計細節

圖片需要在大小、形狀、效果上做到統一。

同時,正常的比例很重要,置入 PPT 裡邊的圖片在調整大小的時候,會被擠壓變形,而這一點在 PowerPoint 中是完全可以避免的(具體方法後文中會詳細講解)。

而對于規則的排列,簡單來講就是對齊,不能隻靠眼睛憑感覺對齊,我們需要借助于對齊工具進行嚴格的對齊。規則整齊的排列,可以讓多圖排版顯得更加專業。

ppt如何排版布局(PPT堆滿了圖怎麼排版)19

▲ 規則整齊的排列讓多圖排版更加專業

下圖是一些多圖片排版的參考案例:

ppt如何排版布局(PPT堆滿了圖怎麼排版)20

▲ 多圖片排版案例

ppt如何排版布局(PPT堆滿了圖怎麼排版)21

通過形狀占位法設計圖片排版

在實際操作中,如果所有圖片是一張張地插入 PPT,我們就得逐個對它們進行編輯,把圖片調整到合适的位置和大小等等,有很多重複性的工作。

那麼,有沒有辦法可以簡化這些操作呢?

ppt如何排版布局(PPT堆滿了圖怎麼排版)22

▲ 案例:PPT 中包含多張圖片

我們可以換一種思路來做這樣的圖片排版:在圖片對應的位置用一個形狀暫時代替,這個形狀代表的就是要插入的圖片。

ppt如何排版布局(PPT堆滿了圖怎麼排版)23

▲ 在圖片位置上用形狀占位排版

接下來,我們把圖片填充到對應位置的形狀裡邊就行了。

操作方法:右鍵點擊【形狀】,在【設置形狀格式】中選擇【用圖片或紋理填充】選項,然後把目标圖片直接以填充的方式放置在形狀當中。

ppt如何排版布局(PPT堆滿了圖怎麼排版)24

用圖片填充形狀的操作步驟:

ppt如何排版布局(PPT堆滿了圖怎麼排版)25

▲ 操作演示-用圖片填充形狀

上面的操作步驟是 PowerPoint 軟件原生自帶的傳統操作方式,如果借助 iSlide 來進行圖片填充會更加高效便捷。

操作方法:選中【形狀】,然後在 iSlide 圖片庫中點擊目标圖片一鍵插入到所選形狀當中。

ppt如何排版布局(PPT堆滿了圖怎麼排版)26

▲ 通過 iSlide 圖片庫快速填充圖片的方法

ppt如何排版布局(PPT堆滿了圖怎麼排版)27

▲ 操作演示-通過 iSlide 圖片庫快速填充圖片

我把這種通過形狀占位進行圖片排版的方法叫做形狀占位法。

iSlide 插件中所有包含圖片的圖示資源也是通過這種方法進行設計的。占位形狀不用删除,直接把圖片填充到形狀裡邊即可。

ppt如何排版布局(PPT堆滿了圖怎麼排版)28

▲ 形狀占位法第一步:用形狀占位排版

ppt如何排版布局(PPT堆滿了圖怎麼排版)29

▲ 形狀占位法第二步:将圖片插入形狀中

通過形狀占位法進行圖片排版不僅效率高,更換圖片也更方便,隻要重新填充圖片即可,并且保持原排版布局不變。

另外,在 PPT 中對異形圖片的處理也變得更容易,如下圖所示異形圖片排版案例:

ppt如何排版布局(PPT堆滿了圖怎麼排版)30

▲ PPT 中異形圖片排版案例

你所看到的異形圖片,其實本質上是一個異形的形狀。

由于形狀本身限定了圖片的顯示區域,所以對異形圖片的處理就變成了對形狀的處理,大大降低了 PPT 中異形圖片設計的難度。

比如下面的這個案例,首先用一個墨迹形狀進行占位,然後直接把圖片填充到這個墨迹形狀裡邊就完成了墨迹圖片的設計,是不是更容易實現呢?

ppt如何排版布局(PPT堆滿了圖怎麼排版)31

▲ 用「墨迹」形狀進行占位

ppt如何排版布局(PPT堆滿了圖怎麼排版)32

▲ 把圖片填充到「墨迹」形狀裡邊

關于墨迹圖片的設計,可以戳我們往期文章查看:

ppt如何排版布局(PPT堆滿了圖怎麼排版)33

《PPT 做墨迹圖片效果,看這一篇就夠了!》

ppt如何排版布局(PPT堆滿了圖怎麼排版)34

恢複被拉伸擠壓變形的圖片

有時候為了讓圖片大小一緻,難免會發生變形,不過沒有關系,在 PowerPoint 軟件較新的版本中,這些都不是問題了。

(不要問哪個版本的 PowerPoint 更好,肯定是版本越新越好!)

操作方法:雙擊變形的圖片,在【圖片格式】菜單中選擇【裁剪】下拉菜單中的【填充】,圖片就會自動恢複到原始比例。

ppt如何排版布局(PPT堆滿了圖怎麼排版)35

▲ 使用「填充」功能恢複變形的圖片

ppt如何排版布局(PPT堆滿了圖怎麼排版)36

▲ 操作演示-使用「填充」功能恢複變形的圖片

這樣的填充裁剪操作非常人性化,不僅恢複了變形的圖片,而且被裁剪的部分并沒有完全裁減掉,它隻是被蒙版隐藏起來。

我們可以在裁剪狀态下,在形狀顯示區域内部移動調整想要顯示的畫面,讓圖片以最完美的形式呈現在畫面中。

ppt如何排版布局(PPT堆滿了圖怎麼排版)37

▲ 裁剪圖片,重新調整圖片顯示區域

以下圖為例,Before 中的圖片顯示區域很不理想,圖片中的人物從脖子的位置被「切頭」:

ppt如何排版布局(PPT堆滿了圖怎麼排版)38

▲ 圖片顯示區域不理想,人物被「切頭」

按照上面介紹的裁剪方法對圖片顯示區域進行重現調整後:

ppt如何排版布局(PPT堆滿了圖怎麼排版)39

▲ 通過裁剪重新調整圖片顯示區域後

ppt如何排版布局(PPT堆滿了圖怎麼排版)40

圖片作為背景的處理方法

根據前文介紹過的圖片的 2 種用途來看,當圖片作為背景時也屬于修飾性的元素,在設計時會處理的比較低調,讓前景内容更為突出,而不至于喧賓奪主。

ppt如何排版布局(PPT堆滿了圖怎麼排版)41

▲ 處理背景圖片的常用方法

如下圖所示,背景圖片過于複雜,寫在上面的文字很難識别閱讀:

ppt如何排版布局(PPT堆滿了圖怎麼排版)42

▲ 背景圖片未做處理,前景文字很難識别

為了更容易地閱讀前景文字内容,我們對背景圖片稍作虛化處理,同時在背景圖片和文字之間加一層半透明色塊,這樣文字就變得很容易識别了。

ppt如何排版布局(PPT堆滿了圖怎麼排版)43

▲ 背景圖片弱化處理,突出前景文字信息

ppt如何排版布局(PPT堆滿了圖怎麼排版)44

▲ 背景圖片處理前後對比

▋在圖片上層疊加半透明形狀的操作方法

插入形狀,設置填充色,右鍵單擊形狀選擇【設置形狀格式】,在形狀選項的【填充】下面調整透明度。

ppt如何排版布局(PPT堆滿了圖怎麼排版)45

▲ 圖片疊加半透明色塊的操作步驟

ppt如何排版布局(PPT堆滿了圖怎麼排版)46

▲ 操作演示-圖片疊加半透明色塊

疊加半透明形狀後的圖層關系:

ppt如何排版布局(PPT堆滿了圖怎麼排版)47

▲ 背景圖片、般透明色塊和前景文字的圖層關系

▋PPT 中圖片去色的處理方法

選中目标圖片打開【圖片格式】菜單,在【顔色】中選擇合适的【顔色飽和度】,在【圖片顔色選項】中可以調節飽和度百分比。

ppt如何排版布局(PPT堆滿了圖怎麼排版)48

▲ PPT 中降低圖片色彩飽和度的處理步驟

ppt如何排版布局(PPT堆滿了圖怎麼排版)49

▲ 不同色彩飽和度的圖片

▋PPT 中圖片虛化的處理方法

選中目标圖片打開【圖片格式】菜單,在【藝術效果】中選擇【虛化】效果,在【藝術效果選項】中可以調節虛化半徑。

ppt如何排版布局(PPT堆滿了圖怎麼排版)50

▲ PPT 中圖片虛化的處理步驟

ppt如何排版布局(PPT堆滿了圖怎麼排版)51

▲ 不同虛化半徑的虛化效果

PPT 中圖片裁剪的處理方法在前文中講解恢複圖片變形問題時有說明,這裡不再贅述,在遇到具體情況時,根據需要進行裁剪,保留想要顯示的圖片區域。

▋PPT 中圖片與背景融合的處理方法

先看下圖中圖片與背景融合的案例:

ppt如何排版布局(PPT堆滿了圖怎麼排版)52

▲ 圖片與純白色背景融合

在這個案例中,圖片與前景内容之間,疊加了一層漸變填充的色塊,讓圖片與背景自然地融為一體。

ppt如何排版布局(PPT堆滿了圖怎麼排版)53

▲ 借助漸變色塊,實現圖片與背景的融合

如果沒有透明漸變圖層,背景圖片的邊界在畫面中會顯得非常突兀,如下圖所示:

ppt如何排版布局(PPT堆滿了圖怎麼排版)54

▲ 沒有添加白色漸變色塊,底層圖片邊界突兀

▋案例中漸變色塊的設置

上面案例中漸變色塊的設置方法不難理解,兩個漸變光圈就可以實現,其中一端設置為完全透明,另一端完全不透明。

接着在畫面中實時預覽調整漸變光圈的位置到滿意的位置即可。這裡漸變光圈的具體位置沒有特定的參數,需要根據自己的設計靈活調整。

ppt如何排版布局(PPT堆滿了圖怎麼排版)55

▲ 透明漸變色塊的漸變光圈設置

ppt如何排版布局(PPT堆滿了圖怎麼排版)56

工具輔助:iSlide 插件輔助設計

前面介紹的内容在具體操作過程中,有幾個操作是非常高頻的,比如對齊元素、快速統一元素大小、改變元素之間的上下圖層關系。

借助 iSlide 插件提供的設計工具面闆,這些操作會變得更加流暢便捷。

iSlide 設計工具打開方式:在 iSlide 插件【設計】組中點擊【設計工具】菜單即可打開設計工具面闆。

需要說明的是,如果沒有選中任何元素,設計工具中很多按鈕是灰色不可用狀态。

ppt如何排版布局(PPT堆滿了圖怎麼排版)57

▲ 識别圖中二維碼可以查看視頻講解

下面對設計工具中的對齊工具、統一大小工具、調整圖層順序工具做簡要介紹。

▋對齊工具

雖然 PowerPoint 提供了對齊工具,但是深藏在軟件菜單中不便操作。iSlide 将對齊功能統一放置在設計工具面闆中,極大地提高了元素對齊的操作效率。

ppt如何排版布局(PPT堆滿了圖怎麼排版)58

▲ iSlide 設計工具中的對齊工具組

▋ 統一大小工具

當選中兩個及以上元素的時候,iSlide 插件的統一大小工具可以一鍵統一所有選中元素的寬度、高度和大小。實現等高、等寬、等大小的基準是最後選中的元素。

ppt如何排版布局(PPT堆滿了圖怎麼排版)59

▲ iSlide 設計工具中的統一大小工具組

ppt如何排版布局(PPT堆滿了圖怎麼排版)60

▲ 操作演示-利用 iSlide 設計工具一鍵統一形狀大小

▋ 調整圖層順序工具

PPT 頁面中的所有元素都有各自獨立的圖層,默認的圖層順序是按照設計時插入的先後順序排列的。

在設計過程中,我們時刻需要重新調整元素的圖層順序。在 iSlide 插件「設計工具」面闆中,可以很方便地快速改變圖層順序。

ppt如何排版布局(PPT堆滿了圖怎麼排版)61

▲ iSlide 設計工具中的調整圖層順序工具組

ppt如何排版布局(PPT堆滿了圖怎麼排版)62

▲ 圖層順序調整原理

PowerPoint 軟件提供的圖層功能叫做【選擇窗格】,按快捷鍵 Alt F10 可以快速打開選擇窗格;

在選擇窗格裡可以對頁面中的元素進行查看、選擇和拖動改變圖層順序,也可以對元素進行快速隐藏和顯示。

利用 iSlide「裁剪圖片」功能一鍵統一圖片大小:

PPT 頁面中一次性導入多張圖片,可以通過 iSlide 插件提供的【裁剪圖片】功能一鍵統一圖片大小。

ppt如何排版布局(PPT堆滿了圖怎麼排版)63

▲ iSlide 批量裁剪圖片功能

可以全選圖片後輸入寬度和高度值進行裁剪,也可以最後選擇目标大小圖片,點擊【後選形狀大小】以最後選中的形狀為大小基準進行裁剪。

ppt如何排版布局(PPT堆滿了圖怎麼排版)64

▲ 操作演示-利用 iSlide「裁剪圖片」功能一鍵統一圖片大小

希望今天的文章能夠幫你解決一些制作 PPT 時的困擾。

喜歡就關注我吧,每天分享職場知識,辦公技巧!

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关生活资讯推荐

热门生活资讯推荐

网友关注

Copyright 2023-2025 - www.tftnews.com All Rights Reserved