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