islide插件

从零开始制作国潮风PPT

从零开始制作国潮风PPT
导读

我们做PPT的时候会遇到设计灵感缺失的时候,正确的做法是:从寻找案例参考,但是找到案例参考之后该怎么进行借鉴呢?大家可以从这篇文章找找灵感,希望对你有所帮助。

从一张淘宝详情页找到设计思路,我做了一份超酷的国潮风PPT!

我们每一个人,几乎都会遇到设计灵感缺失的问题。正确的解法,是从寻找设计案例参考。但有一个问题在于,当我们找到了一些参考时,该如何进行借鉴呢?
如果你不知道,建议阅读下这篇文章。
不废话,直接进入正题。老规矩,我们先来看下原稿和最终成稿。
—— 修改前 ——
从一张淘宝详情页找到设计思路,我做了一份超酷的国潮风PPT!—— 修改后 ——从一张淘宝详情页找到设计思路,我做了一份超酷的国潮风PPT!怎么样?如果你觉得还不错,且看下方我的完整设计思路复盘。

一、分析PPT 内容

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

从一张淘宝详情页找到设计思路,我做了一份超酷的国潮风PPT!

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

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

从一张淘宝详情页找到设计思路,我做了一份超酷的国潮风PPT!

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

二、确定设计灵感来源

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

从一张淘宝详情页找到设计思路,我做了一份超酷的国潮风PPT!

从一张淘宝详情页找到设计思路,我做了一份超酷的国潮风PPT!

从一张淘宝详情页找到设计思路,我做了一份超酷的国潮风PPT!

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

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

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

三、完整的设计过程

1. 前期准备

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

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

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

从一张淘宝详情页找到设计思路,我做了一份超酷的国潮风PPT!

(原图太长,只截取了部分)

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

从一张淘宝详情页找到设计思路,我做了一份超酷的国潮风PPT!

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

从一张淘宝详情页找到设计思路,我做了一份超酷的国潮风PPT!

2. 设计排版

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

从一张淘宝详情页找到设计思路,我做了一份超酷的国潮风PPT!

01.国潮风封面页修改

从一张淘宝详情页找到设计思路,我做了一份超酷的国潮风PPT!

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

从一张淘宝详情页找到设计思路,我做了一份超酷的国潮风PPT!

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

从一张淘宝详情页找到设计思路,我做了一份超酷的国潮风PPT!

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

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

从一张淘宝详情页找到设计思路,我做了一份超酷的国潮风PPT!

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

从一张淘宝详情页找到设计思路,我做了一份超酷的国潮风PPT!

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

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

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

从一张淘宝详情页找到设计思路,我做了一份超酷的国潮风PPT!

02.国潮风目录页修改

从一张淘宝详情页找到设计思路,我做了一份超酷的国潮风PPT!

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

从一张淘宝详情页找到设计思路,我做了一份超酷的国潮风PPT!

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

从一张淘宝详情页找到设计思路,我做了一份超酷的国潮风PPT!

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

从一张淘宝详情页找到设计思路,我做了一份超酷的国潮风PPT!

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

从一张淘宝详情页找到设计思路,我做了一份超酷的国潮风PPT!

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

从一张淘宝详情页找到设计思路,我做了一份超酷的国潮风PPT!

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

从一张淘宝详情页找到设计思路,我做了一份超酷的国潮风PPT!

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

从一张淘宝详情页找到设计思路,我做了一份超酷的国潮风PPT!

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

从一张淘宝详情页找到设计思路,我做了一份超酷的国潮风PPT!

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

从一张淘宝详情页找到设计思路,我做了一份超酷的国潮风PPT!

 

原标题:从一张淘宝详情页找到设计思路,我做了一份超酷的国潮风PPT!

原作者:旁门左道PPT 微信号:pangmenzd 自媒体大咖进驻

您可能感兴趣的文章

发表评论

移动版关于我们联系我们版权声明

PPTfans.cn (PPT设计教程网) ©2012-2020 · 沪ICP备13023938号-3 · 基于Wordpress · 由peaterq设计&制作 ·网站标签 · 订阅鄂公网安备 42050602000108号

有困难加站长微信
购买咨询电话021-34551883
技术交流QQ群120381181
疑难杂症找站长遇到困难,找站长!