這份作品偏向於網頁頁面設計，完成練習你將會提升：
1. 排版設計能力；
2. 對「對齊」有更深理解；
3.對陰影的運用、卡片式設計有更強的把握；
4. 對 icon 的搜索和運用更加熟練；
↑最終效果圖（點開查看大圖）
以上是我的練習作品，幾乎是1：1臨摹了。看完本篇教程，你也可以做出來。下面教程正式開始！
幻燈片的尺寸是可以自定義的，我們需要新建一個尺寸和練習對象一樣的幻燈片。
將練習對象圖片保存到電腦本地，右鍵查看圖片尺寸。點擊詳細信息，得知本次練習對象尺寸是1600像素 × 1200像素。基於72dpi下，1厘米=28.346像素，尺寸換算成56.444 厘米 × 42.333 厘米。
將換算後的數值填入幻燈片內（入口：設計幻燈片大小自定義幻燈片大小）。
↑ 查看尺寸和設置尺寸（點開查看大圖）
幻燈片中存在「層」的概念，我們在做一頁PPT時需要先把最底層的元素構建好，就像建房子一樣，“萬地高樓平地起”。
使用PPT原生取色器或 Nordri Tools 的取色器，在練習對象中取背景色，得其色值為#F8F8F8，應用到PPT中的背景顏色（入口：工具欄“設計”設置背景格式純色填充）。
在觀察練習對象中發現，所有元素是承載在某個大的卡片上，因此我們需要先將該卡片做出來，限定範圍。（插入矩形，填充顏色：F8F8F8，疊加陰影效果，陰影數值：顏色純黑、透明度90%、大小100%、模糊100磅、角度45°、距離110磅）。
效果和調出方式見下圖。
↑加了陰影的矩形
↑ 調出方式和參數設置（點開查看大圖）
在造出第一個大卡片後，照葫蘆畫瓢，繼續把頁面的所有卡片打造出來，方式一樣（插入矩形，疊加陰影效果），但每個卡片的陰影參數設置都不一定一樣的，這需要一邊看練習對象一邊調整。（伯健君PPT）
當你把所有卡片造出來以後，應該是像下圖這樣。
↑ 效果圖（點開查看大圖）
該作品使用了較多的 icon，而我完成該練習的所需 icon 全部使用了桌面客戶端「Icons8」得到。你只需要通過在搜索框輸入相關搜索詞即可得到相應的 icon，然後直接拉入PPT中直接使用。
下面通過一個動圖看看如何使用「Icons8」，搜索出「放大鏡」這個 icon。
↑ 如何使用「Icons8」
找 icon並不是十分簡單的事情，你需要一些耐心來做。
同時你可以通過「Icons8」左邊的 Icon Packs 和 Categories 分類來更容易找到你想要的 icon。
例如練習作品左邊的是清一色的 Material Design 風格的 icon，你可以直接在 Icon Packs 選擇 Material 包。
這裡需要注意的是，因為我們只是為了練習，1:1完全復刻是沒有意義的，在某些 icon 上我們可以選擇相似的 icon 替代。
當你把 icon都找齊的時候，應該是如下圖這樣。
↑ 效果圖（點開查看大圖）
四、字體的選擇和文字鍵入
在該部分並沒有實質的難度，但是需要有足夠的耐心。
正如我剛剛所說，為了練習，1:1完全復刻是沒有意義的，所以我們如果我們找不到練習對象上所用的字體，我們自行選擇一款合適的字體也是可以的。
根據我的觀察，練習對象上使用的是Roboto 字體，大家可以在網絡上自行下載。合理利用 Roboto 字體的各種字重：bold、medium、light，我在練習中就使用了這三種字重。
文字需要準確選擇大小和顏色，這部分需要儘量忠於原作品，必要時可以使用取色器。
再重複一遍，這部分沒有難度，但需要耐心，這部分還有很重要的是夾雜著各種對齊，請儘可能地多使用PPT的工具欄中的對齊功能。
當你把所有文字的鍵入以後，應該是如下圖所示。
↑ 效果圖（點開查看大圖）
五、最後的點綴
觀察練習作品，還有各種空心圓的小點綴。這裡用動圖教一下怎麼做這種空心圓。
↑ 如何製作空心圓
先製作一大一小兩個圓，藍色的大圓是我們想要的，黑色的小圓是用來剪除的（此處顏色只作區分所用，具體顏色請根據實際需求選用。為了讓大家清晰看到圓的位置，此處我在藍圓中添加了一定的透明度）。
打開「選擇窗格」，將藍色大圓放在頂部，將黑色小圓放在底部，並拖曳至藍色大圓中間。按住 ctrl 鍵，先後選擇藍色大圓和黑色小圓，然後點擊工具欄的格式合併形狀剪除，即得到一個空心圓。
↑ 完成圖
當你把所有空心圓都造出來以後，你就完成了本次練習，效果應該如上。
1. 排版設計能力；
2. 對「對齊」有更深理解；
3.對陰影的運用、卡片式設計有更強的把握；
4. 對 icon 的搜索和運用更加熟練；
↑最終效果圖（點開查看大圖）
以上是我的練習作品，幾乎是1：1臨摹了。看完本篇教程，你也可以做出來。下面教程正式開始！
一、新建幻燈片
幻燈片的尺寸是可以自定義的，我們需要新建一個尺寸和練習對象一樣的幻燈片。
將練習對象圖片保存到電腦本地，右鍵查看圖片尺寸。點擊詳細信息，得知本次練習對象尺寸是1600像素 × 1200像素。基於72dpi下，1厘米=28.346像素，尺寸換算成56.444 厘米 × 42.333 厘米。
將換算後的數值填入幻燈片內（入口：設計幻燈片大小自定義幻燈片大小）。
↑ 查看尺寸和設置尺寸（點開查看大圖）
二、搭建框架
幻燈片中存在「層」的概念，我們在做一頁PPT時需要先把最底層的元素構建好，就像建房子一樣，“萬地高樓平地起”。
使用PPT原生取色器或 Nordri Tools 的取色器，在練習對象中取背景色，得其色值為#F8F8F8，應用到PPT中的背景顏色（入口：工具欄“設計”設置背景格式純色填充）。
在觀察練習對象中發現，所有元素是承載在某個大的卡片上，因此我們需要先將該卡片做出來，限定範圍。（插入矩形，填充顏色：F8F8F8，疊加陰影效果，陰影數值：顏色純黑、透明度90%、大小100%、模糊100磅、角度45°、距離110磅）。
效果和調出方式見下圖。
↑加了陰影的矩形
↑ 調出方式和參數設置（點開查看大圖）
在造出第一個大卡片後，照葫蘆畫瓢，繼續把頁面的所有卡片打造出來，方式一樣（插入矩形，疊加陰影效果），但每個卡片的陰影參數設置都不一定一樣的，這需要一邊看練習對象一邊調整。（伯健君PPT）
當你把所有卡片造出來以後，應該是像下圖這樣。
↑ 效果圖（點開查看大圖）
三、icon 的搜索和使用
該作品使用了較多的 icon，而我完成該練習的所需 icon 全部使用了桌面客戶端「Icons8」得到。你只需要通過在搜索框輸入相關搜索詞即可得到相應的 icon，然後直接拉入PPT中直接使用。
下面通過一個動圖看看如何使用「Icons8」，搜索出「放大鏡」這個 icon。
↑ 如何使用「Icons8」
找 icon並不是十分簡單的事情，你需要一些耐心來做。
同時你可以通過「Icons8」左邊的 Icon Packs 和 Categories 分類來更容易找到你想要的 icon。
例如練習作品左邊的是清一色的 Material Design 風格的 icon，你可以直接在 Icon Packs 選擇 Material 包。
這裡需要注意的是，因為我們只是為了練習，1:1完全復刻是沒有意義的，在某些 icon 上我們可以選擇相似的 icon 替代。
當你把 icon都找齊的時候，應該是如下圖這樣。
↑ 效果圖（點開查看大圖）
四、字體的選擇和文字鍵入
在該部分並沒有實質的難度，但是需要有足夠的耐心。
正如我剛剛所說，為了練習，1:1完全復刻是沒有意義的，所以我們如果我們找不到練習對象上所用的字體，我們自行選擇一款合適的字體也是可以的。
根據我的觀察，練習對象上使用的是Roboto 字體，大家可以在網絡上自行下載。合理利用 Roboto 字體的各種字重：bold、medium、light，我在練習中就使用了這三種字重。
文字需要準確選擇大小和顏色，這部分需要儘量忠於原作品，必要時可以使用取色器。
再重複一遍，這部分沒有難度，但需要耐心，這部分還有很重要的是夾雜著各種對齊，請儘可能地多使用PPT的工具欄中的對齊功能。
當你把所有文字的鍵入以後，應該是如下圖所示。
↑ 效果圖（點開查看大圖）
五、最後的點綴
觀察練習作品，還有各種空心圓的小點綴。這裡用動圖教一下怎麼做這種空心圓。
↑ 如何製作空心圓
先製作一大一小兩個圓，藍色的大圓是我們想要的，黑色的小圓是用來剪除的（此處顏色只作區分所用，具體顏色請根據實際需求選用。為了讓大家清晰看到圓的位置，此處我在藍圓中添加了一定的透明度）。
打開「選擇窗格」，將藍色大圓放在頂部，將黑色小圓放在底部，並拖曳至藍色大圓中間。按住 ctrl 鍵，先後選擇藍色大圓和黑色小圓，然後點擊工具欄的格式合併形狀剪除，即得到一個空心圓。
↑ 完成圖
當你把所有空心圓都造出來以後，你就完成了本次練習，效果應該如上。
收藏