用 OmniGraffle 做幻灯片原型

2016-05-11
用 Omnigraffel 做幻灯片原型1.jpg

为什么做 Keynote 还需要先做原型设计

在一个PPT得市场份额、Keynote 取口碑的幻灯片制作世界里,抛开风格上差异,两者都已非常成熟,在制作这一环上没有留给其他软件太多的赶超机会。不过幻灯片制作往往不是听上去那么单纯的打开软件制作就行,制作前的准备工作其实可以占一半的时间。而这一环留下了许多Keynote尚未解决的痛点。

  1. 没有总览视图,仅有一个「看片台」视图,不利于演讲逻辑的梳理。而在Keynote「导航」里只能看到呈线性的缩略图,往往和实际的演讲的逻辑不相匹配。若想做到幻灯片和演讲的高度相符需要来回检查幻灯片
  2. 没法快速创建草图。幻灯片制作没法一蹴而就,需要反复的修改内容的分配。如果是一张张做好,等到修改时全部推翻,费工又费时。如果有草图就可以先在草图上沙盘推演,反复斟酌修改。
  3. 由于没有一份完整可靠的草稿,实际上制作 Keynote 时需要不停的在 Keynote 和图片素材制作间切换。有时候团队作业也没法加倍加快速度的原因就在于此:无法有效的分工以同时合作

    有趣的是实际在更为复杂的应用开发流程中,也大致分为界面设计和开发两个环节,也存在着需要来回修改应用设计,设计和开发难以高效同步的问题。不过开发者和设计师依靠线框图,低保真模型等等工具,完美的解决了上诉难题。那为什么我们不从中学习呢,先做一个类似于线框图的原型 Keynote 来提高整个项目的效率呢?

用 OmniGraffle 快速实现原型设计

为什么选 OmniGraffle

正如应用开发者们一样,做原型设计时对工具的要求不高,毕竟没有精度要求,如果觉得顺手,拿起白纸和铅笔都可以很好的完成这个任务。然而我在这一步选用 Omnigraffel 的原因和我之前的文章里提到的一样——能让人变懒的「型版」。

OmniGraffle 的型版库

其实做 Keynote 的原型比设计应用要简单的多。一份 Keynote 所需的元素无非一些几种:

正是因为所需的型版简单,而且每个人的用 Keynote 演讲的对象相对固定(学校或者公司),与其去下载一个通用的型版,还不如花半小时创建一份专属于自己的型版,以后便能一劳永逸。

创建一份适合自己的型版

在资源管理器中选择「新建型版」后便能开始编辑型版。总的来说编辑型版和编辑一般的文件并无两样,就连一般的文件其实都可以保存成「型版」。在这里我们依照前面列举的一份 Keynote 所需的元素依次添加进型版。

创建型版
  1. 创建一个图层「文字框」,然后从「常用」型版中的「字体」中拖进一个文字框即可(简直要得懒癌了),稍微编辑下字体和文字框大小。我这里为了标题和正文各创建了一个文字框。
  2. 下一个图层为图片框 ,也是从「常用」型版中的「形状」中拖一个矩形框作为图片框,修改下填充内容,让自己更好的分别。当然别忘了一个特殊的 Keynote 单页的边框。
  3. 特殊的模板。这里笔者建议新建一个「版面」,以便和前两个图层区分开,毕竟是属性不同的素材。将你学校或者公司常用的 Logo 或者母版的图片直接拖进 Omnigraffel 即可
  4. 标注符号。制作原型时我们需要留下一些标注方便之后的制作。我仍是新建了一个版面后将「标注」型版中的素材直接拖进来作为自己的素材。

    可以看见,在创建型版的过程中我没有自己手动绘制一个元素,依赖现有的素材就找到了所需所有元素。有了型版这把利器之后,就要开始进入快速制作原型的步骤。

创建 Keynote 原型!

首先我们要厘清一份 Keynote 的原型需要做到哪些才能帮助我们之后的 Keynote 的制作。

  1. 快!在原型阶段,不要太在意版面布置,而是快速的将想要的元素大致的放在 Keynote 页面上,切不可犯强迫症。
  2. 各张幻灯片不应是线性布置的,而是依据演讲的逻辑画成树形图或者鱼骨图。这样在演讲和幻灯片之间就有一个中间形态,方便我们理清思路之后,去修改文稿或者幻灯片的顺序。而幻灯片之间的联系就靠型版里的标注符号。
  3. 原型上应该有最终出现在成品上的所有素材。完成原型后对素材的需求也就明了了。列成清单就能交给小伙伴,大家同时开工。

    创建 Keynote 原型

    实际制作时有着很大的自由度,你既可以像我一样,给不同的演讲部分分成不同的版面,在同一张版面里放上所有的相关幻灯片,然后不断的尝试合适的演示思路。也可以按照自己的想法使用型版。这里稍微说下我对原型的使用。

    在形成演讲大纲之后(在制作幻灯片之前你就该写好演讲大纲或者文稿),我对演讲的大致构成有了把握,于是按照演讲的内容将 Keynote 分成两部分(两张版面)。在一个版面类按照演讲内容的从属关系(大体上是总分总)布置每一张幻灯片的顺序。然后给每张幻灯片加上所需图片框或者文字框。 最后就是不断的调整原型,思考哪些应该先讲,或者幻灯片之间的动画效果。

    一份定稿的原型,就应该是制作真正幻灯片的模板,之后的工作便是打开 Keynote,将原型还原成一份精美而逻辑严密的幻灯片。

Comments
Write a Comment