這是一份智慧城市的建設(shè)方案,內(nèi)容有很多,不過有一些是重復(fù)的版式,所以,我從中挑選5張比較典型的頁面:
因?yàn)檫@是一份智慧城市主題的的 PPT 方案,所以,從整體來看的話,它的問題在于,視覺風(fēng)格沒有科技感。而且頁面上使用的一些圖形,也很過時(shí)。
所以,咱們先來想一想,如何去構(gòu)建這套幻燈片的視覺風(fēng)格?
如果沒有思路的話,我們可以先在網(wǎng)上找一些科技感的設(shè)計(jì)作品:
從這些作品中,我們可以總結(jié)出來,所謂科技感的風(fēng)格,一般的視覺特征的是這樣的:
- 深色背景
- 藍(lán)色或青色的主色調(diào)
- 使用光效或粒子素材
所以,這份幻燈片的話,咱們也可以朝這個(gè)視覺方向來走。
首先是背景,我們可以選擇深藍(lán)色漸變背景,這樣的話呢,既有科技感,也會有層次感:
其次是頁面的主色調(diào),我們可以選擇藍(lán)色漸變:
而字體的話,因?yàn)檫@是一份科技感的幻燈片,所以,我們盡量選擇棱角比較分明的字體,我選的是銳字銳線怒放黑簡體:
好了,大致的視覺風(fēng)格,我們確定下來了。然后,我們來簡單確定下內(nèi)容頁的版式樣式。
因?yàn)槭强萍几械闹黝},所以,在標(biāo)題欄的設(shè)計(jì)上,我們可以做出一點(diǎn)科技感的樣式:
接下來,咱們就進(jìn)入到單頁 PPT 的修改。
一、封面頁修改
這一頁 PPT 的主要問題,就是頁面上修飾的元素太多了,有一點(diǎn)干擾文字內(nèi)容。
首先,我們把文字內(nèi)容,居中擺放在頁面上,并且為了體現(xiàn)出科技感,我們可以在副標(biāo)題在下方,添加一個(gè)科技感線條:
接下來,為了能豐富頁面的視覺效果,我們可以找一張背景圖片:
但是呢,文字的排版形式有一些普通,所以,我們可以考慮對封面標(biāo)題文案進(jìn)行排版優(yōu)化。
首先,我們把<智慧城管>4個(gè)字單獨(dú)提煉出來,作為重點(diǎn)信息,我把我的調(diào)整過程列出來:
當(dāng)標(biāo)題字體完成之后,為了能夠與標(biāo)題的斜度,保持一致,所以,副標(biāo)題字體,也建議使用斜體:
到這里呢,我們封面的標(biāo)題排版,就算完成了:
接下來,修改下文字的色調(diào),并且,添加一個(gè)光效素材,進(jìn)行細(xì)節(jié)的優(yōu)化就可以了:
二、目錄頁修改
這一頁的問題跟上一頁類似,也是修飾元素太多了。另外,當(dāng)頁面上有項(xiàng)目符號時(shí),就不要添加數(shù)字了,因?yàn)閮蓚€(gè)的意思是一樣的。
其實(shí)非常簡單,目錄頁的排版,我們無非就是把這幾項(xiàng)內(nèi)容,以一種特定的方式排列出來,就可以了。
為了能夠有一點(diǎn)新意,我排列的形式,大概長這個(gè)樣子:
然后,我們?nèi)?strong>添加相應(yīng)的線條,進(jìn)行修飾就可以了:
我也順手加了一個(gè)動(dòng)畫效果,大家可以來看下:
三、第三頁修改
它的問題就在于,因?yàn)轫撁鎯?nèi)容太多,導(dǎo)致排版太不工整,有點(diǎn)雜亂。
而且,從文字內(nèi)容可以看得出來,這應(yīng)該是智慧系統(tǒng)的具體內(nèi)容,但設(shè)計(jì)的呈現(xiàn),不像是一個(gè)生態(tài)系統(tǒng)。
既然這是一座城市的智慧管理系統(tǒng),那么,我們可以找一些城市場景,而為了能夠體現(xiàn)出科技感,我找的是一些粒子感城市:
另外,為了表現(xiàn)出生態(tài)感,我們可以使用一些漸變線條,來進(jìn)行呈現(xiàn):
還有,為了能夠體現(xiàn)出,這是一套數(shù)字化管理系統(tǒng),我們可以找一張有代碼的素材,我找的是這一張:
另外,因?yàn)檫@張圖片有一些弧度,而且有一個(gè)底座,所以,我們可以在城市的底部,繪制一些橢圓,與底座保持一致即可:
當(dāng)然,這一頁同樣有動(dòng)畫,大家一起看下:
四、第四頁修改
這是一個(gè)系統(tǒng)架構(gòu)的圖形,它的邏輯呈現(xiàn)呢,也挺清楚,但就是視覺表達(dá)上,有點(diǎn)丑。
因?yàn)槲易罱貏e喜歡2.5D的風(fēng)格,所以,第一時(shí)間我想到的,是做成2.5D風(fēng)格的流程圖。
首先,在網(wǎng)上找到一些相關(guān)的圖形素材:
接下來,我們就把這些素材,按照內(nèi)容之間的邏輯關(guān)系,擺放在頁面上:
最后呢,使用PPT軟件自帶的三維旋轉(zhuǎn)功能,我們把文字,貼在對應(yīng)的素材上即可:
另外,還有一個(gè)細(xì)節(jié)大家可以注意下,那就是我在頁面底部添加了一層傾斜的網(wǎng)格線:
那這個(gè)線條是干什么用的呢?很簡單,就是為了能夠讓頁面看起來更有空間感,而且,可以讓頁面的排版顯得很整齊:
我也給一頁的PPT,添加了動(dòng)畫效果,大家可以來看一下:
不得不說,這一頁的制作難度還是挺大的。給各位看一下,我在設(shè)計(jì)制作這一張 PPT 時(shí)的一些廢片:
五、第五頁修改
這一頁的邏輯關(guān)系也挺清楚,但頁面的圖形,也是有點(diǎn)過時(shí),給形狀添加的效果太多了。
除此之外,右側(cè)文字內(nèi)容沒有與色塊居中對齊, 這是一個(gè)小問題。
其實(shí),這一頁的邏輯關(guān)系很清楚,我們要做的,只是把這些丑丑的圖形,換成科技風(fēng)格的就可以了。
我們可以基于內(nèi)容的邏輯關(guān)系,先來繪制一個(gè)簡單的草圖:
接下來,我們需要做的,就是讓圖形的效果,與整體的 PPT 風(fēng)格保持一致:
然后,把對應(yīng)的文字內(nèi)容,填充在相應(yīng)的位置即可:
到這里呢,這一套PPT的修改,就算完成了。咱們來前后對比看一下。
- 修改前 -
這套PPT的修改,其實(shí)難度并不大,主要是我想把第4頁做成2.5D風(fēng)格,這多花了一些時(shí)間。
哈哈,不過,誰讓我特別喜歡呢,希望對大家有所幫助。
原標(biāo)題:我花了5個(gè)小時(shí),幫讀者修改了一份職場PPT,值得一看!
原作者:旁門左道PPT 微信號:pangmenzd 自媒體大咖進(jìn)駐
構(gòu)圖真棒