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