上個(gè)月,我在公眾號(hào)寫了一篇思路拆解的文章,一步步地展現(xiàn)了兩張PPT封面的設(shè)計(jì)過程。
沒看過的,可以點(diǎn)這里閱讀:
思路拆解,兩個(gè)真實(shí)案例展現(xiàn)PPT設(shè)計(jì)的全過程
文章一經(jīng)推出,沒想到收到了很多人的喜愛,紛紛要求我快出續(xù)集。
各位,久等了。今天就跟各位分享一下,內(nèi)容頁(yè)的設(shè)計(jì)過程。
廢話不多,我們直接進(jìn)入正題。
案例一:
拿到這些文字內(nèi)容之后,別著急下手,先來梳理一下內(nèi)容的層級(jí)關(guān)系。
大概是這樣的:
為了讓觀眾優(yōu)先注意到頁(yè)面的主要信息,我們可以將它放在頁(yè)面的中心位置,將次要信息放在邊緣部分。
我簡(jiǎn)單畫了一個(gè)版式:
接下來,把內(nèi)容填在這個(gè)版式中,并且添加一些小圖標(biāo),從而更好豐富頁(yè)面視覺效果:
看起來有了一個(gè)大概的樣子,但是,頁(yè)面顯得過于單調(diào)。怎么處理呢?
我們可以添加多一點(diǎn)的輪廓線,就像這樣:
好像豐富一點(diǎn),對(duì)吧?但依舊有些單調(diào)。怎么辦呢?
我們可以打開產(chǎn)品官網(wǎng),來獲取一些優(yōu)化思路。基于官網(wǎng)的設(shè)計(jì)風(fēng)格,我們發(fā)現(xiàn),在形狀以及色彩搭配方面,與官方存在一些差異。
所以,我們可以提取這些特征,將其應(yīng)用在幻燈片中。
通過更改配色,以及添加背景圖片,我們可以把幻燈片做成這樣:
當(dāng)然,如果你覺得頁(yè)面有些單調(diào),可以在背景上,全盤使用大面積的漸變色:
這樣,就可以完成一頁(yè)還不錯(cuò)的PPT內(nèi)容排版。
案例二:
我們看到,現(xiàn)在頁(yè)面上有這樣的一些文字內(nèi)容,該怎么將它變?yōu)榭梢暬呐虐婺兀?/span>
依舊是先來分析文案的層級(jí),大概是這樣:
為了讓一級(jí)信息更加被凸顯出來,我們依舊可以將其放在中心,二級(jí)信息邊緣化,跟上一個(gè)案例中的版式差不多:
然后,把文字內(nèi)容填到版式里:
如果你喜歡比較簡(jiǎn)約的設(shè)計(jì)風(fēng)格,那么,這個(gè)頁(yè)面已經(jīng)能夠滿足你的需求。
而如果你想將其變?yōu)楦?/span>科技感的風(fēng)格,我們可以再進(jìn)一步優(yōu)化。
不過,科技感風(fēng)格是什么樣的呢?我們可以在網(wǎng)上找一些參考素材。
先來找一堆科技風(fēng)格的案例,發(fā)現(xiàn)所謂科技風(fēng),是以藍(lán)綠為主,且有一定漸變或者光效等:
再來找一些科技風(fēng)格的元素,會(huì)發(fā)現(xiàn)有很多的折線或者是半封閉圓形等:
當(dāng)然,我們也可以再多找一些科技感的背景素材:
接下來要做的,無非就是把這些科技元素,與上面做出的頁(yè)面結(jié)合起來。
我們可以先來?yè)Q上背景素材:
然后,可以在文字底部添加一些科技感的圓環(huán),來豐富頁(yè)面細(xì)節(jié):
當(dāng)然,為了能夠更加增強(qiáng)科技感,可以再添加一些科技元素,比如中心圓圈的環(huán),從而讓頁(yè)面變得更像科技風(fēng):
到這里,基本上就把這頁(yè)P(yáng)PT完成了。不難吧?
以上,這是本期的一些案例內(nèi)容,主要分享了兩個(gè),有邏輯關(guān)系內(nèi)容的排版過程。
其中,第一步的信息梳理尤為重要,因?yàn)樗诤艽蟪潭壬?,決定了最終頁(yè)面的排版樣式。
另外,PPT設(shè)計(jì)的過程,本質(zhì)上就是信息可視化的過程,我們一切的設(shè)計(jì)想法,都是圍繞它來做文章。所以,千萬不要忽略信息的梳理。
總之,希望能夠?qū)δ阌兴鶐椭伞?/span>