河马

首页 » 常识 » 预防 » 为了让学生们体会排版的作用,我把这一页课
TUhjnbcbe - 2024/6/23 17:31:00

新的一年来啦,好久没更新的陈老师也来冒冒泡,给大家问个好。

今天是一个立Flag的好日子,但与其夸下海口每周要更新多少篇,不如老老实实从第一篇开始写起。今天晚上,陈老师就和大家聊聊课件里的排版。

想起聊这个话题,是因为前段时间陈老师指导了一批学生参加微课比赛,见识了不少谜一般的课件设计。为了让学生们更好地体会到排版的作用,我挑了一名学生的一页PPT为例,改出了好多种不同的版式做示范。

先来看看原版——这名学生微课的主要内容是要向大家介绍「下滑音」这种特殊的音符,因为是低年级课程,需要生动有趣,因此他在课件中把下滑音比作是小精灵,向大家作自我介绍:

不难发现,这页PPT犯了很多新手们常犯的典型错误——排版混乱、装饰元素喧宾夺主、图片水印未去除、段落文字效果糟糕等。

事实上,像上图中树叶这样的装饰元素,新手们就算明知不合适,也很难舍弃不用。因为大部分新手做PPT只会简单打字,根本不会其它设计手段,甚至连画矩形都不会,又怎么能抗拒模板里这些「精美」的装饰呢?

我也曾把这页PPT发给其他同学试着去改造,下面是几个同学改造后的作品:

看,是不是一脸舍不得?

好不容易有几个同学摆脱「树叶魔咒」,又掉进了「渐变大坑」,非得给我来点儿「设计感」:

其实啊,做课件PPT大多数情况下并不像做商业PPT那么复杂,往往连「精美」都不需要,只要能做到「整洁」就OK了。

比如这样的「简易版」:

首先删掉原稿中夸张的树叶装饰,把小精灵图片底部裁剪一部分去掉水印,调整大小放在左侧,然后在右侧使用「微软雅黑」加粗放置标题,文字颜色可以从小精灵衣服上取色。新建文本框放置段落内容,字体同样为微软雅黑,颜色深灰色,行距1.3倍,字号略小于标题字号,两部分文字做好左对齐即可。

完成后发现纵向比较空,背景留白太多,可以绘制两个横向矩形条(绿色无边线)置于顶、底位置减少留白。

我相信这样的简单版式,稍微摸索一下,做出来并不难。

如果你对PPT的功能再熟悉一些,还可以把这个版式稍作变化,做出下面这样的「简易Plus」样式:

看出来怎么做的了吗?其实就是将简易版中的横向矩形旋转为斜向,上下两头超出画面塑造出平行四边形区域。在小精灵脚下放置深绿色椭圆打造出阴影效果塑造层次感。

然后在页面右侧绘制三个正圆,白底绿边,分别放入「下滑音」三个字(字体:方正胖娃简体);绘制圆角矩形,同样是白底绿边,复制出一个,斜向略微错开放置,塑造层次感,调整段落文本框宽度,放入圆角矩形内部。

实际操作之后,你会发现这同样也是不难完成的,无非就是画几个形状,设置下填充和边线色罢了。而现在这样的版式,就有一点左右版的感觉了。

同样是「左右版」,我们还可以做出更有设计感的版式:

像这样的,用「删除背景」功能对小精灵抠图,用「发光」效果打造白色描边;加入虚化的森林图片做背景;右侧插入白色矩形,使用「编辑顶点」功能对边缘做曲线化调节;结合整体布局放置好文本、对话框等元素。

另外,从教学效果出发,我还在这个案例中加入了不同的下滑音记号——这其实是原稿的一个重大失误,讲了半天,学生们还不知道下滑音写出来是什么样子。

那如果换种思路,做「上下版」呢?当然也是可以的啦:

直接把前面用到的森林素材铺底做背景,绘制半透明白色圆角矩形用于放置文字段落,既能延续背景的场景气氛,又能让文字内容清晰展现;矩形右上角加入飞行小精灵的PNG图片素材呼应原有的小精灵素材,让画面更加丰富。

除了左右、上下,还有「中心版式」可以考虑。去「花瓣网」挑上一个好看的树叶边框,搭配形状和线条就能搞定:

你甚至还可以完全抛弃「小精灵」的设定——毕竟是下滑音,用「滑滑梯」来代入不是更科学吗?

中心区域不规则造型由圆角矩形使用「编辑顶点」功能变化而来,背景则结合主图使用了河马与兔子的图标作纹理填充(顺带推荐一个纹理制作站点:Patterninja)。另外,段落部分进行了提炼改写,分为了四行,加上了项目符号进行分隔。

不难发现,课件的排版非常灵活,设计手法也是多种多样。不同的版式结构、不同的装饰元素(形状、图片)、不同的设计思路,都能做出不一样的效果,而且用到的软件功能也并不复杂。

那为什么还是有这么多新手,只要离开模板就完全没法做出哪怕是一页像样的课件设计呢?究其原因,还是看得太少,闭门造车导致的。

想要改变这种现状,其实也不难,像陈老师这样,尝试着把一页课件用不同的思路和设计手法去表现,在这个过程中去熟悉各种软件功能、辅助工具,很快就能有明显的进步。

OK,今天就先聊到这儿,今年陈老师打算多写一点课件制作方面的内容,如果有老师和教育专业的同学在

1
查看完整版本: 为了让学生们体会排版的作用,我把这一页课