昨天，在熟悉的時(shí)候，看到熱榜上有這樣的問題。

如何評價(jià)4月27日發(fā)布的miui 12？有什么優(yōu)點(diǎn)和缺點(diǎn)？

所以我去B站播放了發(fā)布會視頻，發(fā)現(xiàn)這次設(shè)計(jì)細(xì)節(jié)非常多，排版和動畫都很精致。

之后，我又刷了一遍MIUI的官網(wǎng)，分析了其中的設(shè)計(jì)手法，里面有很多設(shè)計(jì)思路可以用于PPT設(shè)計(jì)制作。(莎士比亞)模板。

我總結(jié)了里面的10個(gè)設(shè)計(jì)手法，帶著大家在大工廠學(xué)設(shè)計(jì)。

1.巧妙地利用形狀制作封面頁

官網(wǎng)的原圖是這樣的。

在PPT中，這是一個(gè)很好的封面案例。我來分解一下。

首先插入平行四邊形。在自己的形狀里面。放大后旋轉(zhuǎn)一定角度。

然后使用“英雄插件”編輯“形狀-圓角”工具。

我將圓角半徑設(shè)定為7厘米。按喜好看就可以了。你可以得到下圖。

然后復(fù)制頁面，插入照片，并與多邊形進(jìn)行布爾運(yùn)算。相交。

將舊外觀復(fù)制到圖片上，并將透明度設(shè)定為2%。

復(fù)制多邊形，逆時(shí)針旋轉(zhuǎn)一定角度，然后用淺灰色填充，放在底部，如下圖所示。

最后，把文字放上去，左對齊，就完成了時(shí)尚簡約的PPT封面頁。

當(dāng)然，如果不喜歡平行四邊形，也可以直接用圓形矩形。

2.以背景平鋪圖片

官網(wǎng)的原圖是這樣的。

"/>

這種設(shè)計(jì)手法，在很多 PPT 作品中都有出現(xiàn)，能夠提高圖版率，讓頁面看起來更豐富美觀。

之前有一篇文章的封面圖，用的這個(gè)思路：

其實(shí)方法很簡單，我們先把圖片加邊框，或者用色塊襯底，平鋪對齊后組合到一起。

再逆時(shí)針旋轉(zhuǎn)一定角度：

最后在上方，添加一個(gè)色塊，調(diào)整透明度后添加文字即可。

同樣的手法，我們簡單修改下，又是一種版面，很適合用來做多圖排版。

---

3. 使用文字云當(dāng)背景

文字云，也可以用來提高圖版率，官網(wǎng)的原圖是這樣的：

特點(diǎn)就是，其中的很多內(nèi)容顏色或透明度降低，放大高亮其中的部分內(nèi)容。

這樣設(shè)計(jì)，可以讓我們把視覺聚焦到特定的內(nèi)容上，常用來強(qiáng)調(diào)重點(diǎn)。

同樣的設(shè)計(jì)手法，我在之前的文章配圖中也用到過：

這個(gè)的操作比較簡單，只是放大、改顏色或透明度、改字號即可，就不詳細(xì)講了。

用文字云當(dāng)背景的設(shè)計(jì)手法，在海報(bào)設(shè)計(jì)中也經(jīng)常能看到，簡單舉兩個(gè)例子參考一下：

---

4. 圖片設(shè)置三維格式排版

先來看兩張官網(wǎng)的圖：

平時(shí)我們的圖片，都是直接平鋪的，但看多了也容易膩，偶爾設(shè)置一下三維效果，會讓版面更加靈活多變。
我簡單從官網(wǎng)下載幾張圖，放到 PPT 里面給大家做個(gè)示范：

分別選中圖片，在三維旋轉(zhuǎn)中，設(shè)置為透視向左或向右，再錯(cuò)落排版。

分別為圖片添加陰影，最后把文字放上去，簡單的多圖排版就搞定了。

這種手法，在 APP 截圖的排版上很常用，搭配樣機(jī)使用效果更佳。

---

5. 圖片拼接法進(jìn)行對比

這也是設(shè)計(jì)中很常見的一種手法，經(jīng)常用來進(jìn)行圖片間的對比，先看官網(wǎng)的圖：

中線分開，兩側(cè)的圖有明顯的不同，形成比較強(qiáng)烈的對比，比文字更有說服力。
這種思路在 PPT 里也很常見，經(jīng)常用在 Before&After 欄目中，用來對比顯示美化前后的效果。

簡單舉例說明，我們先把兩張圖放到 PPT 里面：

把他們對齊重合后，使用“裁剪”功能，分別保留一半圖片。

如果覺得對比不夠明顯，或者比較亂，可以把他們組合后縮小，在中間添加一條細(xì)線，最后加上說明文字即可。

再給大家看一下，這種設(shè)計(jì)手法在海報(bào)中的運(yùn)用：

---

6. 卡片式設(shè)計(jì)豐富版面

當(dāng)一頁 PPT 里面的文字內(nèi)容很少時(shí)，直接放文字上去，頁面會很空，來看看官網(wǎng)是怎么設(shè)計(jì)的：

