二維碼 購物車
部落窩在線教育歡迎您!

24個PPT排版樣式,解決一張圖片排版難題!

一張圖片排版:3原則+4方法

?

作者:P小白來源:部落窩教育發(fā)布時間:2019-11-05 16:19:28點(diǎn)擊:6496

分享到:
0
收藏    收藏人氣:0人
版權(quán)說明: 原創(chuàng)作品,禁止轉(zhuǎn)載。

編按:

制作 PPT 時,怎么排版,大家都很頭疼。因?yàn)樽约浩匠R矝]建立什么靈感庫,經(jīng)常感覺無從下手,如果有一份現(xiàn)成的PPT版式指南就好了。所以今天小編就分享一張圖片排版指南,教你 24 PPT 版式,讓你再也不必?fù)?dān)心一張圖片如何排版了。

常聽人說“一圖勝千言”,一張好的圖片能夠很好地傳達(dá)出個人的觀點(diǎn),但是有人就想問了,如何用一張優(yōu)質(zhì)的圖片進(jìn)行排版呢?

其實(shí)有很多方法對一張圖片進(jìn)行排版,這里小白將列舉四種類型:全圖型、攔腰型、上下型、左右型。

當(dāng)然啦,在給大家分享案例之前,小白需要給大家強(qiáng)調(diào)一下使用圖片的三個原則。

一、使用圖片的三大原則

制作PPT過程中,使用圖片時需要遵循這三個原則,分別是高清、無碼、無水印。

下面小白將逐一解釋。

1.高清圖片

簡而言之就是圖片像素高,插入到PPT頁面后進(jìn)行放大,圖片不會失真或者經(jīng)過裁剪后圖片的質(zhì)量依舊完好。

舉個例子:

這張圖片是在百度圖片中搜索的圖片,插入到PPT頁面后進(jìn)行放大,背景圖難以看清并且出現(xiàn)了部分bug,從而讓整個頁面下降一個檔次。

插入高清圖片后,添加漸變蒙版遮蔽色彩信息,再將文本進(jìn)行簡單的左對齊后,就會和上面的頁面形成鮮明的對比。

2.無碼

與圖片需要高清像素同樣的道理,在制作PPT過程中盡不要出現(xiàn)圖片上有馬賽克的情況,除非是特殊情況,如新聞等。

舉個例子:

即使圖片是高清的,但是有了馬賽克之后,觀眾的眼球會被圖片中的馬賽克所吸引,從而弱化了文本的作用。

尋找一張高清且不帶馬賽克的圖片對整個PPT頁面來說是非常有必要的。

3.無水印

如果大家經(jīng)常去百度圖片逛的話,對圖片水印就非常熟悉了。有的小伙伴看到了好的圖片也不在乎有無水印就直接插入PPT中使用,但是實(shí)際上這種做法是不可取的。

舉個例子:

圖片的清晰度較高,與主題也相符合,但下方的水印會對觀眾觀看PPT造成干擾,分散觀眾的注意力。所以選擇圖片時,選擇無水印圖片或者去除圖片水印是非常有必要的(當(dāng)然也有各種方法去除水印,這個后期再講)。

沒有水印或者將水印遮蔽能夠很好地解決水印干擾頁面信息的問題,或者說突出文本信息。

最后總結(jié)一下圖片三原則:

1)圖片使用三原則是:高清、無碼、無水??;

2)使用圖片需要注意版權(quán)問題,想要高清無版權(quán)圖片可以去pexelsunsplash等圖片素材網(wǎng)站英文檢索下載。

二、圖片排版

講完使用圖片的三原則之后,咱們來進(jìn)入正題:一張圖片在PPT中如何進(jìn)行排版呢?

1.全圖型

按字面意思理解,就是圖片填充整個PPT頁面,這種類型對圖片的像素要求比較高,像素必須比較高。我們來逐一分析:

留白區(qū)域較大的圖片直接添加文本排版,通過淺色背景加上深色文字,文本信息一下子就能凸顯出來,同時人物視線也引導(dǎo)著標(biāo)題方向。

背景較雜的情況可以添加純色色塊。比如上圖,操作就比較簡單,直接插入矩形,水平居中垂直居中后,添加文本對齊即可。

同樣可以將純色的大色塊縮小,作為某個文本的襯底。

給純色色塊添加透明度,也是一種比較實(shí)用的方法,背景若隱若現(xiàn),文本在色塊之上也比較容易突出。

當(dāng)透明的純色色塊覆蓋整個頁面時,蒙版就誕生了,之前也講過很多關(guān)于蒙版的知識,這里通過添加蒙版遮蔽背景信息,從而凸顯文本。

單一的文本如果覺得比較單一,可以考慮添加粗線框,通過線框聚焦文本,使文本更加突出。

總結(jié)一下:

