原文標題：《PPT 風(fēng)格研磨 | 這樣有質(zhì)感的 PPT，也太帥了吧！》
之前我們常說：UI 設(shè)計中，有很多可以學(xué)習(xí)與借鑒的地方。
不過這樣描述比較籠統(tǒng)，大部分人還是不知道其特點是什么，又或者已經(jīng)在使用類似風(fēng)格做法，但卻沒有意識到。
UI 設(shè)計，也叫用戶界面設(shè)計，常用于軟件人機交互、操作邏輯、界面美觀的整體設(shè)計。
其風(fēng)格的應(yīng)用就比較多了，比如前兩年較火的：新擬態(tài)與彌散效果。
但我們很少能夠看到這些風(fēng)格落地，大部分還是像這樣的：
那么這些 UI 作品的風(fēng)格，該如何延伸并應(yīng)用到 PPT 里呢？
今天就和大家詳細聊一聊，PPT 風(fēng)格研磨第二期：Ui 風(fēng)格探索。
如果錯過了第一期內(nèi)容，也可以回頭翻翻：
開個新欄目：PPT 風(fēng)格研磨
01. 基礎(chǔ)元素
文章開頭舉了幾個應(yīng)用的例子，可能感覺它們風(fēng)格并不一樣啊，如果這樣想就錯了。
單只從顏色上來講，并不能給風(fēng)格定類，而要看其基礎(chǔ)元素。
通過對不同的應(yīng)用進行對比，我發(fā)現(xiàn)了一些特征：
① 極簡，無過多設(shè)計；
② 頁面元素以圓弧為主；
③ 對比層次感清晰；
④ 習(xí)慣使用陰影；
⑤ 明亮背景，頁面邊距空間大。
來看幾張 App 的設(shè)計圖，對照下，看看是不是這些特征。
案例一：
主色調(diào)是藍色，飽和度比較高但又不刺眼，搭配上高飽的淺綠色與低飽和度的冰藍，整體配色非常舒適。
里面的形狀以圓角矩形為主，部分用上圓形。
案例二：
這個背景和內(nèi)容的對比度很強，非常突出內(nèi)容的層次感，通過不同亮度的顏色形成對比。
此外，同樣使用了圓角矩形，著重突出的部分還添加了描邊。
案例三：
這個案例除了圓角化，陰影效果也非常明顯，并添加了一些毛玻璃、磨砂質(zhì)感。
綜合以上，可以得到 UI 設(shè)計的一些風(fēng)格特點：通透感、顏色鮮艷、呼吸感。
拓展到 PPT 中，通?？梢杂迷谏虅?wù)、互聯(lián)網(wǎng)等主題的 PPT 頁面中，看起來干凈、專業(yè)且美觀。
02. 以例會友
接下來，根據(jù)上面分析出的共同特征進行實戰(zhàn)案例修改，看看延伸到 PPT 中可以怎么做。
首先，不要想得太復(fù)雜，PPT 如果做成 UI 設(shè)計的模樣，那肯定是偏題了。
以一張已經(jīng)脫敏的頁面為例：
講的是零售思域數(shù)智化數(shù)據(jù)，主要分為三個方面，甲方希望能夠做成淺色的，通透感強一些。
背景先填充淡藍色，再加上一個白色的漸變圓形色塊，搞定：
接下來，制作磨砂質(zhì)感的色塊。
仍是先設(shè)置一個漸變，利用 OKPlus 插件中的毛玻璃功能，一鍵生成。
再修改色塊的陰影為主色調(diào)藍色，并將透明度調(diào)高即可：
接著將數(shù)據(jù)與內(nèi)容填上去，注意調(diào)整內(nèi)容之間的間距，保證文字間的呼吸感，降低閱讀與識別的壓力：
這是數(shù)據(jù)較多的 PPT 頁面，如果是圖表的話，又該怎么做呢？
再舉個例子，如下圖的圖表，是一個餅圖：
整個頁面只有一個標題和餅圖，內(nèi)容很少，因此在餅圖上可能需要做出一些花樣，讓頁面有一個視覺焦點，使其看起來不那么單調(diào)。
先換一組配色：
接著對餅圖拆解，復(fù)制并選擇性粘貼為增強型圖元文件，反復(fù)取消組合兩次：
再給它加上深度和三維旋轉(zhuǎn)：
在形狀設(shè)置中找到三維格式選項，設(shè)置完深度后，修改下材料，選擇半透明粉：
設(shè)置完成后，可以得到這樣的效果：
卻發(fā)現(xiàn)在淺色的背景上使用透明材料后，像是加了一層蒙版，看起來灰蒙蒙的，所以需要再疊加一層。
復(fù)制一份，調(diào)整餅圖的透明度，大概在 30% 左右，最后和設(shè)置透明材料的餅圖疊加在一起：
目前，頁面的整體顏色不夠鮮艷，餅圖的三維角度也需要再微調(diào)下：
最后再將數(shù)據(jù)加上去：
現(xiàn)在再看這個餅圖，就精致多了。
以上兩個案例，如果說是比較簡單的話，那我們再來看最后一個案例：
內(nèi)容是水處理的解決方案，共有六個點，可以考慮做成環(huán)繞式布局。
還是優(yōu)先處理背景，在背景上填充淺藍色：
為了讓背景的層次感強烈一些，不那么單調(diào)，我加了兩個漸變色塊：
既然考慮采用環(huán)繞式布局，可以先在頁面中心畫兩個圓，依次設(shè)置為射線漸變，并將兩個圓疊加在一起：
目前層次感還不夠，可以再多畫幾個圓，同時注意各圓之間的距離，使其有一定的疏密變化，不要過于均勻、呆板：
進一步切合主題：水處理。
那么可以加一些水珠素材作為裝飾，并用半調(diào)粒子素材模仿水波紋，將其與圓形銜接：
拓展內(nèi)容：矢量半調(diào)粒子素材合集
豐富度夠了，最后將內(nèi)容填充上去即可：
這里還有一點需要注意：圖標底部的圓也進行了毛玻璃化處理，進一步增強了頁面的設(shè)計感。
好了，以上這些，就是關(guān)于 UI 設(shè)計應(yīng)用到 PPT 中的一些思路。
最后，再來回顧下這幾個實例：
到這里，就是今天這一期 PPT 風(fēng)格研磨的全部內(nèi)容了，如果覺得有用，不妨給我一個三連，這將給我非常大的動力！
本文來自微信公眾號：自律的音律 （ID：yinlvPPT），作者：Junmeng
廣告聲明：文內(nèi)含有的對外跳轉(zhuǎn)鏈接（包括不限于超鏈接、二維碼、口令等形式），用于傳遞更多信息，節(jié)省甄選時間，結(jié)果僅供參考，IT之家所有文章均包含本聲明。