今天的文章呢,就選幾頁來做個簡單復盤,在自己總結(jié)經(jīng)驗的同時,也給大家分享一下設計的思路。
先來看看原稿吧:
這是一份關于百雀羚產(chǎn)品推廣的PPT,這類的護膚產(chǎn)品,宣傳物料大都給人一種精致高級感,所以我們以此為方向來設定一些基礎規(guī)范。
因為百雀羚強調(diào)的是天然護膚,整體的品牌色調(diào)偏綠,因此選取暗綠色為主色調(diào),再搭配金色和黃色,用于強調(diào)或點綴:
選用思源宋體作為頁面的標題字體,宋體是為適應印刷術而出現(xiàn)的一種字體,帶有東方文雅氣息,也契合百雀羚的品牌調(diào)性;
而正文字體選用了OPPOSans,增添時尚的韻味:
修飾的素材方面,主要是運用一些植物元素來修飾頁面,體現(xiàn)百雀羚天然優(yōu)質(zhì)草本原料這一概念:
PPT整體的背景為暗綠色,同時用光影和紋理來豐富頁面背景的質(zhì)感:
規(guī)范設定好后,便于我們把控整份PPT的風格統(tǒng)一,下面進入頁面修改環(huán)節(jié)。
原稿內(nèi)容不多,就只有l(wèi)ogo和標題,但整體版式較為普通,設計感不強:
我們先優(yōu)化標題文字,更換一個筆畫柔和的字體,把logo也更換為最新的版本:
接下來,思考:怎么能讓只有一句話的頁面,看起來精致又高端呢?
這時候就可以通過背景的設計來烘托呈現(xiàn)精致感,先找來一張植物圖片充當背景:
然后添加蒙版和光影素材,弱化圖片中的干擾元素,同時增加頁面的光感:
用一個中式卡片來承載標題,可以起一個強調(diào)的作用:
最后我們在頁面四周補充一些修飾元素,這樣封面就大致完成了:
在此基礎上,我還做了另外一個版本的封面,感覺有個倒影水波紋的效果會更好:
這個倒影是怎么實現(xiàn)的呢?也很簡單。
我們把原封面的尺寸裁剪成下圖這樣,用作被水面倒影的對象:
接著就要借用一個倒影生成的神器網(wǎng)站「Water Effect」:
將裁剪后的封面導出,上傳至此網(wǎng)站,即可自動生成倒影水波紋效果啦:
原稿是典型的卡片三段頁排版,但在對齊、陰影、信息層級等細節(jié)的處理上比較粗糙:
我們先把信息內(nèi)容提取出來,放大突出標題字體,讓信息層級更清晰:
然后加入相應的圖標,提高文案可視化程度,同時改用圓角卡片來承載信息內(nèi)容,圓角的卡片看著較為柔和舒適:
卡片上的圓形和標題字體都使用了漸變填充,這樣可以賦予元素光澤感,從而增加層次細節(jié):
為了進一步增強頁面空間層次,我們可以利用漸變矩形構建一個立體墻面背景:
將此背景轉(zhuǎn)化為圖片,設置「膠片顆?!顾囆g效果,背景就有了現(xiàn)實墻體的顆粒紋理質(zhì)感:
把卡片內(nèi)容放在背景上看看效果,感覺四周還是有點空空的:
最后我們還可以加入植物素材,來豐富修飾頁面,像這樣:
最終的頁面空間層次更強了,效果不錯吧~
這張頁面為產(chǎn)品頁,說實話,原稿的展示效果太差了,反而會拉低產(chǎn)品的檔次:
怎么去優(yōu)化呢?可以先把產(chǎn)品逐個摳出來:
延續(xù)前面的墻體背景思路,我們可以搭建一個場景來展示產(chǎn)品:
還可以繪制一些展臺元素,用于承載各個產(chǎn)品,這樣頁面效果會更真實:
接下來,我們將摳出來的產(chǎn)品放在展臺上,精致的感覺一下就有了,但還是有些空:
最后再補充上文字名稱和一些修飾元素,頁面效果就好了很多:
這頁是榮譽頁,原稿設計也是比較普通,沒有體現(xiàn)出榮譽獎章的含金量:
榮譽頁面的優(yōu)化,我們常常使用橄欖枝素材來修飾榮譽獎章:
為保持前后風格的統(tǒng)一,添加一個暗綠色的紋理質(zhì)感背景:
在原稿中,使用獎杯這一個思路挺不錯的,所以找了一個摳好的獎杯元素,來增強頁面的榮譽氛圍:
此時內(nèi)容的排版大致完成,我們可以繼續(xù)添加元素來豐富背景層次,避免頁面的單調(diào):
最后把所有元素放在同一頁面上看看效果,質(zhì)感還是挺豐富的:
好了,以上就是此次的優(yōu)化思路,我們最后來看下修改前后對比:
以上就是這份PPT的設計制作思路了,怎么樣?還不錯吧。
·
原標題:我?guī)椭瘖y品公司,做了一份PPT!動態(tài)封面美到窒息...
]]>