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

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

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

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

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

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

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

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

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

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

首先來看封面頁

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

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

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

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

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

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

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

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

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

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

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

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

接下來看第二頁

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

最后一頁優(yōu)化

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

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

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

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

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

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

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

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

修改前

修改后

課程試看

試看視頻經過壓縮（購買后視頻均為高清格式）

每天，全球有超過

1,000,000場的演示應用在各個商業(yè)領域

人們對于通用、易懂的

視覺化溝通需求變得越來越多

而此刻，你或許正在被

這些PPT設計的問題所困擾？

渴望來一場改變

用最少的時間精力來掌握專業(yè)的PPT設計技能？

利用好最專業(yè)的PPT工具和資源

來提升你的PPT設計效率？

那這可能正是你需要的

37節(jié)課讓你更懂PPT

▼

模塊化的課程設計

讓你更清晰的掌握所需技能

A? PPT標準規(guī)范設計

掌握PPT的全局化設計規(guī)則，保持設計風格一致，最大限度的減少重復編輯的工作量，從而更高效制作專業(yè)的演示文檔報告。

A.1 PowerPoint主題應用

• PPT主題的概念
• PPT主題與PPT模板的區(qū)別
• 主題的設置規(guī)范

A.2 文本設計規(guī)范

• 在PPT中建立標準的字體規(guī)則
• 主題字體的創(chuàng)建
• 全文檔替換字體
• 使用了特殊字體怎么辦
• 優(yōu)化行間距和設置默認文本框
• ?標尺與段落縮進
• 文本框對齊方式和文本框邊距

A.3 主題色彩應用

• PPT文檔主題色的創(chuàng)建和編輯
• 一鍵更換全文檔顏色的規(guī)則
• 如何一鍵把非主題色統(tǒng)一成主題色
• 色彩搭配的捷徑和色彩優(yōu)化建議

A.4 版式規(guī)范

• 利用輔助線規(guī)范版式
• 版式的創(chuàng)建和應用
• 版式的優(yōu)化
• 版式的復用
• 通過版式占位符一鍵復位排版

A.5 風格與樣式規(guī)范

• PPT中的設計樣式應用

• 保持形狀效果一致的快捷方法

B? 從Word到PPT

做PPT之前要“知道寫什么，怎么表現(xiàn)形式“，這是兩個過程，先有文案，再來設計！在規(guī)范的基礎上進一步優(yōu)化文檔內容細節(jié)，提升PowerPoint文檔專業(yè)性。

B.1 做PPT時內容如何建立

• 利用金字塔原理梳理邏輯
• PPT中的內容邏輯呈現(xiàn)
• 創(chuàng)建內容思維導圖

B.2 文本圖形化設計

• 文字的圖示化表達
• 圖示邏輯關系
• PPT圖示繪制技巧
• iSlide【圖示庫】的使用

B.3 PPT綜合設計原則

• 視覺感知原則
• 相似性原則
• 接近性原則
• 內容/背景原則
• 簡潔原則

B.4 iSlide插件輔助設計

• 簡單三步創(chuàng)建專業(yè)PPT演示文檔

   

C??PPT 頁面元素設計

學習頁面內容中的圖片，圖表，表格的專業(yè)設計呈現(xiàn)技巧，在建立規(guī)范設計的前提下進一步提升文本數(shù)據(jù)內容視覺化呈現(xiàn)的專業(yè)性。

C.1 圖片的優(yōu)化與排版

• PPT中的圖片用途分類
• 多組圖片的混排設計
• 圖片作為背景的設計方法
• 圖片背景漸變的設計技巧

C.2 構建專業(yè)的數(shù)據(jù)圖表

• PPT中的圖表優(yōu)化
• 圖表的數(shù)據(jù)鏈接關系
• 動態(tài)圖表設計
• 數(shù)據(jù)的個性化設計（智能圖表）

C.3 表格優(yōu)化

• 設計統(tǒng)一的表格樣式

• 單元格數(shù)據(jù)強調

D??PPT 動畫與多媒體

學習配合宣講的PPT動畫設計、音視頻多媒體素材的應用以及借助演講者視圖讓你的演講更加出彩！

D.1 PPT動畫的應用分類

• PPT中的切換動畫
• PPT中的頁面動畫效果

D.2 PPT動畫的屬性

• PPT動畫的屬性

D.3 配合宣講的動畫設計

• 配合宣講的動畫設計

D.4 加入聲音與視頻

• 音視頻素材的使用

D.5 演講者視圖

• 使用演講者視圖

?購課提示

本課程訂閱后可永久回看，終身獲取更新學習。虛擬內容服務，不支持退訂，轉讓，請您理解

電腦網頁端課程入口：https://course.islide.cc

課程試看

試看視頻經過壓縮（購買后視頻均為高清格式）

搞定各種主流的PPT圖文排版！

?購課提示

本課程訂閱后可永久回看，終身獲取更新學習。虛擬內容服務，不支持退訂，轉讓，請您理解！

電腦網頁端課程入口：course.islide.cc

課程試看

試看視頻經過壓縮（購買后視頻均為高清格式）

對于輔助演講型的幻燈片而言

我們需要著重考慮演示與演講的配合

在演示演講中，多花些時間來規(guī)劃構思你的演講過程

借助PPT動畫，力求表現(xiàn)效果達到最好

本課程，將會全面介紹輔助演講的PPT動畫設計

購課提示

本課程訂閱后可永久回看，終身獲取更新學習。

電腦網頁端課程入口：course.islide.cc

虛擬內容服務，不支持退訂，轉讓，請您理解！