今天的这篇文章,是受邀在@旁门左道 邵大的知识星球里,做过的一次设计分享,原文2000多字的干货内容,在这里一一为你呈现。

此文有什么用?

通过这篇文章,你能了解到我从word纯文稿到PPT视觉的化的设计过程。我相信这些设计过程的分享,一定能给你带来不一样的启发。

Before:思维导图文档 ↑

After:PPT视觉化表达 ↓

*商业BP,不方便公开具体内容

正文开始

我的专业是一名UI设计师,下面是我做的一些PPT设计作品,先分享给大家看一下吧:

《下班吧骚年》

《祖国庆典》

《轻奢时装》

通过一页word到PPT视觉化的演变,向你分享我在设计过程中的一些思考以及个人的设计习惯。

害,我想到自己刚开始接触PPT的时候啊,是真的惨,先不说设计的好不好看吧,

最难受的是我花了几个小时,精心设计了一页PPT,到头来一看,我去!文案逻辑被我搞错了!这时候咋办?重新设计呗!

那这问题出在哪里?其实也就是制作ppt最重要的一点:



01.

文案梳理


为了能够准确的表达清楚PPT的逻辑,我们就必须事先对文案做详细的了解,例如今天我用的案例,原始文案来自于思维导图:


怎样,会不会觉得很难下手?瞬间懵啊,莫得慌,我这就教你如何把上面的思维脑图设计成下图:

1-1 内容导入

  • 我的第1个习惯是:
  • 将每页PPT对应的文案,导入到页面中。

这个好像有点废….话?其实需要注意的是,不要堆砌在一起,而是按照文案的浅层框架,大概的放着就好了。


这也是我们在做ppt时最基本的一步,理清楚每一页PPT需要承载的内容,然后再去拆分文本框。


拆分文本框?啥意思???就是下面这个意思:


1-2 拆分文本框并简单排版


在下掐指一算,大部分的人,都没有一开始就把不同内容拆开的习惯。

就算是有,也不会精细到【最帅的人是谁:张二木】拆分为:【最帅的人是谁:】,【张二木】,这样两个文本框。


这就不得不提啊,真要花这么多时间去拆开文案用单独的文本框?


对没错!想做出有设计感的PPT,还真的得拆开,文本框越多,一定意义上代表着需要设计的样式越多,不信你看一下最终稿中,所有不属于同一组的文案,都是单独拆开的文本框:


把文案拆分之后,就要根据文案的逻辑,大概的去摆放一下纯文案的框架啦,这对后期做框架排版的时候非常有用:


  • 这也就是我的第2个习惯:
  • 拆分文本框,根据文案逻辑,稍加排版。


怎么样,第一步文案梳理并不是很难吧?都是基础活啊,但却是非常重要的第一步,就好像,做一个房子,首先得地基打好吧,万一地基都没做好,一切都白搭啊,咳咳,咱跑偏了,继续哈。


02.

套用框架


第一步文案梳理,是为了理解文案的含义,那第二步套用框架,是为了什么呢?

套用框架是为了更精准的表达我们的文案逻辑,通过对文案的理解,我们可以大概把这一页PPT解释为:


一个盈利模式之下,有关于直营店的6个要点,以及加盟店的5个要点,直营店加盟店之间无其他关系。


于是这时候啊,咱就可以上框架了,例如说我用左右框架,其实就是左右排版,做出下图效果:

这一步并不是很难,对吧?


是不是就只能左右排版呢?其实只要能承载住6个要点+5个要点的框架就可以啦


那可能就有人问了啊?我压根就不知道该套用什么样的版式啊,怎么办好烦!


我给你支个你听了想打我的一招:多练习。


在各种设计网站有很多非常赞的版式布局案例,可以试着去练习一下,把别人的东西转换成你的~

  • 这就是我的第3个习惯:
  • 美化设计之前,确定文案的框架。


把文案的框架确定好了之后,接着就是大家最感兴趣的环节了:



