今天的文章呢,就選幾頁(yè)來(lái)做個(gè)簡(jiǎn)單復(fù)盤,在自己總結(jié)經(jīng)驗(yàn)的同時(shí),也給大家分享一下設(shè)計(jì)的思路。
先來(lái)看看原稿吧:
這是一份關(guān)于百雀羚產(chǎn)品推廣的PPT,這類的護(hù)膚產(chǎn)品,宣傳物料大都給人一種精致高級(jí)感,所以我們以此為方向來(lái)設(shè)定一些基礎(chǔ)規(guī)范。
因?yàn)榘偃噶鐝?qiáng)調(diào)的是天然護(hù)膚,整體的品牌色調(diào)偏綠,因此選取暗綠色為主色調(diào),再搭配金色和黃色,用于強(qiáng)調(diào)或點(diǎn)綴:
選用思源宋體作為頁(yè)面的標(biāo)題字體,宋體是為適應(yīng)印刷術(shù)而出現(xiàn)的一種字體,帶有東方文雅氣息,也契合百雀羚的品牌調(diào)性;
而正文字體選用了OPPOSans,增添時(shí)尚的韻味:
修飾的素材方面,主要是運(yùn)用一些植物元素來(lái)修飾頁(yè)面,體現(xiàn)百雀羚天然優(yōu)質(zhì)草本原料這一概念:
PPT整體的背景為暗綠色,同時(shí)用光影和紋理來(lái)豐富頁(yè)面背景的質(zhì)感:
規(guī)范設(shè)定好后,便于我們把控整份PPT的風(fēng)格統(tǒng)一,下面進(jìn)入頁(yè)面修改環(huán)節(jié)。
原稿內(nèi)容不多,就只有l(wèi)ogo和標(biāo)題,但整體版式較為普通,設(shè)計(jì)感不強(qiáng):
我們先優(yōu)化標(biāo)題文字,更換一個(gè)筆畫柔和的字體,把logo也更換為最新的版本:
接下來(lái),思考:怎么能讓只有一句話的頁(yè)面,看起來(lái)精致又高端呢?
這時(shí)候就可以通過(guò)背景的設(shè)計(jì)來(lái)烘托呈現(xiàn)精致感,先找來(lái)一張植物圖片充當(dāng)背景:
然后添加蒙版和光影素材,弱化圖片中的干擾元素,同時(shí)增加頁(yè)面的光感:
用一個(gè)中式卡片來(lái)承載標(biāo)題,可以起一個(gè)強(qiáng)調(diào)的作用:
最后我們?cè)陧?yè)面四周補(bǔ)充一些修飾元素,這樣封面就大致完成了:
在此基礎(chǔ)上,我還做了另外一個(gè)版本的封面,感覺有個(gè)倒影水波紋的效果會(huì)更好:
這個(gè)倒影是怎么實(shí)現(xiàn)的呢?也很簡(jiǎn)單。
我們把原封面的尺寸裁剪成下圖這樣,用作被水面倒影的對(duì)象:
接著就要借用一個(gè)倒影生成的神器網(wǎng)站「Water Effect」:
將裁剪后的封面導(dǎo)出,上傳至此網(wǎng)站,即可自動(dòng)生成倒影水波紋效果啦:
原稿是典型的卡片三段頁(yè)排版,但在對(duì)齊、陰影、信息層級(jí)等細(xì)節(jié)的處理上比較粗糙:
我們先把信息內(nèi)容提取出來(lái),放大突出標(biāo)題字體,讓信息層級(jí)更清晰:
然后加入相應(yīng)的圖標(biāo),提高文案可視化程度,同時(shí)改用圓角卡片來(lái)承載信息內(nèi)容,圓角的卡片看著較為柔和舒適:
卡片上的圓形和標(biāo)題字體都使用了漸變填充,這樣可以賦予元素光澤感,從而增加層次細(xì)節(jié):
為了進(jìn)一步增強(qiáng)頁(yè)面空間層次,我們可以利用漸變矩形構(gòu)建一個(gè)立體墻面背景:
將此背景轉(zhuǎn)化為圖片,設(shè)置「膠片顆?!顾囆g(shù)效果,背景就有了現(xiàn)實(shí)墻體的顆粒紋理質(zhì)感:
把卡片內(nèi)容放在背景上看看效果,感覺四周還是有點(diǎn)空空的:
最后我們還可以加入植物素材,來(lái)豐富修飾頁(yè)面,像這樣:
最終的頁(yè)面空間層次更強(qiáng)了,效果不錯(cuò)吧~
這張頁(yè)面為產(chǎn)品頁(yè),說(shuō)實(shí)話,原稿的展示效果太差了,反而會(huì)拉低產(chǎn)品的檔次:
怎么去優(yōu)化呢?可以先把產(chǎn)品逐個(gè)摳出來(lái):
延續(xù)前面的墻體背景思路,我們可以搭建一個(gè)場(chǎng)景來(lái)展示產(chǎn)品:
還可以繪制一些展臺(tái)元素,用于承載各個(gè)產(chǎn)品,這樣頁(yè)面效果會(huì)更真實(shí):
接下來(lái),我們將摳出來(lái)的產(chǎn)品放在展臺(tái)上,精致的感覺一下就有了,但還是有些空:
最后再補(bǔ)充上文字名稱和一些修飾元素,頁(yè)面效果就好了很多:
這頁(yè)是榮譽(yù)頁(yè),原稿設(shè)計(jì)也是比較普通,沒有體現(xiàn)出榮譽(yù)獎(jiǎng)?wù)碌暮鹆浚?/p>
榮譽(yù)頁(yè)面的優(yōu)化,我們常常使用橄欖枝素材來(lái)修飾榮譽(yù)獎(jiǎng)?wù)拢?/strong>
為保持前后風(fēng)格的統(tǒng)一,添加一個(gè)暗綠色的紋理質(zhì)感背景:
在原稿中,使用獎(jiǎng)杯這一個(gè)思路挺不錯(cuò)的,所以找了一個(gè)摳好的獎(jiǎng)杯元素,來(lái)增強(qiáng)頁(yè)面的榮譽(yù)氛圍:
此時(shí)內(nèi)容的排版大致完成,我們可以繼續(xù)添加元素來(lái)豐富背景層次,避免頁(yè)面的單調(diào):
最后把所有元素放在同一頁(yè)面上看看效果,質(zhì)感還是挺豐富的:
好了,以上就是此次的優(yōu)化思路,我們最后來(lái)看下修改前后對(duì)比:
以上就是這份PPT的設(shè)計(jì)制作思路了,怎么樣?還不錯(cuò)吧。
·
原標(biāo)題:我?guī)椭瘖y品公司,做了一份PPT!動(dòng)態(tài)封面美到窒息...
]]>這篇文章來(lái)修改一下產(chǎn)品介紹類PPT。
整份 PPT,大概長(zhǎng)這個(gè)樣子
同樣的,按照慣例,咱們依舊從中,挑選4頁(yè)進(jìn)行修改:
好了,不廢話,直接進(jìn)入正題。
因?yàn)檫@是一份品牌的PPT,所以,整套幻燈片的色彩搭配,我們就可以從 logo 中進(jìn)行選擇:
字體的話,用黑體系列就行,我就不多廢話了。
接下來(lái)呢,咱們就直接進(jìn)入到,每一頁(yè) PPT 的修改。
這張封面頁(yè),最大的問(wèn)題呢,其實(shí)就是元素沒有對(duì)齊;
另外,就是標(biāo)題的主次關(guān)系,我覺得有一些顛倒,強(qiáng)調(diào)的不應(yīng)該是產(chǎn)品介紹這一行信息:
所以,我們只需要簡(jiǎn)單的把內(nèi)容對(duì)齊,調(diào)整標(biāo)題主次關(guān)系,那這個(gè)封面的視覺效果,就會(huì)好很多:
這是靜態(tài)的效果:
當(dāng)然,按照我之前給大家講過(guò)的方法,為了避免頁(yè)面單調(diào),我們可以添加一個(gè)色塊:
這就能完成一個(gè),70分左右的 PPT 封面了:
不過(guò),如果我們細(xì)看,其實(shí)會(huì)發(fā)現(xiàn),這個(gè)產(chǎn)品有點(diǎn)歪,因?yàn)檫@里是側(cè)視圖的產(chǎn)品展示:
所以,為了讓產(chǎn)品看上去變得更正,我們可以在產(chǎn)品圖底部,添加一個(gè)與產(chǎn)品傾斜角度相同的色塊:
就像這樣,看上去是不是好很多呢?
另外,因?yàn)楸尘笆且粋€(gè)偏藍(lán)色的空間,而產(chǎn)品圖的色調(diào)偏暖色,會(huì)有些突兀,所以,我們可以考慮把產(chǎn)品圖的色調(diào),變?yōu)樗{(lán)色:
是不是與背景融合度更高呢?
那么,該如何調(diào)整圖片的色調(diào)呢?非常簡(jiǎn)單,利用 PPT 自帶的圖片處理功能即可。
我們可以選擇調(diào)整圖片的飽和度或色調(diào)均可:
為了讓各位理解的更清晰,我錄了一個(gè)動(dòng)圖,大家可以看下,隨著飽和度參數(shù)的變化,產(chǎn)品圖片色調(diào)的變化過(guò)程:
好了,到這里呢,我們?cè)倏聪伦罱K的封面頁(yè)效果:
這里有一大段的產(chǎn)品介紹信息,但是呢,內(nèi)容之間的邏輯關(guān)系不夠清晰,除此之外,頁(yè)面的標(biāo)題可以進(jìn)一步優(yōu)化,直接描述重點(diǎn)。
那該怎么做呢?我們可以直接把產(chǎn)品的介紹寫在頁(yè)面標(biāo)題里:
那對(duì)于剩下的內(nèi)容呢?我們就需要來(lái)梳理它的邏輯關(guān)系。
簡(jiǎn)單分析可知,這一段文字,其實(shí)包含了三層信息,而且每一層信息都是遞進(jìn)的。
因此,我們可以考慮用遞進(jìn)的邏輯圖形,來(lái)進(jìn)行呈現(xiàn)。
好的,分析到這兒呢,我們就可以來(lái)對(duì)每一部分的內(nèi)容,進(jìn)行拆解,并提煉出關(guān)鍵詞,從而讓內(nèi)容更容易理解:
然后呢,我們可以把提煉后的信息,放在對(duì)應(yīng)的邏輯圖形內(nèi),簡(jiǎn)單的排版布局,就可以了:
如果你覺得頁(yè)面單調(diào),也可以考慮添加一張背景圖片,來(lái)豐富視覺效果:
這是一個(gè)流程圖,相信大家都看得出來(lái),這個(gè)圖上的線條太多了,看起來(lái)會(huì)有一點(diǎn)亂。
那該怎么修改呢?分享一個(gè)小竅門。
我們可以拋棄原有的大括號(hào)的箭頭,而改用直線,來(lái)界定不同階段的邊界即可。
這樣是不是清晰很多呢?
另外呢,為了讓頁(yè)面上的信息結(jié)構(gòu)區(qū)分更加明顯,我們可以使用不同的顏色,來(lái)進(jìn)行內(nèi)容的區(qū)分:
同樣地,為了避免頁(yè)面單調(diào),可以考慮增加背景圖片:
這是一個(gè)典型的文字列表頁(yè),共分為5項(xiàng)內(nèi)容。這種內(nèi)容的排版形式,太簡(jiǎn)單了。
你可以插入5個(gè)色塊,或者將這5段信息并列排版均可。
如果你不想這樣做,在這里,也給大家提供另外一種方式,可以采用中心分散型布局:
同樣也可以表達(dá)并列關(guān)系。最后呢,把背景色,與前面的頁(yè)面統(tǒng)一即可:
到這里呢,整份 PPT 的修改,已經(jīng)全部完成了,咱們整體來(lái)看一下效果:
再來(lái)對(duì)比一下之前的頁(yè)面:
怎么樣?還可以吧?沒有特別復(fù)雜的操作,也沒有特別花哨的效果。
只需要簡(jiǎn)單的操作,你也可以做出來(lái),關(guān)鍵點(diǎn)在于能理解內(nèi)容的關(guān)系,并且有一些版式的積累。
好了,希望對(duì)各位有所幫助。
原標(biāo)題:我花了60分鐘,為讀者修改了一份產(chǎn)品介紹類PPT!
]]>