充會員,很劃算

廣東同事給某家用機器人,做了份PPT!封面頁太高級了…

設(shè)計·配圖·板式2021-10-08
留言 0
廣東同事給某家用機器人,做了份PPT!封面頁太高級了…
導(dǎo)讀

為科沃斯做一份掃地機器人介紹的PPT是什么體驗,今天教程手把手教你做高科技產(chǎn)品的PPT設(shè)計。

本周旁友圈的作業(yè),是為科沃斯做一份掃地機器人介紹的PPT:

廣東同事給某家用機器人,做了份PPT!封面頁太高級了...

來看一下原稿,頁面類型比較常見,難度也不大,很適合上手練習(xí):

廣東同事給某家用機器人,做了份PPT!封面頁太高級了...

所以我也嘗試做了一份作業(yè),終稿呈現(xiàn)的效果還是挺滿意的:

廣東同事給某家用機器人,做了份PPT!封面頁太高級了...

今天這篇文章呢,就給大家復(fù)盤一下這份產(chǎn)品介紹PPT的設(shè)計制作思路。

確定設(shè)計規(guī)范

在開始設(shè)計之前,我們先設(shè)定好顏色字體等規(guī)范,這樣可以在后續(xù)的設(shè)計中,保持好整份PPT風(fēng)格的統(tǒng)一。

在顏色的選取上,一般可以參考企業(yè)的官網(wǎng)或logo的配色運用:

廣東同事給某家用機器人,做了份PPT!封面頁太高級了...

以科沃斯的官網(wǎng)和LOGO為取色對象,設(shè)定藍(lán)色作為主色調(diào),選用幾個不同深淺的藍(lán)色,能很好的豐富色彩層次:

廣東同事給某家用機器人,做了份PPT!封面頁太高級了...

選定了OPPOSans字體用于標(biāo)題和正文中,OPPOSans系列字體為黑體類型,看起來端正時尚,適用于電子產(chǎn)品的設(shè)計中:

廣東同事給某家用機器人,做了份PPT!封面頁太高級了...

在背景方面,大面積單色色塊的使用,看著會比較單調(diào)呆板:

廣東同事給某家用機器人,做了份PPT!封面頁太高級了...

所以我把它換成了顆粒磨砂的背景,同時用一些光影元素修飾,讓封面更有質(zhì)感:廣東同事給某家用機器人,做了份PPT!封面頁太高級了...

設(shè)計規(guī)范設(shè)定好之后,我們就可以開始頁面的優(yōu)化設(shè)計了。

首先來看封面頁

封面包含了LOGO和標(biāo)題這兩部分:廣東同事給某家用機器人,做了份PPT!封面頁太高級了...

既然是產(chǎn)品介紹主題PPT,因此可以將產(chǎn)品加入到封面中,做成左文右圖的版式:

廣東同事給某家用機器人,做了份PPT!封面頁太高級了...

我們先用摳圖工具,把產(chǎn)品摳出來,接著換上磨砂紋理的背景:

廣東同事給某家用機器人,做了份PPT!封面頁太高級了...

此時產(chǎn)品的呈現(xiàn)比較單調(diào),接下來可以思考怎么去豐富展示的方式?

在上一篇的推文中,我有用到展臺的形式來承載百雀羚的產(chǎn)品,這樣呈現(xiàn)的效果還不錯:

廣東同事給某家用機器人,做了份PPT!封面頁太高級了...

因此這里也打算構(gòu)建一個室內(nèi)的場景,來承載展示這個掃地機器人:

廣東同事給某家用機器人,做了份PPT!封面頁太高級了...

我們可以用兩個漸變矩形來實現(xiàn)墻體背景,此外還添加了「膠片顆粒」藝術(shù)效果,讓背景有現(xiàn)實墻體的顆粒感:

廣東同事給某家用機器人,做了份PPT!封面頁太高級了...

點擊圖片可查看細(xì)節(jié)

而展臺元素呢,也可以用不同形狀拼接繪制而成:

廣東同事給某家用機器人,做了份PPT!封面頁太高級了...

接下來,把所有元素放在同一頁面上,產(chǎn)品、字體與背景的融合度還是不夠,看起來有些僵硬:

廣東同事給某家用機器人,做了份PPT!封面頁太高級了...

這時只要簡單加上陰影效果,就能很好將產(chǎn)品文字融入到畫面的光影空間中去:

廣東同事給某家用機器人,做了份PPT!封面頁太高級了...

最后整體的頁面效果看起來也會更加的真實:

廣東同事給某家用機器人,做了份PPT!封面頁太高級了...

接下來看第二頁

這是一張關(guān)于掃地機器人的產(chǎn)品對比頁面:

廣東同事給某家用機器人,做了份PPT!封面頁太高級了...

分析文案內(nèi)容,可以知道主要是分為三點進行對比:

廣東同事給某家用機器人,做了份PPT!封面頁太高級了...

