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

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

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

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

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

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

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

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

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

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

首先來看封面頁

封面包含了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)品，增強對比效果：

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

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

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

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

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

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

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

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

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

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

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

同時將承載圖標(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)一步增強可視化程度：

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

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

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

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

修改前

修改后

課程試看

試看視頻經(jīng)過壓縮（購買后視頻均為高清格式）

每天，全球有超過

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

人們對于通用、易懂的

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

而此刻，你或許正在被

這些PPT設(shè)計的問題所困擾？

渴望來一場改變

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

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

來提升你的PPT設(shè)計效率？

那這可能正是你需要的

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

▼

模塊化的課程設(shè)計

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

A? PPT標(biāo)準(zhǔn)規(guī)范設(shè)計

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

A.1 PowerPoint主題應(yīng)用

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

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

• 在PPT中建立標(biāo)準(zhǔn)的字體規(guī)則
• 主題字體的創(chuàng)建
• 全文檔替換字體
• 使用了特殊字體怎么辦
• 優(yōu)化行間距和設(shè)置默認(rèn)文本框
• ?標(biāo)尺與段落縮進(jìn)
• 文本框?qū)R方式和文本框邊距

A.3 主題色彩應(yīng)用

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

A.4 版式規(guī)范

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

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

• PPT中的設(shè)計樣式應(yīng)用

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

B? 從Word到PPT

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

B.1 做PPT時內(nèi)容如何建立

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

B.2 文本圖形化設(shè)計

• 文字的圖示化表達(dá)
• 圖示邏輯關(guān)系
• PPT圖示繪制技巧
• iSlide【圖示庫】的使用

B.3 PPT綜合設(shè)計原則

• 視覺感知原則
• 相似性原則
• 接近性原則
• 內(nèi)容/背景原則
• 簡潔原則

B.4 iSlide插件輔助設(shè)計

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

   

C??PPT 頁面元素設(shè)計

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

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

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

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

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

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

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

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

D??PPT 動畫與多媒體

學(xué)習(xí)配合宣講的PPT動畫設(shè)計、音視頻多媒體素材的應(yīng)用以及借助演講者視圖讓你的演講更加出彩！

D.1 PPT動畫的應(yīng)用分類

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

D.2 PPT動畫的屬性

• PPT動畫的屬性

D.3 配合宣講的動畫設(shè)計

• 配合宣講的動畫設(shè)計

D.4 加入聲音與視頻

• 音視頻素材的使用

D.5 演講者視圖

• 使用演講者視圖

?購課提示

本課程訂閱后可永久回看，終身獲取更新學(xué)習(xí)。虛擬內(nèi)容服務(wù)，不支持退訂，轉(zhuǎn)讓，請您理解

電腦網(wǎng)頁端課程入口：https://course.islide.cc

課程試看

試看視頻經(jīng)過壓縮（購買后視頻均為高清格式）

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

?購課提示

本課程訂閱后可永久回看，終身獲取更新學(xué)習(xí)。虛擬內(nèi)容服務(wù)，不支持退訂，轉(zhuǎn)讓，請您理解！

電腦網(wǎng)頁端課程入口：course.islide.cc

課程試看

試看視頻經(jīng)過壓縮（購買后視頻均為高清格式）

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

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

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

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

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

購課提示

本課程訂閱后可永久回看，終身獲取更新學(xué)習(xí)。

電腦網(wǎng)頁端課程入口：course.islide.cc

虛擬內(nèi)容服務(wù)，不支持退訂，轉(zhuǎn)讓，請您理解！