先問大家一個(gè)問題:
不用一張圖片?怎么才能做出一份有質(zhì)感的工作匯報(bào)PPT?
來(lái)看下原稿內(nèi)容頁(yè)面:有封面頁(yè)、多項(xiàng)內(nèi)容頁(yè)、數(shù)據(jù)展示頁(yè)、對(duì)比內(nèi)容頁(yè),是常見的頁(yè)面類型。
在開始找靈感、找素材前,可以先把頁(yè)面的文本內(nèi)容梳理一下,進(jìn)行簡(jiǎn)單的排版,這樣在尋找版式靈感參考時(shí),就有清晰的方向。
風(fēng)格規(guī)范
看到是工作匯報(bào)型PPT,就可以確定風(fēng)格為商務(wù)風(fēng);
在站酷找靈感參考時(shí),發(fā)現(xiàn)一些APP的展示頁(yè)面排版不錯(cuò),這種UI風(fēng)格頁(yè)面常采用色塊+陰影來(lái)進(jìn)行場(chǎng)景展示,很有層次感。
所以考慮把商務(wù)風(fēng)和UI風(fēng)結(jié)合一下進(jìn)行設(shè)計(jì)。
根據(jù)這個(gè)方向,結(jié)合中國(guó)銀行的LOGO元素等,可以大致確定PPT的配色和字體:
頁(yè)面設(shè)計(jì)
有了確定的設(shè)計(jì)規(guī)范,在設(shè)計(jì)的時(shí)候就不容易“迷路”。
先前確定封面版式為左文右圖,根據(jù)商務(wù)風(fēng)格,可以找與銀行相匹配的圖片來(lái)填充。
但想到銀行,腦海浮現(xiàn)的更多的是銀行卡這一元素,按照事先確定的風(fēng)格,可以用銀行卡這樣排版:
這里的銀行卡我們也沒有圖片,但可以用PPT來(lái)繪制,這樣也方便編輯修改,很快就能得到不同顏色的銀行卡:
頁(yè)面左側(cè)紅色標(biāo)題配白色背景,看起來(lái)還是有些單調(diào),根據(jù)銀行卡的形狀,在頁(yè)面底部再加些圓角矩形,豐富層次感:
到這里看,整體效果還不錯(cuò),但黑色比重有些大,加個(gè)紅色漸變蒙版減弱黑色比重;
再來(lái)點(diǎn)少許半調(diào)粒子元素,增加質(zhì)感(哈哈,像極了做飯):
為保持風(fēng)格的統(tǒng)一,先把封面中的色塊、陰影、半調(diào)粒子等元素延續(xù)下來(lái):
底部的色塊對(duì)文本內(nèi)容干擾比較嚴(yán)重,所以考慮用白色色塊承載文本內(nèi)容:
文本內(nèi)容相對(duì)單調(diào),利用圖標(biāo)讓文本內(nèi)容更具可視化,像這樣:
做到這基本可以了,但還可以在細(xì)節(jié)上優(yōu)化一下:
數(shù)據(jù)展示頁(yè)比較讓人頭疼,大致也可以分為三點(diǎn),延續(xù)第二頁(yè)的風(fēng)格,先把風(fēng)格元素都套上:
接著,就是把其中的數(shù)據(jù)內(nèi)容可視化。
分析文本內(nèi)容,可以發(fā)現(xiàn),這三點(diǎn)中的數(shù)據(jù)較之前都實(shí)現(xiàn)的增長(zhǎng),基于這一點(diǎn),我們用彎曲箭頭來(lái)體現(xiàn)增長(zhǎng)額趨勢(shì):
到這里已經(jīng)排好了文本內(nèi)容,繼續(xù)優(yōu)化一下細(xì)節(jié),增加紅色元素減弱黑色比重:
對(duì)比頁(yè)大多為左右排版對(duì)比,文本內(nèi)容不多,套入統(tǒng)一的風(fēng)格元素,先看看效果:
同樣,可以利用圖標(biāo)讓文本內(nèi)容更具可視化,同時(shí)加上VS字樣:
但是,仔細(xì)想想,優(yōu)勢(shì)和劣勢(shì)是存款同時(shí)存在的兩種情況,而“VS”通常有“對(duì)抗”的意思,用在這里不妥。
所以,把它們區(qū)分開來(lái)就好,這里可以用豎墻+投影來(lái)區(qū)分,同時(shí)還增加了空間感:
做到這里基本排版也算完成了,我們可以再優(yōu)化一下細(xì)節(jié):
總結(jié)
好了,到這里,這4頁(yè)P(yáng)PT已設(shè)計(jì)完成,我們來(lái)看看前后效果:
希望以上的分享能幫助到你。
原標(biāo)題:不用一張圖片,我為中國(guó)銀行,做了一份工作匯報(bào)PPT
]]>