【设计案例】可视化不是简单的美化

发布于 2021-03-31 00:20

演示文稿要不要美化？毫无疑问：要。但如何美化？仅仅是在页面中简单地加了些装饰元素就可以了吗？如果你用这样的思维去设计制作演示文稿，你就大错特错了！为什么这样说呢？理由也很简单：我们做演示文稿的目的是要用来提升教学效果的，不是展示你的美术设计水平的。

演示文稿的美化必须建立在内容的基础上。因此，在对页面进行美化之前要对所要呈现的内容进行整理，整理出内容间的逻辑关系和知识结构，提升内容的解释力，从而促进学生认知的发展，同时丰富师生间的互动。

先上案例：

就这个案例而言，如果你不先去整理信息，直接开始修饰美化，不管你这页幻灯片做得如何精致美观，最终的结果只有一个：学生听得昏昏欲睡。这就完全背离了我们设计制作演示文稿的初心——帮助学生更好地理解和记忆所学的知识内容。

那我们该如何去优化呢？

第一步：信息整理

所谓信息整理就是理出当前页面所在表达的中心主题，然后再理出所要讲授知识内容间的内在逻辑联系和知识结构。我们先来分析案例内容：

2005年，美元兑人民币汇率8元，一个美国人带了20万美元，来到中国兑换成人民币160万，其中40万元消费，120万元在北京市购买了一套100平米的住房。

2014年，美元兑人民币汇率为6.2元，而房子市价达到600万，美国人卖掉房子准备回国，将人民币兑换成美元96.8万美元。

正是由于汇率的波动会给进出口贸易带来如此大范围的波动，因此很多国家和地区都实行相对稳定的货币汇率政策。

▍理出页面所要讲授的重点和中心内容：

因为汇率的波动会给进出口贸易带来如此大范围的波动，所以要实行相对稳定的货币汇率政策。

【设计思考】：

▍理出页面所要讲授内容的知识结构：

美国著名的教育心理学家理查德·E.梅耶（Richard E. Mayer）在《多媒体学习》一书中将知识结构归纳为：分类、列举、概括、比较和过程五种类型，我们在设计演示文稿时如果按照知识结构对内容进行呈现，会取得更好的教学效果。

再次分析案例：

讲授内容是想借助一个案例分析，进而得出页面的中心观点，这是一个概括的知识结构。

案例的具体内容则是通过两个不同的时间段的相关数据进行对比，这是一个比较的知识结构。

【设计思考】：知识内容的概括实际上是一个思维的引导过程，可以采用左右或上下的布局样式，同样的对比可采用的布局样式也是上下或左右。例如以下一些样式：

▍理出具体的关键信息，删除干扰信息

2005年，美元兑人民币汇率8元，一个美国人带了20万美元，来到中国兑换成人民币160万，其中40万元消费，120万元在北京市购买了一套100平米的住房。

2014年，美元兑人民币汇率为6.2元，而房子市价达到600万，美国人卖掉房子准备回国，将人民币兑换成美元96.8万美元。

正是由于汇率的波动会给进出口贸易带来如此大范围的波动，因此很多国家和地区都实行相对稳定的货币汇率政策。

两个时间段：2005年和2014年

两个国家：中国和美国

两种货币：人民币和美元

两个时间点的汇率：2005年美元兑人民币汇率8元，2014年美元兑人民币汇率为6.2元

两次转换后货币值的变化：来时20万美万，回时96.8万美元等

注意这里缺少了一个关键信息：因为汇率变化而产生的货币值，这是学生理解上会有困难的点，要补充上去。

【设计思考】：通过图示的方式将这些变化呈现出来，会比单纯用文字去阅读会让学生更易理解。整理后大致效果如下：

第二步：准备素材

通过上述的信息整理，实际上已经初步形成了基本的页面布局样式。但离可视化还有一段距离，可视化显然离不开视觉素材，如图片等。

注意，此时选择的素材绝不是为了装饰美化去选择使用的，应当是能用来替代具体的文字的素材！

中国和美国可用两个国家的国旗表示：

人民币和美元及汇率可用下列图标和图片表示：

货币的使用及两个国家间的往返可以用下列图标表示：

第三步：布局设计

如何布局呢？非常明确，根据知识结构选择布局样式。

前面已经说过这是一个概括和对比并存的知识结构模式。所以可以采用上下布局和左右布局样式来呈现。

首先，用汇率做为桥梁，用一个双向箭头表示两个国家的往返，两侧是两个国家，一左一右形成对比。

接下来，对其他解释货币值变化的过程，通过往返的过程，采用上下结构的呈现样式进行对比。教学时可通过动画的方式和借助教师的讲解。在这个过程中，学生很容易产生一个疑问：

为什么这个美国人，在中国呆了10年，带来20万美元，却带回去96.8万美元？

这里面显然有一个重要因素：房价从120元涨到了600万。

但是，最终的96.8万美元全部是因为房价因素引起的吗？

此时，再将学生的视觉拉到中间，汇率的变化上来，通过计算可以得出一个结论：

因汇率变化多得了21.8万美元。

当课件呈现到这里的时候，教学难点已经突破，是到呈现该页面中心观点和重点的时候了。

问题来了，这个中心观点和重点，布局到哪个位置合适呢？

思考一下！

显然，呈现在“因为汇率变化多得了21.8万美元”的位置最为合适，但是放不下啊，如何解决？对，动画。最后设计结果如下：

文字重叠部分为动画的呈现方式。

当然就布局样式而言，不同的人有不同的喜好和理解，例如就此案例，本人还设计了一稿，供大家参考：

同样，文字重叠部分为动画的呈现方式。

第四步：美化页面

对页面的美化，第一是调整字体为合适的大小和文字间的间距，其次是突出强调重要的文字（啰嗦一句，不要一说强调就去改变字体的颜色，不要做好色之徒行不？通过弱化不重要文字的颜色深度和明度，不是一样可以解决问题吗？）等。就这一页而言，个人觉得不必要再加入装饰性的元素进行修饰了，因为我们设计的目的是教学，不是去设计广告和海报。要知道：

一切不从教学出发的设计都是耍流氓

设计演示文稿时要从学生的角度出发进行审视，不要书本搬家！