欢迎光临全网营销网站

PPT 定制与模板在设计思维上的异同——课程笔记

作者:jcmp      发布时间:2021-04-14      浏览量:0
课程老师:@浣熊老师一、为什么被要求做一

课程老师:@浣熊老师

一、为什么被要求做一份 PPT 模板时,常感觉到无法下手?

原因有 3 个: 1.高质量的要求(@老秦 PPT用产品思维) 短时间做 30 页以上的 PPT?有困难? 那就先做出一个完整的 PPT 模板,再迭代打磨;

2.没有具体内容 其实也简单,拆解大量优秀的 PPT 模板,把我们需要做的任务进行细分,比如说 PPT 页按结构,需要封面、目录页、内容页、封尾页,其中内容页可以进一步细分(1段式、2段式、3段式、4段式、对比式、时间轴、团队介绍…等)。

3.灵感枯竭的问题 首先 PPT 定制如何过渡转化,成为一个 PPT 模板,我是这样做的: 01.先把页面元素,通通去色为灰色,文字部分用占位矩形占位,“清洗干净”,呈现出一个简单的排版结构; 02.改变一下版式,比如说原来是上下版式的,我可以换成一个左右版式; 03.最后,我填充一下我的主题颜色,再进行一下细节的丰富,它是不是就可以成为一个 PPT 模板的内页,或者目录页?

小结一下,一张 PPT 作品它是完全可以过渡转化为许多张模板内页的,这样你还会说自己没有 PPT 制作的灵感吗?

回归主题,过渡转化中需要注意 2 点:

1.去可视化 举个简单的例子,选框的位置

这些元素是配送有关的,但不一定适用于它处;

2.易修改性 如图,图表页设计的非常的美感与设计感,但在模仿中,我们却不能这样去做,客户实际修改非常困难;

另外,我是个爱思考的家伙,PPT 定制就仅仅是 PPT 定制吗?它可以延伸到网页设计、UI设计、海报设计等等,那这些其它设计如何过渡转化为 PPT模板的呢?

举个例子,如图网页设计,

一看见我就被它的逻辑表达方式吸引住了,所以我直接拿来修改为现 PPT 模板的第 2 页。

大家可以看到,第 2 页里左侧浅灰色的圆,在原网页设计里并没有体现,其实是我从其它案例里面得到这个灵感,然后把它应用到这个模板页里面。

所以,我们会发现,所谓借鉴,绝不仅仅是模板、配色这些大的方面,而其中的逻辑关系、图标的设计、文本框的设计,或者一些图片容器的设计,等等,都是需要我们学习的。

比如昨天我在“每日 3 P”群里学到的东西,可以拿出来发给大家看下:

我从上面这个案例里,学到了人物介绍的排版、层次感增加的手法,这完全不是简单的配色和排版。

说到这里,再小结一下,作为 PPT发烧友,每天要看大量的设计,如果我们每天都按这种方法,输出一页,那么一个月 30 天下来,它就是一个 PPT 模板。

说一个我自己的例子,

刚接触PPT的时候,平时比较闲,用这套方法做了几套模板,放到网上去卖了,这种灵感转换过渡的方法,给学校做了一个毕业答辩 PPT 的模板,也就放在演界网里卖了,昨天去看了一眼,你搜毕业答辩,还是可以看到它在第一页第一排第一份,那个就是我做的。 不过在听过秦老师的分享之后,会发现 从前做的模板,问题特别多,你就会发现卖不出去,其实都是有理由的。

所以,我们要完成一套PPT模板,其实也不太难,细分、搭框架、按每日一页对框架进行填充,这样我们后续可以用内部测试、迭代修改、包装,最后一份高质量的PPT 模板,非常轻松的就可以做出来了。

加餐环节:关于配色的思考

搜了下文章,学配色的方法,大致有两类,一类是提供配色网站,另一类是说解配色理论,为什么许多同学表示配色网站收集完,理论看完,还是不会配色?

首先,什么是色感?怎么培养?(配色的终极问题) 平时我们认为,大量看配色的作品,潜移默化的影响,但具体该怎么做呢?

于是,我思考,如果我有优秀的色感,能做到什么事情? 1.熟练的选择合适的色彩搭配; 2.选出大致的色彩搭配的基础上,我还可以灵活的调整,令整个页面和谐美观;

认同么?如果你也认同这点,有以下要求,

建议大家以简单的配色原理,去强化色彩搭配的记忆(复杂的配色理论,可能会指导我们配色,但我们却非常难掌握它); 我们不妨用简单的配色理论,去拆解大量优秀的作品,去拆解的过程中,会加深色彩搭配在大脑中留下的印象;

先介绍几个简单的配色理论:

这是我们常见的色彩面板,

1种是邻近色搭配,暖色调方面如红色橙色、橙色与黄色、红色与黄色,冷色调方面,蓝色与青色、蓝色与紫色、蓝色与绿色; 另1种是,冷暖色调的互配;

第 1 个案例

冷色调,邻近色搭配

第 2 个案例

暖色调,邻近色搭配

第 3 个案例

冷暖色调互配

会不会觉得蓝色似乎可以跟一切颜色搭配啊?这跟我们说的理论有点矛盾,是不是个BUG啊?

其实,不是, 1我们有了分析配色的意识,以后欣赏作品后,不断加深对色彩搭配的印象; 2假如我们看了100份作品的色彩搭配,有80份蓝黄配色,那么我们立马就会想到,蓝色与黄色搭配…

举个例子,比如说阿文,第一时间你会想到他的黄黑搭配。

这张图配色稍显复杂,看到它,首先它是一个不规则形状,蓝绿色的渐变,粉色的手机。

总结一下,我可以学到两个点,渐变的搭配首先考虑邻近色搭配,点缀色的选取上,我可能会选暖色调的颜色与图中的冷色调互配;

提问:根据上图的例子,你认为亮度是用来干什么的?

其实,上面这个圆,相对中间圆的颜色提升了亮度,其它都没动;下面这个圆,相对中间圆的颜色提升了饱和度,其它什么都没动;三个圆交叉重叠在一起,我想问大家,三个圆两两相交,相交的界面上,哪两个圆的相交看起来比较清晰?

上面的比较清晰,对吧。亮度有控制页面轻重关系的作用,区分画面的作用。

看第一个作品,背景与中间四个色块是有区分的,但从去色的图看,虽然有区分,但感觉差别不大;

看第二个作品,去色后,背景与色块,区分度是非常大的,对比程度,你可以感觉下。

一种是低饱和度;

一种是高饱和度,深色背景下用,加高饱和度的颜色在前面,常见发布会的手法;

感觉高饱和的颜色,需要用白色来平衡一下这种辣眼睛的程度;

有位同学上传了这个作品,我们来看下它的配色。

我调整了一下,

大家感受下,我调整的意图。

最后,感谢大家来听。