我們可以先用不同顏色的卡片,來承載和區(qū)分信息內(nèi)容,同時加上不同的產(chǎn)品,增強對比效果:

廣東同事給某家用機器人,做了份PPT!封面頁太高級了...

然后換上磨砂質(zhì)感背景,在頁面底部疊加一個色塊,以此來豐富頁面的層次

廣東同事給某家用機器人,做了份PPT!封面頁太高級了...

為了更有創(chuàng)意和增加頁面的設(shè)計細(xì)節(jié),可以將色塊設(shè)計成毛玻璃的效果:

廣東同事給某家用機器人,做了份PPT!封面頁太高級了...

此外,我們可以將項目符號替換成質(zhì)感按鈕元素,這樣的頁面效果更佳:

廣東同事給某家用機器人,做了份PPT!封面頁太高級了...

最后再加入光影和植物修飾元素,頁面效果還不錯吧?

廣東同事給某家用機器人,做了份PPT!封面頁太高級了...

接著來優(yōu)化第三頁

這是一張圖文排版頁面,講述的是APP的特點內(nèi)容:

廣東同事給某家用機器人,做了份PPT!封面頁太高級了...

我們先對文字進行排版處理,可以加入圖標(biāo)元素,增強信息可視化:

廣東同事給某家用機器人,做了份PPT!封面頁太高級了...

手機截圖的處理,一般可以將圖片套入到手機樣機中:

廣東同事給某家用機器人,做了份PPT!封面頁太高級了...

為了保持風(fēng)格的統(tǒng)一,延續(xù)上一頁毛玻璃效果,將圖片改用毛玻璃質(zhì)感矩形來承載:

廣東同事給某家用機器人,做了份PPT!封面頁太高級了...

接下來,把處理后的文字和圖片放在一個頁面中,做成左文右圖的版式:

廣東同事給某家用機器人,做了份PPT!封面頁太高級了...

此時頁面還是比較單調(diào),我們依舊可以用色塊疊底,來增強頁面的層次:

廣東同事給某家用機器人,做了份PPT!封面頁太高級了...

同時將承載圖標(biāo)的圓形,替換成透明玻璃質(zhì)感的元素,這樣會更加的契合頁面效果:

廣東同事給某家用機器人,做了份PPT!封面頁太高級了...

最后加入光影和植物這些視覺延伸元素,這樣頁面就優(yōu)化排版完成了:

廣東同事給某家用機器人,做了份PPT!封面頁太高級了...

最后一頁優(yōu)化

這頁是關(guān)于產(chǎn)品規(guī)格參數(shù)的表格排版:

廣東同事給某家用機器人,做了份PPT!封面頁太高級了...

我們可以先把文字提取出來,繼續(xù)用圖標(biāo)來可視化信息內(nèi)容:

廣東同事給某家用機器人,做了份PPT!封面頁太高級了...

延用上一頁的透明玻璃元素來承載圖標(biāo),這樣可以保持視覺上的統(tǒng)一:

廣東同事給某家用機器人,做了份PPT!封面頁太高級了...

因為是關(guān)于產(chǎn)品的規(guī)格參數(shù)介紹,所以加入產(chǎn)品圖片,來進一步增強可視化程度:

廣東同事給某家用機器人,做了份PPT!封面頁太高級了...

接下來優(yōu)化產(chǎn)品的呈現(xiàn)效果,把產(chǎn)品摳出來,增加一個投影,這樣產(chǎn)品呈現(xiàn)更真實:

廣東同事給某家用機器人,做了份PPT!封面頁太高級了...

參考封面設(shè)計,構(gòu)建一個產(chǎn)品展示的墻體場景:

廣東同事給某家用機器人,做了份PPT!封面頁太高級了...

最后把規(guī)格參數(shù)放置在墻面背景上,看看效果,質(zhì)感還是挺豐富的~

廣東同事給某家用機器人,做了份PPT!封面頁太高級了...

好了,以上就是此次的優(yōu)化思路,我們最后來看下修改前后對比:

廣東同事給某家用機器人,做了份PPT!封面頁太高級了...

修改前

廣東同事給某家用機器人,做了份PPT!封面頁太高級了...

修改后

原作者:旁門左道PPT 微信號:pangmenzd 自媒體大咖進駐

發(fā)表回復(fù)

移動版關(guān)于我們聯(lián)系我們版權(quán)聲明

PPTfans.cn (PPT設(shè)計教程網(wǎng)) ?2012-2024 · 粵ICP備19137043號 | 版權(quán)所有:廣州白鹿傳媒廣告有限公司 · 基于Wordpress · 由peaterq設(shè)計&制作 ·網(wǎng)站標(biāo)簽 · 訂閱鄂公網(wǎng)安備 42050602000108號

有困難加站長微信
購買咨詢電話15360667849
PPT交流QQ群34597820
iSlide交流QQ群281329348