今天的文章呢,就選幾頁來做個簡單復盤,在自己總結(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é):
為了進一步增強頁面空間層次,我們可以利用漸變矩形構(gòu)建一個立體墻面背景:
將此背景轉(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)封面美到窒息...
]]>這個頁面的背景質(zhì)感很強,到底是怎么做出來的?
這里可以看到更多的細節(jié):
不得不說,雖然這是一個細節(jié)設計,但的確是一個好問題。為什么這么說呢?
因為如果你看過其他的平面設計作品,其實也會發(fā)現(xiàn)很多類似的背景處理方式。
比如像這里右側(cè)的大理石背景處理:
還有像這里的光影和龍紋背景:
很簡單,其實就是疊加了一層紋理。
而這個背景處理的方法,在我們進行 PPT 設計時,同樣適用。
比如像我之前分享的這個案例,我疊加的就是一層墻體紋理:
就是典型的紋理疊加:
好了,到這里了,問題就來了,如果我們也想借用紋理,來提升 PPT 背景的質(zhì)感,那該怎么做呢?
在回答這個問題之前呢,咱們先來收藏幾個紋理素材網(wǎng)站。
1.Transparenttextures
https://www.transparenttextures.com
熟悉我的讀者都知道,我已經(jīng)推薦過很多次了,紋理素材的質(zhì)量,還是挺高的:
2.Heropatterns
http://www.heropatterns.com/
這里下載的紋理素材,是矢量格式,所以,無限放大,也不用擔心看不清楚:
3.圖魚
https://www.hituyu.com/
這是國內(nèi)的一個紋理素材平臺,數(shù)量挺多,主要是分類很詳細:
一般呢,會分為兩個場景:
1.背景中的使用
其實這個會非常簡單,因為只要我們疊加一個紋理,一般而言,都會比純色背景更有質(zhì)感。
比如在這里簡單舉個例子,就像這個封面:
如果我們單純的換成黑色,那質(zhì)感就會掉很多:
當然,如果我們做的 PPT 內(nèi)容,正好是某種紋理的類型,比如布藝,皮具,紙張類,那使用紋理素材會更加貼切。
啥意思呢?舉個例子,比如像這樣的一個頁面,內(nèi)容呢,是一個皮具品牌的發(fā)展歷史:
那我們就可以找一個皮具的紋理,作為背景素材。這是我在圖魚上找到的素材:
來看下這個皮具紋理的質(zhì)感:
然后呢,在頁面上簡單地完成文字的排版布局即可:
2.用在形狀中
很多時候,我們會在色塊上去寫字兒,但如果能夠疊加一層紋理,會讓色塊的質(zhì)感變得更強。
啥意思呢?同樣看倆例子。
比如像這個頁面,是來介紹某些地產(chǎn)品牌的運營狀況:
我們可以先來對頁面進行排版布局,完成初稿:
因為這是一份地產(chǎn) PPT ,所以,可以采用黑金搭配。在這里,我找了一張抽象的紋理線條,來增強質(zhì)感:
來看下完整的紋理效果:
把它疊加到 PPT 頁面的色塊上,來看看效果如何:
咱們再來看一下效果,視覺上會豐富很多,對嗎?
再比如像這個例子,是介紹王者榮耀中,某個英雄的皮膚設計理念:
同樣是先來進行簡單的內(nèi)容排版:
對于頁面上重點的信息呢,我采用了書法排版,更有國風的氣質(zhì):
另外,因為這是一個偏古風類的設計,所以,我們可以找一個古典花紋的紋理:
同樣是進行疊加:
然后呢,去調(diào)整一下紋理的顏色透明度,不要過于搶眼:
最后放在頁面上即可:
好了,到這里呢,關于紋理的使用,已經(jīng)說的差不多了,還有很多的用法,感興趣的讀者,可以自行挖掘。
好了,這篇文章就到這里。
各位可以在評論區(qū)評論任意文字即可獲取本文源文件,查看高清素材。
原標題:大神,萬科這張超質(zhì)感的海報怎么做的?一個PPT小技能搞定!
]]>