廣東同事給某家用機(jī)器人，做了份PPT！封面頁太高級了…

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

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

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

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

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

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

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

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

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

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

所以我把它換成了顆粒磨砂的背景，同時用一些光影元素修飾，讓封面更有質(zhì)感：

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

首先來看封面頁

封面包含了LOGO和標(biāo)題這兩部分：

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

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

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

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

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

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

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

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

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

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

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

接下來看第二頁

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

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

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

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

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

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

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

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

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

我們先對文字進(jìn)行排版處理，可以加入圖標(biāo)元素，增強(qiáng)信息可視化：

手機(jī)截圖的處理，一般可以將圖片套入到手機(jī)樣機(jī)中：

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

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

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

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

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

最后一頁優(yōu)化

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

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

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

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

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

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

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

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

修改前

修改后