編按：

各種類型的PPT經(jīng)常會用到圖片，這些圖片到底如何排版才更出色呢？今天給大家分享一篇PPT圖片排版手冊，主要介紹了多張圖常見的排版方式，希望能幫助到您！

嗨，大家好，我是P小白。

一張圖排版很容易排版，無非是左圖右文，上圖下文等，但是很多PPTer對多張圖片的排版就手足無措，不知道怎么排版才好看，怎么排版才能很好地將觀點(diǎn)傳達(dá)給觀眾？

其實(shí)，只要我們多看看一些品牌的發(fā)布會就能學(xué)會一些多圖片排版的技巧了，如魅族16T的發(fā)布會就有很多圖片，但頁面排版并不顯得凌亂。

再比如小米發(fā)布會。

看多了就可以總結(jié)一些多圖排版的規(guī)律來，這里小白就總結(jié)了5個方面，它們分別是：圖片大小一致無間距、圖片間距一致大小一致、圖片的間距一致大小不一、借助樣機(jī)、不規(guī)則排版。

多圖排版與單圖排版并沒什么大的區(qū)別，多圖排版是如何把多張圖片進(jìn)行編排，形成一個整體的元素，最終類比于單圖排版中的那張圖片。

閑話不多說，我們進(jìn)入正題。

01

圖片大小一致，無間距

正如標(biāo)題所說，許多圖片拼接在一起的時候，將所有圖片裁剪成相同大小，很容易形成整體感，同時也容易對圖片進(jìn)行編排。

舉個例子：

4張圖片無間距排版，再添加蒙版遮蔽色彩；間白色色塊突出個體，聚焦視線。

6張圖大小一致無間距排版，左邊運(yùn)用色塊襯底，突出文本。

一樣的排版方式，如果把圖片分為6個正方形小塊，無間距排版再加色塊聚焦，同樣能實(shí)現(xiàn)不錯的效果。

與第一張圖片相似的道理，通過色塊突出文本，聚焦視線。

當(dāng)然，也可以創(chuàng)意排版，多張圖片無間距排版，在留白的地方添加上文本，從而凸顯主題。

總結(jié)一下：

（1）圖片大小一致無間距排版時容易將所有圖片識別成一個整體，之后流程可按照左圖右文等基本方式排布；

（2）圖片大小一致無間距排版使圖片之間的聯(lián)系緊密。

02

圖片大小一致、間距大小一致

適當(dāng)留點(diǎn)空隙能夠營造頁面的呼吸感。圖片大小一致，間距一致能使整個頁面更加簡潔明了。

舉個例子：

只有兩張圖片時，圖片大小相同，保持相同間距，可以將兩張圖片視為一個整體攔腰截?cái)囗撁妫谋旧舷戮幣拧?/span>

相同的布局方式，只是把兩張圖片這一個整體放置在右下角，之后文本對齊。

三張圖片大小一致橫向分布，整體給整個頁面“攔腰”，文本上下編排。

左右排版也是一個不錯的方法，紅色色塊聚焦，突出文本。

四張圖片整體還是一個正方形，整體視為一個元素后占據(jù)中心位置，文本左右排版。

減少圖片間的間距，再將圖片稍微縮小，與右邊文本形成對比，左圖右文的形式，符合觀眾視線從左往右觀看的習(xí)慣。

偶爾也可以用色塊作為圖片的一部分，色塊與圖片大小一致，間距一致，具有創(chuàng)新感。

多張圖片作為一個整體攔腰，需要注意的是人物視線盡量都在同一條水平線上。

與無間距的頁面排版有些類似，不過依舊是左文右圖的排版方式，從左往右閱讀。

圖片更多一點(diǎn)時，與攔腰的處理方法還是一致，只不過圖片縮小了而已。

當(dāng)圖片多得能填滿整個頁面時，可以按實(shí)際情況適用蒙版將整個頁面色彩遮蔽。不過需要圖片大小及間距需要保持一致。

總結(jié)一下：

（1）多張大小一致的圖片排版時留一定的間隙，整體頁面不會太沉重，有一種呼吸感；

（2）圖片過多時裁剪成統(tǒng)一大小，縮小圖片進(jìn)行排版。

03

圖片間距一致，大小不一

如果上面兩種最簡單的排版方式學(xué)會后，可以考慮如何進(jìn)行創(chuàng)新，如大小方面進(jìn)行改變，間距保持不變。

舉個例子：

