一、分析PPT 內容

原稿共包含4種類型頁面：

• 封面頁
• 目錄頁
• 邏輯關系頁-流程圖
• 內容頁-四段

因為這是一個產品的 PPT ，因此，拿到原稿后，我首先看了其官方旗艦店。

發(fā)現它們都沿用了國潮風設計，而且，最近這種風格也比較流行。

二、確定設計靈感來源

我們可以先到花瓣上，搜索“國潮風”找找靈感，國潮風的海報、網頁、包裝設計等都行，尤其是網頁，參考價值會更大一點。
像下面搜索到的這些：

這些國潮風格作品，都有著非常顯著的4大特點：

• 配色鮮明：紅、綠、藍、黃，這幾種顏色最為常見，而且普遍偏深色，這樣更容易突出厚重感
• 古風字體：書法字體、宋體或者襯線字體用的較多，比如思源宋體、方正清刻本悅宋、喜鵲招牌體等
• 質感背景：背景一般都會穿插有紋理上的變化，像沙粒感、布料木料絲綢質感等
• 光影感強：一般像國潮風格的產品網頁中，頁面會搭配光效、陰影來增強質感，更加真實

確定了這些特點后，我們的大體方向就有了，接下來，就可以開始我們的制作了。

三、完整的設計過程

1. 前期準備

前面說到國潮風的配色、字體和背景特點顯著，因此，我們可以在排版前，先把這些確定好，也方便統一PPT的整體風格。
字體選擇相對容易，我選擇了3種古風常用字體:

• 標題 —— 思源宋體
• 正文 —— 方正清刻本悅宋簡體
• 書法 —— 騰翔伯當行楷

配色方面，我們可以直接從優(yōu)秀作品里取色。
而背景相對來說，就不那么容易找了，尤其是要顏色和質感都符合的，這里我原本是打算用PS做背景的，不過限于技術原因沒做好，就放棄了。
不過，下面這張靈感圖，倒是幫我解決了背景的難題，就是這個：

（原圖太長，只截取了部分）

當時，找靈感時，就覺得這份網頁作品非常贊，質感爆棚，于是，我就用圖片助手扒了一波圖：

并且用 PS 對圖片做了一些簡單的處理，就得到了下面這些干凈的背景圖：

2. 設計排版

配色、字體、背景我們都已經確定好了，接下來，可以開始正式逐頁排版設計了。
估計有小伙伴看到這里，都快忘了原稿內容了，先讓我們回顧一下：

01.國潮風封面頁修改

原封面頁的內容就是 logo 加標題，簡潔但空洞，而且，信息點<北京稻香村>重復了。
所以，我們就只留下 Logo，標題簡化為端午節(jié)團購方案介紹：

不過，對于封面頁，最好分三個信息層級，會更容易理解，即主標題+副標題+修飾。
這里，我們可以把“端午節(jié)”再拎出來，這樣,節(jié)日特點就更顯著了，最后處理成這樣：

雛形現在有了，但頁面還是有點空，對吧？而且也沒有達到我們想要的國潮范兒，質感還不夠。

我們可以構建一個內空間，通過把信息框住，來解決這一點，就像下面這樣，畫個質感背景填充的古風邊框：

怎么樣？好不少了吧，配色、字體、背景、光感4大特點中的字體，以及背景已經解決。
接下來，讓我們進行配色，并增強光影感，還是先回到最初的靈感圖：

其中有3個點，非常值得我們借鑒，可以用于增強頁面的立體感與質感：

• 大標題 外凸，陰影順著光線，顏色也依此漸變
• 小標題 內凹，也有漸變和內陰影
• 外框 加了投影和漂浮的竹葉，現實感更強

基于上面三點，我們試著應用到封面頁里面，于是，就變成了下面這樣：

02.國潮風目錄頁修改

有了封面頁的基礎，我們就可以將外凸大標題、內凹正文、陰影邊框這些元素，注入到后續(xù)頁面就行了，像這頁目錄頁：

因為只有四個簡短標題，我就找了一些龍舟素材，大小高低交錯地，放在標題下面，營造賽龍舟的節(jié)日場景。
粽子上的圖標，對應著文字內容，周圍的空白部分再加點粽葉，完美：

03.國潮風邏輯關系頁 - 流程圖修改

這頁的基礎版式，我們還是挪用上面的，而具體的呈現形式，我參考了@天奇大佬的一張作品：

嗯，很高級的感覺有沒有？試著把這種形式，用在這里看看，于是這頁也做好了。

04.國潮風內容頁 - 四段修改

這頁是四段內容頁，涉及到產品展示，在排版上，可以讓這四項內容一字排開，并盡可能的放大產品圖。
將產品名豎排，配合實物做一些穿插，并用線條引導視線，中間加上半透明書法字“送禮佳選”，填補一下頁面空白，也很符合這頁內容。

這里的產品圖，放大看，其實邊緣是有一些陰影的，如果不加，真實感會少很多。
這些陰影，實際是用線條勾勒的產品邊緣，然后，加了外陰影放在產品下面：

至此，一份國潮風端午節(jié)PPT就完成了，這是我第一次，做這種風格的PPT，也是第一次寫這樣的復盤文章，希望能對大家有所幫助。