从零开始制作国潮风PPT

一、分析PPT 内容

原稿共包含4种类型页面：

• 封面页
• 目录页
• 逻辑关系页-流程图
• 内容页-四段

因为这是一个产品的 PPT ，因此，拿到原稿后，我首先看了其官方旗舰店。

发现它们都沿用了国潮风设计，而且，最近这种风格也比较流行。

二、确定设计灵感来源

我们可以先到花瓣上，搜索“国潮风”找找灵感，国潮风的海报、网页、包装设计等都行，尤其是网页，参考价值会更大一点。
像下面搜索到的这些：

这些国潮风格作品，都有着非常显著的4大特点：

• 配色鲜明：红、绿、蓝、黄，这几种颜色最为常见，而且普遍偏深色，这样更容易突出厚重感
• 古风字体：书法字体、宋体或者衬线字体用的较多，比如思源宋体、方正清刻本悦宋、喜鹊招牌体等
• 质感背景：背景一般都会穿插有纹理上的变化，像沙粒感、布料木料丝绸质感等
• 光影感强：一般像国潮风格的产品网页中，页面会搭配光效、阴影来增强质感，更加真实

确定了这些特点后，我们的大体方向就有了，接下来，就可以开始我们的制作了。

三、完整的设计过程

1. 前期准备

前面说到国潮风的配色、字体和背景特点显著，因此，我们可以在排版前，先把这些确定好，也方便统一PPT的整体风格。
字体选择相对容易，我选择了3种古风常用字体:

• 标题 —— 思源宋体
• 正文 —— 方正清刻本悦宋简体
• 书法 —— 腾翔伯当行楷

配色方面，我们可以直接从优秀作品里取色。
而背景相对来说，就不那么容易找了，尤其是要颜色和质感都符合的，这里我原本是打算用PS做背景的，不过限于技术原因没做好，就放弃了。
不过，下面这张灵感图，倒是帮我解决了背景的难题，就是这个：

（原图太长，只截取了部分）

当时，找灵感时，就觉得这份网页作品非常赞，质感爆棚，于是，我就用图片助手扒了一波图：

并且用 PS 对图片做了一些简单的处理，就得到了下面这些干净的背景图：

2. 设计排版

配色、字体、背景我们都已经确定好了，接下来，可以开始正式逐页排版设计了。
估计有小伙伴看到这里，都快忘了原稿内容了，先让我们回顾一下：

01.国潮风封面页修改

原封面页的内容就是 logo 加标题，简洁但空洞，而且，信息点<北京稻香村>重复了。
所以，我们就只留下 Logo，标题简化为端午节团购方案介绍：

不过，对于封面页，最好分三个信息层级，会更容易理解，即主标题+副标题+修饰。
这里，我们可以把“端午节”再拎出来，这样,节日特点就更显著了，最后处理成这样：

雏形现在有了，但页面还是有点空，对吧？而且也没有达到我们想要的国潮范儿，质感还不够。

我们可以构建一个内空间，通过把信息框住，来解决这一点，就像下面这样，画个质感背景填充的古风边框：

怎么样？好不少了吧，配色、字体、背景、光感4大特点中的字体，以及背景已经解决。
接下来，让我们进行配色，并增强光影感，还是先回到最初的灵感图：

其中有3个点，非常值得我们借鉴，可以用于增强页面的立体感与质感：

• 大标题 外凸，阴影顺着光线，颜色也依此渐变
• 小标题 内凹，也有渐变和内阴影
• 外框 加了投影和漂浮的竹叶，现实感更强

基于上面三点，我们试着应用到封面页里面，于是，就变成了下面这样：

02.国潮风目录页修改

有了封面页的基础，我们就可以将外凸大标题、内凹正文、阴影边框这些元素，注入到后续页面就行了，像这页目录页：

因为只有四个简短标题，我就找了一些龙舟素材，大小高低交错地，放在标题下面，营造赛龙舟的节日场景。
粽子上的图标，对应着文字内容，周围的空白部分再加点粽叶，完美：

03.国潮风逻辑关系页 - 流程图修改

这页的基础版式，我们还是挪用上面的，而具体的呈现形式，我参考了@天奇大佬的一张作品：

嗯，很高级的感觉有没有？试着把这种形式，用在这里看看，于是这页也做好了。

04.国潮风内容页 - 四段修改

这页是四段内容页，涉及到产品展示，在排版上，可以让这四项内容一字排开，并尽可能的放大产品图。
将产品名竖排，配合实物做一些穿插，并用线条引导视线，中间加上半透明书法字“送礼佳选”，填补一下页面空白，也很符合这页内容。

这里的产品图，放大看，其实边缘是有一些阴影的，如果不加，真实感会少很多。
这些阴影，实际是用线条勾勒的产品边缘，然后，加了外阴影放在产品下面：

至此，一份国潮风端午节PPT就完成了，这是我第一次，做这种风格的PPT，也是第一次写这样的复盘文章，希望能对大家有所帮助。