對于頁面上有一些文字列表的頁面,該咋排版?
就像這樣:
在很多人的 PPT 中,都往往少不了一些文字列表的頁面,用來總結(jié)內(nèi)容要點(diǎn),或者羅列多個(gè)事項(xiàng)……
不知道你是否,也曾用過這樣的形式?
對于這種頁面呢,視覺上極其單調(diào)乏味,無非就是給每一行文字,添加了一個(gè)項(xiàng)目符號而已。
如果你看過一些國外的教程,你會(huì)發(fā)現(xiàn),很多老外,也特反感這種形式。
那么問題來了,像這種形式的內(nèi)容,我們在排版中,該如何進(jìn)行處理呢?這篇文章,就來跟大家分享3個(gè)超級簡單且實(shí)用的方法。
我們可以把整段內(nèi)容,拆分成獨(dú)立的語句,然后并列地?cái)[放在頁面上,使頁面更加豐富。
啥意思呢?舉個(gè)例子,比如像這個(gè)頁面:
我們可以看到,屬于很典型的列表式排版,那么,什么叫做并列式排版呢?就像這樣:
通過把一整個(gè)文段,拆分成4個(gè)獨(dú)立的句子,并提煉出重點(diǎn)內(nèi)容。這樣一來,頁面的版式就會(huì)大不一樣:
另外,為了增強(qiáng)頁面的可視化效果,避免單調(diào),我們還可以添加一些小圖標(biāo)進(jìn)行修飾:
怎么樣?是不是很簡單,但呈現(xiàn)的效果,卻大不一樣。同樣的例子,還有很多,比如像這些:
當(dāng)然,如果你不想這樣呈現(xiàn),也可以考慮進(jìn)行列表化呈現(xiàn),但依舊建議把內(nèi)容拆分。
同樣舉個(gè)例子,來解釋一下,比如像這個(gè)頁面:
我們可以去掉項(xiàng)目符號,把這3句話進(jìn)行拆分,并在中間添加橫線區(qū)隔:
隨后,按照對齊的方式,把文字內(nèi)容排版整齊,完成頁面的初步排版:
最后,我們可以基于之前文章中的優(yōu)化方法,對頁面進(jìn)行修飾即可:
所謂模塊化,跟上個(gè)方法相似,同樣是對內(nèi)容進(jìn)行拆分,區(qū)別在于,我們可以利用色塊,來承載獨(dú)立的信息,進(jìn)行排版。
啥意思呢?同樣舉個(gè)例子來解釋一下,比如像這個(gè)頁面:
我們?nèi)耘f需要對內(nèi)容拆分,并為每一句話,添加一個(gè)圖形襯底:
最后呢,按照相同的方式,對其余幾項(xiàng)進(jìn)行處理,并對頁面簡單進(jìn)行排版即可:
為了讓各位理解的更清楚一些,咱們再通過一個(gè)案例,來解釋下。比如像下面的這個(gè)頁面:
很明顯,這里的文字列表內(nèi)容,我們可以通過添加小圖標(biāo)的形式,拆分成5個(gè)模塊:
對于這一大段文字內(nèi)容呢,我們可以區(qū)分視覺層級,凸顯內(nèi)容的重點(diǎn)即可:
最后,添加一張相關(guān)的圖片,進(jìn)行排版布局即可:
另外,如果頁面上的文字列表項(xiàng)較多,觀眾很難記住所有的內(nèi)容。這時(shí)候,我們可以通過把信息分類,分成不同的信息組進(jìn)行呈現(xiàn)。
比如像這個(gè)頁面,就是把不同時(shí)期的文字列表,放到了對應(yīng)的模塊里,便于別人記憶:
除了上面的方法之外,我們還可以利用可視化圖形,對內(nèi)容進(jìn)行排版,這會(huì)讓觀眾有更深刻的印象,畢竟記憶圖形的難度會(huì)更低。
什么意思呢?同樣舉個(gè)例子。比如像這個(gè)頁面:
如果我們將其可視化呈現(xiàn),那么,頁面可能會(huì)變成這樣,更便于理解其視覺關(guān)系:
當(dāng)然,關(guān)于內(nèi)容可視化呈現(xiàn),之前的文章里,已經(jīng)寫過很多,在此就不多廢話,給各位多看幾個(gè)例子吧。
比如像這些,都是利用可視化的方式,讓內(nèi)容更好地進(jìn)行呈現(xiàn):
以上呢,就是在處理文字列表頁時(shí),我們可以思考的3個(gè)方向,都很簡單,希望對大家有所幫助。
原標(biāo)題:這3個(gè)超小眾的PPT頁面排版方式!我忍不住安利給你!
]]>這篇文章為大家?guī)怼喝宋锝榻B』PPT的實(shí)戰(zhàn)案例!
對于人物介紹的頁面來講,大多數(shù)的 PPT 頁面,大概長這個(gè)樣子:
那么,有沒有一些簡單的方法,能夠快速的做出一張還不錯(cuò)的人物介紹頁面呢?
肯定是有的,要不然我也不會(huì)寫這篇文章了,對嗎?
提到人物介紹的頁面,我們要處理的,其實(shí)無非是兩個(gè)方面的信息,分別是:
啥意思呢?接下來,咱們就通過兩個(gè)實(shí)際的案例,來更好的理解一下。
這是很常見的團(tuán)隊(duì)介紹類的PPT,我們先來看一下原稿。
按照前面提到的,我們需要做兩方面的處理,分別是照片和簡介。
01. 照片的問題
照片有什么問題呢?很簡單,就是背景色不統(tǒng)一。
不過,也要坦言,其實(shí)這幾張照片的質(zhì)量已經(jīng)挺高了,因?yàn)槲覀兇蠖鄶?shù)的工作PPT里,照片的背景可能是這樣:
元素更為雜亂。
那怎么對圖片進(jìn)行處理呢?很簡單,既然背景很亂,那我們就把背景去掉。
現(xiàn)在網(wǎng)上有很多的摳圖工具,即便你完全不懂ps,也能夠很好的進(jìn)行人像摳圖。
比如在這里,我們使用稿定設(shè)計(jì),你只需要把照片上傳,即可完成摳圖:
大家來看一下?lián)负玫膱D片,即便是頭發(fā)處,也會(huì)很干凈:
咱們來對比下?lián)笀D前后照片的風(fēng)格,是不是更統(tǒng)一了呢?
完成了構(gòu)圖之后,我們還需要對圖片的尺寸進(jìn)行調(diào)整。
簡單解釋一下,為什么要有這一步呢?
因?yàn)槭嵌嗳宋锏呐虐?,照片難免有大有小,而且人物的視平線,也不統(tǒng)一,所以,通過對圖片尺寸的調(diào)整,可以讓人物照片的排版,顯得更整齊。
就像這樣:
另外,因?yàn)檫@幾張人物照片都是半身照,所以,我們可以在人物照片的底部,添加一個(gè)統(tǒng)一的色塊,以免出現(xiàn)人物照片被攔腰砍斷的狀況。
好了,到這里呢,圖片處理就算結(jié)束了。
02. 人物簡介的處理
這里文字信息比較少,我們只需要能夠凸顯出信息的層級關(guān)系即可。
就像這樣,在這里,我添加了一些簡單的修飾:
然后,我們把圖文結(jié)合,來看一下效果:
到這里呢,基本上就完成90%了,但頁面看上去會(huì)稍微有一點(diǎn)平淡,缺少層級變化。
怎么解決呢?還記得我之前分享過的方法嗎?加一個(gè)色塊就可以了。
就像這樣:
是不是好很多呢?咱們來看下最終的頁面效果:
這是3個(gè)人物的排版,相較于前一個(gè)例子,人物的照片會(huì)更亂。
那該怎么對它進(jìn)行處理呢?依舊是兩個(gè)步驟。
01. 對照片進(jìn)行處理
相信你也能看得出來,這里的照片背景太亂了,怎么處理呢?摳圖去背。
把照片上傳到稿定摳圖網(wǎng)站,依舊是一鍵即可完成摳圖:
來看一下?lián)笀D后的照片效果:
然后,依舊是對圖片的尺寸進(jìn)行調(diào)整,保持視平線統(tǒng)一,那我就不多啰嗦了:
接下來,我們依舊是在圖片的底部,添加一個(gè)統(tǒng)一的圖形:
但從前面的人物介紹信息來看,這是一個(gè)創(chuàng)意團(tuán)隊(duì)的介紹,所以,我們可以考慮對圖形的樣式,做一些變化,讓它們看上去不那么呆板。
我們可以采用異形圖形,做成這樣:
這里的異性圖形的具體制作方法,請大家下載本文末的源文件自行制作哦。
接下來,我們就需要把圖片的底部邊緣,與圖形保持統(tǒng)一。
這里分為兩個(gè)步驟:
首先,我們在圖形上,插入一個(gè)矩形,利用布爾運(yùn)算,進(jìn)行圖形剪除:
其次,我們選中人物的照片,再選中上一步剪除后,得到的圖形,再次進(jìn)行剪除運(yùn)算:
到這里呢,圖片的處理就算完成了。
02. 對信息進(jìn)行處理
對于信息的處理呢,依舊是劃分層級,凸顯重點(diǎn),這個(gè)難度不大,我們可以直接來看一下對比效果:
然后,把圖片和文字進(jìn)行對齊排版即可:
到這里,兩個(gè)案例就結(jié)束了,其中串帶了很多的知識點(diǎn),復(fù)盤一下。
人物照片的處理
人物信息的處理
好了,以上就是這篇文章的所有內(nèi)容,希望對各位有所啟發(fā)。
還有一丟丟小福利:再評論區(qū)評論任意文字即可獲得本期兩個(gè)案例的操作技巧整理。
原標(biāo)題:PPT人物頁還在傻傻整齊堆照片?這個(gè)簡單實(shí)用的排版方式,創(chuàng)意滿滿!
]]>