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