今天的文章呢,就選幾頁來做個(gè)簡單復(fù)盤,在自己總結(jié)經(jīng)驗(yàn)的同時(shí),也給大家分享一下設(shè)計(jì)的思路。
先來看看原稿吧:
這是一份關(guān)于百雀羚產(chǎn)品推廣的PPT,這類的護(hù)膚產(chǎn)品,宣傳物料大都給人一種精致高級(jí)感,所以我們以此為方向來設(shè)定一些基礎(chǔ)規(guī)范。
因?yàn)榘偃噶鐝?qiáng)調(diào)的是天然護(hù)膚,整體的品牌色調(diào)偏綠,因此選取暗綠色為主色調(diào),再搭配金色和黃色,用于強(qiáng)調(diào)或點(diǎn)綴:
選用思源宋體作為頁面的標(biāo)題字體,宋體是為適應(yīng)印刷術(shù)而出現(xiàn)的一種字體,帶有東方文雅氣息,也契合百雀羚的品牌調(diào)性;
而正文字體選用了OPPOSans,增添時(shí)尚的韻味:
修飾的素材方面,主要是運(yùn)用一些植物元素來修飾頁面,體現(xiàn)百雀羚天然優(yōu)質(zhì)草本原料這一概念:
PPT整體的背景為暗綠色,同時(shí)用光影和紋理來豐富頁面背景的質(zhì)感:
規(guī)范設(shè)定好后,便于我們把控整份PPT的風(fēng)格統(tǒng)一,下面進(jìn)入頁面修改環(huán)節(jié)。
原稿內(nèi)容不多,就只有l(wèi)ogo和標(biāo)題,但整體版式較為普通,設(shè)計(jì)感不強(qiáng):
我們先優(yōu)化標(biāo)題文字,更換一個(gè)筆畫柔和的字體,把logo也更換為最新的版本:
接下來,思考:怎么能讓只有一句話的頁面,看起來精致又高端呢?
這時(shí)候就可以通過背景的設(shè)計(jì)來烘托呈現(xiàn)精致感,先找來一張植物圖片充當(dāng)背景:
然后添加蒙版和光影素材,弱化圖片中的干擾元素,同時(shí)增加頁面的光感:
用一個(gè)中式卡片來承載標(biāo)題,可以起一個(gè)強(qiáng)調(diào)的作用:
最后我們?cè)陧撁嫠闹苎a(bǔ)充一些修飾元素,這樣封面就大致完成了:
在此基礎(chǔ)上,我還做了另外一個(gè)版本的封面,感覺有個(gè)倒影水波紋的效果會(huì)更好:
這個(gè)倒影是怎么實(shí)現(xiàn)的呢?也很簡單。
我們把原封面的尺寸裁剪成下圖這樣,用作被水面倒影的對(duì)象:
接著就要借用一個(gè)倒影生成的神器網(wǎng)站「Water Effect」:
將裁剪后的封面導(dǎo)出,上傳至此網(wǎng)站,即可自動(dòng)生成倒影水波紋效果啦:
原稿是典型的卡片三段頁排版,但在對(duì)齊、陰影、信息層級(jí)等細(xì)節(jié)的處理上比較粗糙:
我們先把信息內(nèi)容提取出來,放大突出標(biāo)題字體,讓信息層級(jí)更清晰:
然后加入相應(yīng)的圖標(biāo),提高文案可視化程度,同時(shí)改用圓角卡片來承載信息內(nèi)容,圓角的卡片看著較為柔和舒適:
卡片上的圓形和標(biāo)題字體都使用了漸變填充,這樣可以賦予元素光澤感,從而增加層次細(xì)節(jié):
為了進(jìn)一步增強(qiáng)頁面空間層次,我們可以利用漸變矩形構(gòu)建一個(gè)立體墻面背景:
將此背景轉(zhuǎn)化為圖片,設(shè)置「膠片顆?!顾囆g(shù)效果,背景就有了現(xiàn)實(shí)墻體的顆粒紋理質(zhì)感:
把卡片內(nèi)容放在背景上看看效果,感覺四周還是有點(diǎn)空空的:
最后我們還可以加入植物素材,來豐富修飾頁面,像這樣:
最終的頁面空間層次更強(qiáng)了,效果不錯(cuò)吧~
這張頁面為產(chǎn)品頁,說實(shí)話,原稿的展示效果太差了,反而會(huì)拉低產(chǎn)品的檔次:
怎么去優(yōu)化呢?可以先把產(chǎn)品逐個(gè)摳出來:
延續(xù)前面的墻體背景思路,我們可以搭建一個(gè)場景來展示產(chǎn)品:
還可以繪制一些展臺(tái)元素,用于承載各個(gè)產(chǎn)品,這樣頁面效果會(huì)更真實(shí):
接下來,我們將摳出來的產(chǎn)品放在展臺(tái)上,精致的感覺一下就有了,但還是有些空:
最后再補(bǔ)充上文字名稱和一些修飾元素,頁面效果就好了很多:
這頁是榮譽(yù)頁,原稿設(shè)計(jì)也是比較普通,沒有體現(xiàn)出榮譽(yù)獎(jiǎng)?wù)碌暮鹆浚?/p>
榮譽(yù)頁面的優(yōu)化,我們常常使用橄欖枝素材來修飾榮譽(yù)獎(jiǎng)?wù)拢?/strong>
為保持前后風(fēng)格的統(tǒng)一,添加一個(gè)暗綠色的紋理質(zhì)感背景:
在原稿中,使用獎(jiǎng)杯這一個(gè)思路挺不錯(cuò)的,所以找了一個(gè)摳好的獎(jiǎng)杯元素,來增強(qiáng)頁面的榮譽(yù)氛圍:
此時(shí)內(nèi)容的排版大致完成,我們可以繼續(xù)添加元素來豐富背景層次,避免頁面的單調(diào):
最后把所有元素放在同一頁面上看看效果,質(zhì)感還是挺豐富的:
好了,以上就是此次的優(yōu)化思路,我們最后來看下修改前后對(duì)比:
以上就是這份PPT的設(shè)計(jì)制作思路了,怎么樣?還不錯(cuò)吧。
·
原標(biāo)題:我?guī)椭瘖y品公司,做了一份PPT!動(dòng)態(tài)封面美到窒息...
]]>這個(gè)頁面的背景質(zhì)感很強(qiáng),到底是怎么做出來的?
這里可以看到更多的細(xì)節(jié):
不得不說,雖然這是一個(gè)細(xì)節(jié)設(shè)計(jì),但的確是一個(gè)好問題。為什么這么說呢?
因?yàn)槿绻憧催^其他的平面設(shè)計(jì)作品,其實(shí)也會(huì)發(fā)現(xiàn)很多類似的背景處理方式。
比如像這里右側(cè)的大理石背景處理:
還有像這里的光影和龍紋背景:
很簡單,其實(shí)就是疊加了一層紋理。
而這個(gè)背景處理的方法,在我們進(jìn)行 PPT 設(shè)計(jì)時(shí),同樣適用。
比如像我之前分享的這個(gè)案例,我疊加的就是一層墻體紋理:
就是典型的紋理疊加:
好了,到這里了,問題就來了,如果我們也想借用紋理,來提升 PPT 背景的質(zhì)感,那該怎么做呢?
在回答這個(gè)問題之前呢,咱們先來收藏幾個(gè)紋理素材網(wǎng)站。
1.Transparenttextures
https://www.transparenttextures.com
熟悉我的讀者都知道,我已經(jīng)推薦過很多次了,紋理素材的質(zhì)量,還是挺高的:
2.Heropatterns
http://www.heropatterns.com/
這里下載的紋理素材,是矢量格式,所以,無限放大,也不用擔(dān)心看不清楚:
3.圖魚
https://www.hituyu.com/
這是國內(nèi)的一個(gè)紋理素材平臺(tái),數(shù)量挺多,主要是分類很詳細(xì):
一般呢,會(huì)分為兩個(gè)場景:
1.背景中的使用
其實(shí)這個(gè)會(huì)非常簡單,因?yàn)橹灰覀儻B加一個(gè)紋理,一般而言,都會(huì)比純色背景更有質(zhì)感。
比如在這里簡單舉個(gè)例子,就像這個(gè)封面:
如果我們單純的換成黑色,那質(zhì)感就會(huì)掉很多:
當(dāng)然,如果我們做的 PPT 內(nèi)容,正好是某種紋理的類型,比如布藝,皮具,紙張類,那使用紋理素材會(huì)更加貼切。
啥意思呢?舉個(gè)例子,比如像這樣的一個(gè)頁面,內(nèi)容呢,是一個(gè)皮具品牌的發(fā)展歷史:
那我們就可以找一個(gè)皮具的紋理,作為背景素材。這是我在圖魚上找到的素材:
來看下這個(gè)皮具紋理的質(zhì)感:
然后呢,在頁面上簡單地完成文字的排版布局即可:
2.用在形狀中
很多時(shí)候,我們會(huì)在色塊上去寫字兒,但如果能夠疊加一層紋理,會(huì)讓色塊的質(zhì)感變得更強(qiáng)。
啥意思呢?同樣看倆例子。
比如像這個(gè)頁面,是來介紹某些地產(chǎn)品牌的運(yùn)營狀況:
我們可以先來對(duì)頁面進(jìn)行排版布局,完成初稿:
因?yàn)檫@是一份地產(chǎn) PPT ,所以,可以采用黑金搭配。在這里,我找了一張抽象的紋理線條,來增強(qiáng)質(zhì)感:
來看下完整的紋理效果:
把它疊加到 PPT 頁面的色塊上,來看看效果如何:
咱們?cè)賮砜匆幌滦Ч曈X上會(huì)豐富很多,對(duì)嗎?
再比如像這個(gè)例子,是介紹王者榮耀中,某個(gè)英雄的皮膚設(shè)計(jì)理念:
同樣是先來進(jìn)行簡單的內(nèi)容排版:
對(duì)于頁面上重點(diǎn)的信息呢,我采用了書法排版,更有國風(fēng)的氣質(zhì):
另外,因?yàn)檫@是一個(gè)偏古風(fēng)類的設(shè)計(jì),所以,我們可以找一個(gè)古典花紋的紋理:
同樣是進(jìn)行疊加:
然后呢,去調(diào)整一下紋理的顏色透明度,不要過于搶眼:
最后放在頁面上即可:
好了,到這里呢,關(guān)于紋理的使用,已經(jīng)說的差不多了,還有很多的用法,感興趣的讀者,可以自行挖掘。
好了,這篇文章就到這里。
各位可以在評(píng)論區(qū)評(píng)論任意文字即可獲取本文源文件,查看高清素材。
原標(biāo)題:大神,萬科這張超質(zhì)感的海報(bào)怎么做的?一個(gè)PPT小技能搞定!
]]>