兩張圖片的長度一致，但是寬度不一，這種方式打破了固有的局限性，更活潑一些。

除了將圖片裁剪成豎狀，橫條也是不錯的選擇，長度保持一致，寬度不一，同樣打破了傳統(tǒng)思維。

還是同樣的思想，一大兩小圖片，間距保持一致，左圖右文排版。

當(dāng)然，也可以調(diào)大間距，不局限于一個矩形中。

裁剪成不同類型，間距一致，左圖右文的排版方式。

總結(jié)一下：

（1）圖片排版不一定局限在矩形中，也可以留出缺口，形成不規(guī)則的形狀；

（2）圖片之間的間距按照實(shí)際情況調(diào)整，不能過大，否則會喪失親密性。

04

借助樣機(jī)

部分場合還可以使用樣機(jī)協(xié)助排版。不過這種情況有局限性，只在時間充裕圖片較少的情況下使用，有時在特定的情況下使用也會使人耳目一新。

運(yùn)用樣機(jī)將圖片進(jìn)行填充，傾斜的方式再加上漸變的蒙版，打破思維又凸顯了文本。

圖片比較局限，只能填充在三個樣機(jī)框中，但是樣機(jī)增強(qiáng)了圖片的趣味，這種圖片排版方式也不失為一種好的方法。

總結(jié)一下：

（1）  使用樣機(jī)時有一定的局限性，但是在特定的情景中使用能給人一種新奇的感覺；

（2）樣機(jī)網(wǎng)站有dimmy、smartmockups等。

05

不規(guī)則排版

如果圖片排版后的整體不再是矩形，而換成了其他的形狀又是一種新的玩法咯！

裁剪后正方形旋轉(zhuǎn)45°，保持間距一致，遵循左文右圖的排版方式，能夠讓頁面有設(shè)計(jì)感。

或者圖片排版好后再添加修飾文本、框線等基礎(chǔ)元素。

裁剪為平行四邊形進(jìn)行排版，左圖右文。

同樣的原理，在圖片背后添加相同形狀色塊襯底，提升頁面的逼格。

或者把圖片換成圓形、正六邊形等都能讓人覺得頁面新穎，有創(chuàng)造性。

總結(jié)一下：

（1）圖片可以不僅僅局限于矩形，也可以嘗試圓形、四邊形、正六邊形等其它形狀，使頁面變得與眾不同；

（2）圖片排版完成后可以按情況添加修飾，如線框、色塊等等。

說了這么多，跟著小白來看看這期的案例教程吧~

第一步：在插入選項(xiàng)卡中選擇圖片，shift選中后插入6張高清圖（可以在pexels或unsplash下載），之后進(jìn)入islide選項(xiàng)卡（插件，百度搜索islide下載即可）。

第二步：進(jìn)入islide選項(xiàng)卡后，在設(shè)計(jì)排版這一欄選擇裁剪圖片，單位選擇后面，同時選擇裁剪的長寬均為63.5毫米（幻燈片頁面寬為190.5毫米），一鍵裁剪即可。

第三步：仍在islide選項(xiàng)卡中，選擇設(shè)計(jì)排版矩陣布局，將橫向數(shù)量改為2，這時所有圖片都自動排版成無間距的格式。選中左邊三張圖片shift鍵平移，與頁面左對齊，右邊三張圖片同樣的原理右對齊。

第四步：插入選項(xiàng)卡中選擇形狀-矩形，沿著中心空白的區(qū)域添加矩形色塊，同時郵件設(shè)置形狀格式，顏色r29，g39,b59,“線條”設(shè)置為“無線條”。

第五步：添加文本，文本顏色修改為白色，居中對齊，整個頁面就制作完成咯~

好了，本期教程就到這里咯，咱們下期再見！

素材下載及學(xué)習(xí)交流請加QQ群：170790905

做PPT大神，快速提升工作效率，部落窩教育《一周PPT直通車》視頻和《PPT極速貫通班》直播課全心為你！掃下方二維碼關(guān)注公眾號，可隨時隨地學(xué)習(xí)PPT：

文章推薦

新來的同事，竟用PPT做了一個自主答題平臺，這波操作秀翻了全場，服！?

PPT小技能：如何利用PPT快速生成二維碼？

我敢打賭，99%的人都不知道用這招來提升PPT的逼格！?（PPT教程）

版權(quán)信息

本文為部落窩教育獨(dú)家授權(quán)作品，本文作者：P小白。