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