嗨，大家好，我是PPT設計獅。

一張圖排版很容易，無非是左圖右文，上圖下文等，但是圖片一多，很多人就不知道該怎麼排版才好看了，那麼如何排版才能将觀點準确傳達給觀衆呢？

其實，我們可以經常借鑒一下品牌發布會就能學到很多圖片排版的技巧，如魅族16T發布會就有很多圖片，但頁面看上去卻很簡潔明了。

再比如小米發布會。

眼界開闊了，看的多了會總結得到不少多圖排版的規律，這裡設計獅總結了5個方面，它們分别是：圖片大小一緻無間距、圖片間距一緻大小一緻、圖片的間距一緻大小不一、借助樣機、不規則排版。

實際上，單圖排版與多圖排版并無太大區别，可以理解為：把多張圖片進行排版，形成一個整體的元素，最終效果類比于單圖排版中的那張圖片。

閑話不多說，我們直接進入正題。

01

圖片大小一緻，無間距

當許多大小一緻的圖片拼接在一起的時候，可以很容易就形成整體感，同時也方便對圖片進行排版。

案例實操：

4張圖片緊密擺放，再添加蒙版遮蔽色彩、降低存在感，表達部分加白色色塊突出個體，聚焦視線。

一樣的排版方式，把圖片分為6個矩形小塊，無間距地擺放再加色塊聚焦，同樣能實現不錯的效果。

同樣，通過色塊突出文本，聚焦視線。

當然，也可以創意排版，多張圖片無間距排版，留白處添加文本，從而凸出主題。

總結一下：

（1）圖片大小一緻無間距擺放時，視覺效果會将所有圖片識别為個體，之後流程可按照左圖右文、上圖下文等基本方式排版；

（2）圖片大小一緻無間距排版會使圖片間的聯系緊密。

02

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

圖片間适當留有間隙可營造頁面的呼吸感，整個頁面簡潔明了。

案例實操：

圖片不多時，大小相同，間距相同，可将兩張圖片視為一個整體攔腰截斷頁面，文本上下排版。

相同的布局，也可把兩張圖片這一個整體放置于頁面右下角，之後文本擺放整齊。

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

也可以左右排版，紅色色塊聚焦，突出文本。

四張圖片可擺放矩形，視為一個元素後占據中心位置，文本左右排版。

減少圖片間距，圖片居左，符合觀衆視線從左往右觀看習慣。

偶爾也可以在圖片中穿插色塊，色塊與圖片大小一緻，間距一緻，頗具新穎。

多張形象照可視為整體，需注意的是人物視線盡量保持同一條水平線上。

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

圖片較多時，與攔腰的處理方法一緻，不過圖片略有縮小。

當圖片太多時，可按實際情況運用蒙版将頁面遮蔽作為背景。

總結一下：

（1）多張大小一緻的圖片排版時留有一定間隙，頁面不會太沉重，給人以呼吸感；

（2）圖片過多時可裁剪成統一大小，縮小圖片進行排版。

03

圖片間距一緻，大小不一

以上兩種簡單的排版方式學會貫通後，可考慮進行二次創新，如大小方面進行改變，間距保持不變。

案例實操：

兩張圖片長度一緻，但寬度不一，這種方式打破尋常局限性，更顯活潑。

也可根據實際情況制作橫圖，長度保持一緻，寬度不一，同樣打破傳統思維。

同樣，一大兩小圖片，間距保持一緻，左圖右文排版。

當然，也可調大間距，不局限于矩形，也可以随意擺放，但要保持頁面美觀。

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

總結一下：

（1）圖片排版不一定局限于矩形，也可以留出缺口，形成不規則形狀；

（2）圖片間距按照實際情況可做調整，不能太遠，以免喪失親密性。

04

借助樣機

部分場合可使用樣機協助排版。不過這種情況受到局限，隻有時間充裕、圖片較少或特定情況下使用。

運用樣機制作背景，傾斜的方式再加上漸變的蒙版，打破思維的同時又凸顯了文本。

圖片比較局限，但樣機增強了圖片的趣味，這種圖片排版方式也不失為一種好的方法。

總結一下：

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

05

不規則排版

圖片排版可不局限于矩形，換成其他的形狀也是一種新奇玩法！

圖片裁剪後旋轉45°，間距一緻，遵循左文右圖的排版方式，頁面更有設計感。

圖片排版好後也可添加修飾文本、框線等基礎元素。

裁剪為平行四邊形進行重疊擺放，形成空間感，左圖右文。

同樣的原理，添加相同形狀色塊襯底，提升頁面格調。

或者把圖片做成圓形、正多邊形等形狀能讓人眼前一亮，有創造性。

總結一下：

（1）圖片不僅局限于矩形，也可以嘗試圓形、多邊形等其它形狀，使頁面與衆不同；

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

說了這麼多，跟着設計獅來看看這期的具體實操吧~

第一步：在插入選項卡中選擇圖片，shift多選後插入6張圖片，之後進入islide選項卡（插件，百度搜索islide下載即可）。

第二步：進入islide選項卡後，在設計排版這一欄選擇裁剪圖片，設置好長寬，一鍵裁剪即可。

第三步：islide選項卡中，選擇設計排版矩陣布局，将橫向數量改為2，這時所有圖片會自動排版為無間距格式。選中左邊三張圖片shift鍵多選平移，與頁面左對齊，右邊三張圖片右對齊。

第四步：插入選項卡中選擇形狀-矩形，沿着中心空白區域添加矩形色塊，同時右鍵-“設置形狀格式”，填充合适顔色，“線條”設置為“無線條”。

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

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

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