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

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

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

所以我也嘗試做了一份作業，終稿呈現的效果還是挺滿意的：

今天這篇文章呢，就給大家復盤一下這份產品介紹PPT的設計制作思路。

確定設計規范

在開始設計之前，我們先設定好顏色字體等規范，這樣可以在后續的設計中，保持好整份PPT風格的統一。

在顏色的選取上，一般可以參考企業的官網或logo的配色運用：

以科沃斯的官網和LOGO為取色對象，設定藍色作為主色調，選用幾個不同深淺的藍色，能很好的豐富色彩層次：

選定了OPPOSans字體用于標題和正文中，OPPOSans系列字體為黑體類型，看起來端正時尚，適用于電子產品的設計中：

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

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

設計規范設定好之后，我們就可以開始頁面的優化設計了。

首先來看封面頁

封面包含了LOGO和標題這兩部分：

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

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

此時產品的呈現比較單調，接下來可以思考怎么去豐富展示的方式？

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

因此這里也打算構建一個室內的場景，來承載展示這個掃地機器人：

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

點擊圖片可查看細節

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

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

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

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

接下來看第二頁

這是一張關于掃地機器人的產品對比頁面:

分析文案內容，可以知道主要是分為三點進行對比：

我們可以先用不同顏色的卡片，來承載和區分信息內容，同時加上不同的產品，增強對比效果：

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

為了更有創意和增加頁面的設計細節，可以將色塊設計成毛玻璃的效果：

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

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

接著來優化第三頁

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

我們先對文字進行排版處理，可以加入圖標元素，增強信息可視化：

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

但為了保持風格的統一，延續上一頁毛玻璃效果，將圖片改用毛玻璃質感矩形來承載：

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

此時頁面還是比較單調，我們依舊可以用色塊疊底，來增強頁面的層次：

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

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

最后一頁優化

這頁是關于產品規格參數的表格排版：

我們可以先把文字提取出來，繼續用圖標來可視化信息內容：

延用上一頁的透明玻璃元素來承載圖標，這樣可以保持視覺上的統一：

因為是關于產品的規格參數介紹，所以加入產品圖片，來進一步增強可視化程度：

接下來優化產品的呈現效果，把產品摳出來，增加一個投影，這樣產品呈現更真實：

參考封面設計，構建一個產品展示的墻體場景：

最后把規格參數放置在墻面背景上，看看效果，質感還是挺豐富的~

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

修改前

修改后