使用卡片風(fēng)格，把內(nèi)容框起來，再添加其他素材輔助，提高了圖版率，讓頁面更加豐滿。

簡單舉個(gè) PPT 中的例子：

這種方法，在工作匯報(bào)的總結(jié)頁，或者學(xué)術(shù)答辯的簡介頁，都很常見，簡單又實(shí)用。

---

7. 使用毛玻璃風(fēng)格

這種風(fēng)格，在早些年小小的流行了一波，如今 PPT 里面用的很少，沒想到這次 MIUI 里居然又用到了，咱們先看圖：

可以觀察一下特點(diǎn)，下層的圖片是清楚的，但是上面覆蓋了矩形，有種透過毛玻璃觀察的感覺，若隱若現(xiàn)。

那么，在 PPT 里如何實(shí)現(xiàn)呢？

首先我們插入一下圖片，為了對比效果，我先復(fù)制一份適當(dāng)縮小。

右鍵打開圖片格式設(shè)置，選擇藝術(shù)效果為“虛化”，拉大半徑，我設(shè)置的是 50

如圖，效果出來了，要是覺得還不夠模糊，可以再加大半徑。

之后簡單加點(diǎn)字，毛玻璃作品就搞定了。

是不是感覺欣賞不來，那是因?yàn)椴煌瑫r(shí)期的大眾審美，是在變化的，這風(fēng)格以前有很多女孩子很喜歡。

接下來，再給大家拓展一下，這種風(fēng)格的實(shí)用方法，還是先看圖：

我們把清晰的圖放在上方，虛化的圖置于底部，可以讓視覺聚焦到中間，常常用來突出重點(diǎn)內(nèi)容。

同樣的用法，也可以在圖片質(zhì)量不高，只有小圖的時(shí)候使用：

這種設(shè)計(jì)思路，在制作繪本 PPT，或者其他只有模糊小圖的時(shí)候，特別管用。

---

8. 數(shù)據(jù)圖表突出展示

先給大家看下官網(wǎng)的圖：

可以看到，這里面的圖表，用了上面講到的卡片式設(shè)計(jì)，放大顯示更加突出。

之所以單獨(dú)拿出來講，是因?yàn)樯婕皥D表的排版，很多人不會意識到要去突出顯示。

多數(shù)人的圖表，是簡單放在 PPT 里面的，大概是這樣子：

看起來還比較簡約，實(shí)際上卻存在一定問題的，這時(shí)候圖表沒有明確的邊界，尤其當(dāng)背景比較花的時(shí)候，會顯得比較亂，視覺上不夠統(tǒng)一。

我簡單修改一下，對比看看效果：

在圖表的下方，添加一個(gè)白底色塊，并設(shè)置淺灰色的線條，同時(shí)放大數(shù)據(jù)圖表。

這樣做，可以提高圖表的頁面占比，讓數(shù)據(jù)更清楚，同時(shí)使圖表看起來邊界分明，更利于視覺統(tǒng)一。

---

9. 深色背景搭配彩色漸變

深色背景有利于提高圖版率，看起來更高大上，看看官網(wǎng)的例子：

分析這張圖的特點(diǎn)，深色背景上，使用彩色漸變的文字，更活躍明亮，吸引注意力。

同時(shí)，把數(shù)據(jù)放得很大，視覺沖擊感更強(qiáng)。

在 PPT 中，也可以使用這種設(shè)計(jì)手法：

拓展一下，在深色背景上，還可以使用漸變色來填充圖表。

尤其是柱狀圖，對單個(gè)柱形填充漸變色，可以快速聚焦，突出重點(diǎn)數(shù)據(jù)。

---

10. 特殊圖表的美化與使用

先舉個(gè)官網(wǎng)的例子感受一下：

乍一看就是個(gè)環(huán)形圖，但是仔細(xì)看的話，色彩填充的兩端是圓形，直接使用環(huán)形圖是做不出這種效果的。

但是，我們可以用折中的辦法，使用環(huán)形的圓形線端來做，看圖：

首先我們按住 Shift，繪制一個(gè)正圓形，填充設(shè)置為無，調(diào)整線條顏色和粗細(xì)。

之后我們插入等大的弧形，拖動黃色的控制手柄，設(shè)置線條的漸變填充，調(diào)整粗細(xì)，并把線端類型設(shè)置為圓。

添加說明文字與數(shù)值，得到下圖：

再拓展一下，如果學(xué)習(xí)與工作中，經(jīng)常需要制作美化圖表，可以使用 iSlide 插件里面的智能圖表功能，能極大的提高設(shè)計(jì)效率。

好了，今天的內(nèi)容就分享完了，一共從 MIUI12 的官網(wǎng)，學(xué)到了 10 種設(shè)計(jì)手法，希望大家喜歡。

關(guān)注后，私信回復(fù)【小米0429】，即可下載英豪插件和 PPT 源文件。

圖片來自網(wǎng)絡(luò)，侵刪