1)全圖型頁面對圖片像素要求較高,頁面核心是突出文本;

2)一些免費(fèi)可商用的高質(zhì)量圖片網(wǎng)站有:pexels、unsplash,需要英文檢索下載。

2.攔腰型

攔腰型,顧名思義,就是重點(diǎn)文本信息放在整個頁面的腰間部位,也就是3/4的位置。這個在PPT中比較少見,但是偶爾使用也會為頁面加分。

透明純色色塊放置于頁面的中心偏下區(qū)域,突出色塊上的文本信息。

中心區(qū)域純色色塊,突出文本。

換成圖片也是可以的,通過漸變蒙版或者純色蒙版作為修飾。

總結(jié)一下:

1)攔腰型PPT是將頁面截斷,通過圖片或者色塊的方式,來突出文本;

2)常用的場合是封面頁以及內(nèi)容頁。

3.上下型

一般圖片在上方,下方是文字,上下排版的方式突出文本。

上面高清圖片,裁剪到一半的位置,下面是文本,符合視覺由上到下的規(guī)律。

和上面一樣的原理,不過將圖片上添加了一層蒙版,降低了圖片顏色的干擾。

如果將圖片再次分割,之后上圖下文的格式,這樣更有創(chuàng)意感。

或者更換圖片與文本的方位,上文下圖。

當(dāng)然還可以用樣機(jī)的方式,將圖片放置于樣機(jī)中,進(jìn)而突出標(biāo)題。

總結(jié)一下:

1)上下型的通常玩法是上面是圖片下面是文本,符合觀眾一般的視線規(guī)律;

2)不一定所有的圖片都需要裁剪為1/2,也可以將圖片繼續(xù)分割,最后上下排版,提升頁面的設(shè)計感。

4.左右型

左右型的排版方式是上面提到的幾種排版方式中運(yùn)用得最多的,這種排版方式基本都是左圖右文或者右圖左文。

圖片裁剪為3/4,與頁面右對齊,之后添加純色色塊,突出文本。

圖片裁剪為1/4,之后右對齊,文本放置于左側(cè)。

裁剪圖片為1/4,之后左對齊,文本放置在右側(cè)。

1/4的圖片放置于中側(cè),文本放置在左側(cè)和右側(cè),再進(jìn)行排版,效果也不錯。

如果圖片像素較小又非用不可時,同樣也可以運(yùn)用左右型的排版方式。

 

最后,還是可以添加樣機(jī)進(jìn)行左右型的排版。

總結(jié)一下:

1)左右型排版是圖文排版時運(yùn)用得最多的一種方式,通常出現(xiàn)在內(nèi)容頁的設(shè)計中;

2)左右型排版中可以將圖片分割成3/4,1/21/4等幾種樣式,更方便對文本進(jìn)行編排。

看了那么多案例,下面我們來動手進(jìn)行實(shí)操吧~

第一步:在插入選項(xiàng)卡中選擇“形狀”,矩形,延著左上角放大到整個頁面,鼠標(biāo)左鍵單擊“設(shè)置形狀格式”,設(shè)置其基本屬性,“填充”設(shè)置為“純色填充”,“顏色”填充為“灰色”,r29,g39,b59;“線條”設(shè)置為無線條。

第二步:在插入選項(xiàng)卡中選擇“圖片”,將高清圖插入到頁面中,在“格式”選項(xiàng)卡中選擇“裁剪”,裁剪約1/2的大小,點(diǎn)擊空白部分完成裁剪,按住ctrl+shift左鍵拖移,稍微放大圖片。

第三步:在插入選項(xiàng)卡中選擇“形狀”,矩形,在頁面中拖拽出一個如上圖演示的矩形,設(shè)置其基本屬性,“填充”設(shè)置為“純色填充”,“顏色”填充為“紅色”,r255,g39,b58;“線條”設(shè)置為“無線條”。

第四步:在插入選項(xiàng)卡中選擇“線條”,“直線箭頭”,按住shift+左鍵在頁面中拖拽相互一條線條,作為視覺方向的引導(dǎo),將其顏色更改為白色,磅值修改為2磅。

最后,添加文本,左對齊放置于色塊之上即可大功告成啦~

好啦,本期教程就到這里,咱們下期再見~

 

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

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

http://zuijiahehuoren.cn/ewebeditor/uploadfile/20190624151943625023.png

文章推薦

PPT干貨】:62頁優(yōu)秀PPT案例,教你做出高大上PPT

我花了5個小時,幫5G公司修改了一份PPT,客戶贊不絕口!

PPT教程:沒有圖片,如何設(shè)計出高大上的PPT?

高大上的PPT表格怎么做?掌握“九”字口訣就夠了!

PPT3D動效不會玩?手把手教你用PPT做炫酷的3D模型(附案例)

版權(quán)信息

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