從零開始制作國潮風(fēng)PPT

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

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

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

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

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

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

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

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

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

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

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

1. 前期準(zhǔn)備

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

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

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

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

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

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

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

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

01.國潮風(fēng)封面頁修改

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

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

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

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

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

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

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

基于上面三點(diǎn)，我們試著應(yīng)用到封面頁里面，于是，就變成了下面這樣：

02.國潮風(fēng)目錄頁修改

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

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

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

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

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

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

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

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

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