前幾天,在直播的時(shí)候,有位讀者問(wèn)了一個(gè)好問(wèn)題。什么呢?
他說(shuō)自己能夠把單頁(yè)P(yáng)PT,做得很不錯(cuò),但如果要處理一整套,就不行了。
這應(yīng)該是很多人會(huì)遇到的一個(gè)問(wèn)題。
為啥呢?其實(shí)很簡(jiǎn)單,原因就在于,沒(méi)有統(tǒng)一整體的PPT視覺(jué)風(fēng)格。
而這,就會(huì)導(dǎo)致,單頁(yè)P(yáng)PT看起來(lái)很好,但一整套堆在一起就很亂:
咋解決呢?其實(shí)我們要做的,就是在整套的PPT頁(yè)面上,建立一些視覺(jué)錨點(diǎn),從而做到視覺(jué)延續(xù):
啥意思呢?翻譯成人話,就是把頁(yè)面上的某些元素,進(jìn)行重復(fù)出現(xiàn)。
比如像這套 PPT 模板,我們看起來(lái)會(huì)覺(jué)得視覺(jué)風(fēng)格挺統(tǒng)一的,原因在于頁(yè)面上有綠色不規(guī)則色塊的延續(xù):
同樣地,再比如像我之前修改的這份 PPT ,它的視覺(jué)錨點(diǎn)就是藍(lán)色和黃色色塊的延續(xù):
那在PPT設(shè)計(jì)中,為了讓整體視覺(jué)風(fēng)格統(tǒng)一,我們都需要讓哪些元素進(jìn)行視覺(jué)重復(fù)呢?
一、標(biāo)題位置和版心區(qū)域
這兩部分的位置,盡量做到固定,如果能做到這一點(diǎn),那么,PPT整體的頁(yè)面版式,看起來(lái)就會(huì)很整齊。
頁(yè)面的標(biāo)題和版心的位置是固定的,所以,看起來(lái)會(huì)整齊很多:
同樣地,還有這個(gè)頁(yè)面,也是一樣的:
二、典型版式
在一份PPT中,像過(guò)渡頁(yè),一般會(huì)出現(xiàn)好幾次,對(duì)于這種內(nèi)容類(lèi)型相同的頁(yè)面,版式也要固定。
比如像這份 PPT 中,封面和尾頁(yè)的版式是一致的:
三、修飾元素
如果說(shuō)在頁(yè)面上添加了一些修飾物,那么,重復(fù)出現(xiàn),就能起到視覺(jué)延續(xù)的效果。
比如像這份 PPT 頁(yè)面的四周,會(huì)有一些相似的修飾元素:
四、色彩字體
這個(gè)不用多說(shuō)了,因?yàn)?strong>顏色和字體固定下來(lái),可以讓視覺(jué)風(fēng)格很統(tǒng)一:
這里補(bǔ)充一點(diǎn),對(duì)于背景的話,沒(méi)必要所有的頁(yè)面都一樣,適當(dāng)有一些變化,可以避免無(wú)聊。
五、圖形樣式
如果在PPT中,出現(xiàn)了一些特征很明顯的圖形,那么,在所有頁(yè)面中都使用它,也能夠保持風(fēng)格延續(xù)。
比如說(shuō)像這份 PPT 中,為了保持風(fēng)格統(tǒng)一,采用了統(tǒng)一的平行四邊形樣式:
讓頁(yè)面視覺(jué)風(fēng)格統(tǒng)一的要點(diǎn)呢,其實(shí)就這么幾個(gè)。
那么,為了讓各位理解,咱們通過(guò)一個(gè)實(shí)際的例子,來(lái)練習(xí)一遍。
六、實(shí)際案例
比如像這套PPT,是一位讀者投稿給我的,風(fēng)格上有一些混亂:
- 標(biāo)題位置及樣式不統(tǒng)一;
- 版心區(qū)域不固定;
- 頁(yè)面色彩方案不統(tǒng)一;
那如果我們想要統(tǒng)一視覺(jué)風(fēng)格,那么,咱們一步步來(lái)試一下。我從中間篩選出幾頁(yè),我們就拿這4頁(yè)來(lái)修改:
所以,PPT 的主色調(diào)也用紅色,當(dāng)然,為了避免視覺(jué)單調(diào),我們可以加一些輔助色:
然后,確定標(biāo)題位置、修飾元素和版心區(qū)域。
我們從原稿中來(lái)看,頁(yè)面的標(biāo)題位置,是不統(tǒng)一的:
所以,我們先來(lái)確定一下內(nèi)容頁(yè)標(biāo)題的位置,比如就在這里:
而為了讓頁(yè)面的視覺(jué)風(fēng)格建立延續(xù),我們可以在標(biāo)題欄上添加一些修飾。
那加什么呢?我們?cè)俅位氐?Logo 上,會(huì)發(fā)現(xiàn),這里有很多三角形的結(jié)構(gòu):
而且,這是一家跟電影有關(guān)的企業(yè),所以,我就想設(shè)計(jì)一些三角形,或者視頻播放的樣式:
有了標(biāo)題的位置之后,我們可以根據(jù)標(biāo)題左側(cè)的文字的起始位置,確定左側(cè)參考線,另外,基于左右頁(yè)邊距一致的原則,來(lái)確定版心的區(qū)域:
有了這些之后,我們就可以進(jìn)入到單個(gè)頁(yè)面的排版。
因?yàn)槲覀円呀?jīng)確定了頁(yè)面左側(cè)邊距的距離,所以,可以先來(lái)簡(jiǎn)單的對(duì)頁(yè)面做一個(gè)排版:
右側(cè)的話,我們可以用來(lái)加一張與電影票有關(guān)的圖片:
我本來(lái)以為能在網(wǎng)上找到一些素材,但沒(méi)有合適的,所以,我就借用樣機(jī),自己做了一張:
當(dāng)然除了這個(gè)之外呢,我還做了另外一個(gè)版本:
本來(lái)的思路是,在這些球上去貼一些與影院有關(guān)的小圖標(biāo),但效果不好,所以,就把它給放棄了。
這是一個(gè)表格,但其實(shí)呢,我覺(jué)得不用表格的形式會(huì)更好。
因?yàn)樗鼰o(wú)非就是一個(gè)包含的關(guān)系,全能版配置包含軟件和硬件兩方面,所以呢,我構(gòu)思的版式布局,大概是這樣的:
我們可以把產(chǎn)品的售價(jià),放到紅色的圓形色塊上:
這是很簡(jiǎn)單的證書(shū)排版,我們?cè)趦?yōu)化的時(shí)候,可以把這三個(gè)證書(shū),橫向擺放,保持間距相等:
然后呢,為了與前面的色彩風(fēng)格保持匹配,可以添加一些黃色的色塊作為襯底:
通過(guò)添加倒影,可以讓證書(shū)更有立體的效果:
最后,在底部再來(lái)疊加一個(gè)紅色的色塊,同樣是為了與整體的視覺(jué)風(fēng)格保持延續(xù):
這個(gè)呢,主要是介紹了產(chǎn)品的一個(gè)功能,這個(gè)檢票的機(jī)器屏幕,與右側(cè)的界面,采用了一個(gè)紅色箭頭進(jìn)行連接,表示對(duì)應(yīng)關(guān)系。
但其實(shí)呢,我們可以把它做成彈窗的樣式,這樣看起來(lái)關(guān)聯(lián)會(huì)更強(qiáng):
這里有一個(gè)細(xì)節(jié)注意,我在界面的右側(cè),添加了一條黃色的線條,這樣可以讓它看起來(lái)更有厚度:
然后,我們把文字和處理好的圖片放到頁(yè)面上,進(jìn)行左右布局:
最后,為了保持視覺(jué)風(fēng)格的統(tǒng)一,同樣是添加一個(gè)紅色色塊就可以了:
咱們整體再來(lái)看一下,它的視覺(jué)風(fēng)格,是不是保持一致了呢?
-前-
-后-
好了,這就是如何讓一整套PPT的風(fēng)格,變得更統(tǒng)一的一些方法和案例,希望對(duì)大家有所幫助。
原標(biāo)題:邵大,PPT做的太亂被領(lǐng)導(dǎo)罵慘了,這樣的頁(yè)面還有救嗎...
]]>