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