03.

美化设计

在ppt设计中,必要的什么选择字体啊,配色啊之类的就不多说了。看一下下面ppt的排版,左侧的6个要点,是不是很象左右排版的表格呢?然后右侧的5个要点。

这种单纯环绕式排版,似乎有点空洞,那可以怎么优化?


通过简单的方式,我们可以在原基础上,加入一些简单的修饰,让表格式跟环绕式更加明显 ↓

在上面的图中,我简单的在背景上加了两个大色块,然后文案用一个白色块框住,快速的完成区分背景与内容的设计。这种用大色块区分背景与主体的设计套路非常好用且高效率。

  • 这就是我的第4个习惯:
  • 时刻区分PPT背景与主体,明确主体。


其实啊,到这一步,我们单纯的文案设计已经完成了,页面看起来虽然不会太过于惊艳,但是也不至于很丑很乱。于是,这样就结束了吗?


如果说你是一位追求PPT精致感的人,接下来的一步应该是你最感兴趣的内容:


细节雕刻

我有个思考的小技巧可以分享给你,就是除了这样,我还可以怎么设计呢?


就拿“直营店”跟“加盟店”两个小标题来说,还可以怎么设计呢?哎找一些小标题的设计参考借鉴一下,就能做出这样的效果:


好了,小标题我觉得雕刻的不错了,再继续看一下页面还有哪些地方可以细节处理呢?嗯…我发现表格式跟环绕式还可以再优化一下设计,于是迭代成这样子:

这样的美化并不是很难对吧?例如上图中,右侧5个要点的点元素,我在里面叠加了一个白色的点,这个很简单吧?


为什么我们比较难做出这些细节优化呢?

总结来说我觉得有2点原因:

  • 1,不清楚可被优化的细节在哪里。
  • 2,关于细节雕刻的技巧沉淀不够


大白话来说就是,如果要塑造一个标题,你能有多少种设计方式?而这些其实都是日常设计沉淀积累下来的。

  • 这就是我的第5个习惯:
  • 完成大部分设计之后,雕刻设计细节。


到这一步来说,我们已经完成了文案梳理,套用框架,以及美化设计的3大环节,进入到最后一个环节:



04.

设计自检

  • 我的第6个习惯是:
  • 从全局到局部做设计检查。


首先看整体页面传达的感觉,假设一个幼儿园主题的文案,我设计成科技风,那传达的感觉肯定是不对的。


如果全局的传达的感觉对了,但是细节不够精致,那就有针对性的去看局部的设计细节问题。


就像我们的案例图,我发现有几点问题:

大标题不够精致,白色色块的描边有点丑。

然后把自检环节发现的问题一一处理之后,就得到了我们的最终稿:


因为这是一份摘选自商业计划书的PPT页面,所以一些具体数值,我们可以稍作强化处理:


05.

总结

最后,我们来总结一下,从最初的纯文案到设计终稿,经历了哪些过程呢?

 

01.文案梳理

将文案导入到对应的PPT,拆分为单独的文本框,做简单的框架摆放


02.套用框架

对文案进一步了解之后,搭建合适的页面框架。


03.美化设计

在框架的基础上,美化各处细节内容。


04.设计自检

完成一版设计之后,对全局到局部做设计检查。


其中,我也分享了我的6个设计习惯,按照PPT设计的过程分别为:

以上呢,就是我关于从0到1完成一份PPT的一些过程啦,不知道对你有没有用呢?

文章首发于公众号【一六视觉】,想了解更多,请移步。

Powered by Froala Editor

声明:* 本站所提供的资源均来源于互联网,站内所有文字、图片内容由网站会员上传而来,UI社不具备此内容的版权。由于将本站资源用于商业用途而引起的纠纷,本站不负任何责任。如果有侵犯到您的权益,请联系本站删除,谢谢合作!联系邮箱:Uishe#qq.com (请将[#]换成@)