一、分析PPT 內(nèi)容

原稿共包含4種類型頁(yè)面：

• 封面頁(yè)
• 目錄頁(yè)
• 邏輯關(guān)系頁(yè)-流程圖
• 內(nèi)容頁(yè)-四段

因?yàn)檫@是一個(gè)產(chǎn)品的 PPT ，因此，拿到原稿后，我首先看了其官方旗艦店。

發(fā)現(xiàn)它們都沿用了國(guó)潮風(fēng)設(shè)計(jì)，而且，最近這種風(fēng)格也比較流行。

二、確定設(shè)計(jì)靈感來(lái)源

我們可以先到花瓣上，搜索“國(guó)潮風(fēng)”找找靈感，國(guó)潮風(fēng)的海報(bào)、網(wǎng)頁(yè)、包裝設(shè)計(jì)等都行，尤其是網(wǎng)頁(yè)，參考價(jià)值會(huì)更大一點(diǎn)。
像下面搜索到的這些：

這些國(guó)潮風(fēng)格作品，都有著非常顯著的4大特點(diǎn)：

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

確定了這些特點(diǎn)后，我們的大體方向就有了，接下來(lái)，就可以開(kāi)始我們的制作了。

三、完整的設(shè)計(jì)過(guò)程

1. 前期準(zhǔn)備

前面說(shuō)到國(guó)潮風(fēng)的配色、字體和背景特點(diǎn)顯著，因此，我們可以在排版前，先把這些確定好，也方便統(tǒng)一PPT的整體風(fēng)格。
字體選擇相對(duì)容易，我選擇了3種古風(fēng)常用字體:

• 標(biāo)題 —— 思源宋體
• 正文 —— 方正清刻本悅宋簡(jiǎn)體
• 書(shū)法 —— 騰翔伯當(dāng)行楷

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

（原圖太長(zhǎng)，只截取了部分）

當(dāng)時(shí)，找靈感時(shí)，就覺(jué)得這份網(wǎng)頁(yè)作品非常贊，質(zhì)感爆棚，于是，我就用圖片助手扒了一波圖：

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

2. 設(shè)計(jì)排版

配色、字體、背景我們都已經(jīng)確定好了，接下來(lái)，可以開(kāi)始正式逐頁(yè)排版設(shè)計(jì)了。
估計(jì)有小伙伴看到這里，都快忘了原稿內(nèi)容了，先讓我們回顧一下：

01.國(guó)潮風(fēng)封面頁(yè)修改

原封面頁(yè)的內(nèi)容就是 logo 加標(biāo)題，簡(jiǎn)潔但空洞，而且，信息點(diǎn)<北京稻香村>重復(fù)了。
所以，我們就只留下 Logo，標(biāo)題簡(jiǎn)化為端午節(jié)團(tuán)購(gòu)方案介紹：

不過(guò)，對(duì)于封面頁(yè)，最好分三個(gè)信息層級(jí)，會(huì)更容易理解，即主標(biāo)題+副標(biāo)題+修飾。
這里，我們可以把“端午節(jié)”再拎出來(lái)，這樣,節(jié)日特點(diǎn)就更顯著了，最后處理成這樣：

雛形現(xiàn)在有了，但頁(yè)面還是有點(diǎn)空，對(duì)吧？而且也沒(méi)有達(dá)到我們想要的國(guó)潮范兒，質(zhì)感還不夠。

我們可以構(gòu)建一個(gè)內(nèi)空間，通過(guò)把信息框住，來(lái)解決這一點(diǎn)，就像下面這樣，畫(huà)個(gè)質(zhì)感背景填充的古風(fēng)邊框：

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

其中有3個(gè)點(diǎn)，非常值得我們借鑒，可以用于增強(qiáng)頁(yè)面的立體感與質(zhì)感：

• 大標(biāo)題 外凸，陰影順著光線，顏色也依此漸變
• 小標(biāo)題 內(nèi)凹，也有漸變和內(nèi)陰影
• 外框 加了投影和漂浮的竹葉，現(xiàn)實(shí)感更強(qiáng)

基于上面三點(diǎn)，我們?cè)囍鴳?yīng)用到封面頁(yè)里面，于是，就變成了下面這樣：

02.國(guó)潮風(fēng)目錄頁(yè)修改

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

因?yàn)橹挥兴膫€(gè)簡(jiǎn)短標(biāo)題，我就找了一些龍舟素材，大小高低交錯(cuò)地，放在標(biāo)題下面，營(yíng)造賽龍舟的節(jié)日?qǐng)鼍啊?br /> 粽子上的圖標(biāo)，對(duì)應(yīng)著文字內(nèi)容，周圍的空白部分再加點(diǎn)粽葉，完美：

03.國(guó)潮風(fēng)邏輯關(guān)系頁(yè) - 流程圖修改

這頁(yè)的基礎(chǔ)版式，我們還是挪用上面的，而具體的呈現(xiàn)形式，我參考了@天奇大佬的一張作品：

嗯，很高級(jí)的感覺(jué)有沒(méi)有？試著把這種形式，用在這里看看，于是這頁(yè)也做好了。

04.國(guó)潮風(fēng)內(nèi)容頁(yè) - 四段修改

這頁(yè)是四段內(nèi)容頁(yè)，涉及到產(chǎn)品展示，在排版上，可以讓這四項(xiàng)內(nèi)容一字排開(kāi)，并盡可能的放大產(chǎn)品圖。
將產(chǎn)品名豎排，配合實(shí)物做一些穿插，并用線條引導(dǎo)視線，中間加上半透明書(shū)法字“送禮佳選”，填補(bǔ)一下頁(yè)面空白，也很符合這頁(yè)內(nèi)容。

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

至此，一份國(guó)潮風(fēng)端午節(jié)PPT就完成了，這是我第一次，做這種風(fēng)格的PPT，也是第一次寫(xiě)這樣的復(fù)盤(pán)文章，希望能對(duì)大家有所幫助。