尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

110
ver. 1.01

TAGS:

description

蔡学镛 (现任支付宝架构师) 分享 PPT 制作经验. 学镛有多年技术演讲经验,在PPT(简报)设计上有独到之秘。 其中半部分术语已经转化为大陆习惯。个别词汇未转换,望读者周知。

Transcript of 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

Page 1: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

ver. 1.01

Page 2: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

投影片 生鱼片做投影片就像做生鱼片

Page 3: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)
Page 4: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)
Page 5: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)
Page 6: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)
Page 7: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)
Page 8: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

生鱼片三要素生鱼片三要素生鱼片三要素生鱼片三要素

Page 9: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

简报简报三三要素要素

材料材料

简报简报三三要素要素

1.1. 材料材料

结构结构2.2. 结构结构

3.3. 修饰修饰

Page 10: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

1. 1. 材料材料

Page 11: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

目标听众正确目标听众正确目标听众正确目标听众正确

Page 12: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

精简

Page 13: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

说故事说故事说故事说故事

Page 14: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

一份简报的内容份简报的内容相当于书的一章

Page 15: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

人的大腦只能同時保持 條資訊人的大腦只能同時保持 條資訊

Page 16: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

简报时间应小于 分钟简报时间应小于 分钟

Page 17: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

「材料」总结「材料」总结

• 听众目标正确

• 精简(大多数简报应该删除50%以上的内容)精简(大多数简报应该删除50%以上的内容)

• 提高说故事的能力

• 注意力集中时间限制 = 90分钟

• 大脑资讯限制 = 7条• 大脑资讯限制 = 7条

• 一份简报内容量约为书的一章

Page 18: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

2. 2. 结构结构

Page 19: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)
Page 20: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

不要采用树状结构要采用树状结构

Page 21: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

首页 大纲破题 破题首页 大纲破题 破题

第一节开始

第一节内容

第一节内容

第一节内容

第一节结束

第二节始

第二节内容

第二节内容

第二节内容

第二节内容

第二节结束开始 内容内容 内容 内容 结束

第三节开始

第三节内容

第三节内容

第三节内容

第三节结束

整体总结

尾页总结

Page 22: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

首页 大纲首页 大纲

第一节开始

第一节结束

第二节始

第二节结束开始 结束

第三节开始

第三节结束

整体总结

尾页总结

Page 23: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

首页 大纲首页 大纲

第一节开始

第一节结束

第二节始

第二节结束开始 结束

第三节开始

第三节结束

整体总结

尾页总结

Page 24: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

首页 大纲首页 大纲

第一节开始

第一节结束

整体总结

尾页总结

Page 25: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

讨论讨论:大纲的必要性?大纲的必要性?

Page 26: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

投影片修辞学?投影片修辞学?

Page 27: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

首页 大纲破题 破题首页 大纲破题 破题

第一节开始

第一节结束

第一节内容

第一节内容

第一节内容

第二节始

第二节结束

第二节内容

第二节内容

第二节内容

第二节内容开始 结束内容内容 内容 内容

第三节开始

第三节结束

第三节内容

第三节内容

第三节内容

整体总结

尾页总结

Page 28: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

页面属性页面属性

名词动词连接词单字名词动词连接词单字

Page 29: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

页面属性页面属性

重点陈述名言引用句子重点陈述名言引用句子

Page 30: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

页面属性页面属性

比较步骤总结段落比较步骤总结段落

Page 31: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

页面属性比例页面属性比例页面属性比例页面属性比例

多用句子页面多用句子页面

少用段落页面慎用单字页面

勿用小节页面

Page 32: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

「结构」总结「结构」总结

• 采用链状(非树状)组织方式

• 注意每章投影片的修辞属性与比例注意每章投影片的修辞属性与比例

• 移除大纲,改用总结

Page 33: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

3 修饰3. 修饰

Page 34: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)
Page 35: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

“许多女明星在化妆前后简直判若两人!”

- 台湾综艺节目主持人 -台湾综艺节目主持人

Page 36: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

讨论讨论:为何需要图片?为何需要图片?

Page 37: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

图片的作用图片的作用

1. 美观

2 视觉刺激2. 视觉刺激

3. 加强解释

4. 加深记忆(联想)

Page 38: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

小心使用图片小心使用图片

1. 画面布局影响阅读次序与重点判断

2 适当留白可以减缓心理压力2. 适当留白可以减缓心理压力

3. 图片噪音会影响信息吸收

4. 颜色、配色会产生心理作用

Page 39: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

信噪比 范例

< 1

10.3

10.7

11Adobe

14.9

11AIR

15.1

~23 MB197 MB2x

50 MB 100 MB10 MB

Page 40: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

色色 彩彩 校校 正正色色 彩彩 校校 正正

Page 41: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

色盲測試盲測試

Page 42: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

近視測試視測試

Page 43: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

如何找适合的图片如何找适合的图片

概念 联想 关键词 搜索

Page 44: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

图片联想范例图片联想范例

Page 45: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

美美

Page 46: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

平衡平衡平衡平衡

Page 47: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

放松放松

Page 48: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

停留停留

Page 49: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

知识传递知识传递

Page 50: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

灵机机一动

Page 51: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)
Page 52: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

软件开发的三大愿望软件开发的三大愿望

1.1. 更高的更高的生产力生产力

更少的更少的2.2. 更少的更少的BUGBUG

3.3. 更容易更容易维护维护3.3. 更容易更容易维护维护

Page 53: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

闭眼指数!?闭眼指数

Page 54: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

闭眼指数闭眼指数

萤幕无变化萤幕无变化

属性为小节

属性为段落属性为段落

萤幕有表或程序码

萤幕有平淡的图萤幕有平淡的图

无连贯性

萤幕大变化萤幕大变化

萤幕小变化

画面刺激画面刺激

互动言语刺激言语刺激

Page 55: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

候当閉眼指數閉眼指數逼近1的时候…

Page 56: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

重新组织重新组织新 织新 织

Page 57: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

视觉刺激视觉刺激视觉刺激视觉刺激

Page 58: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)
Page 59: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

互动互动

Page 60: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

真的沒辦法了!真的沒辦法了!

Page 61: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

休息片刻休息片刻休息片刻休息片刻

Page 62: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

「修饰」总结「修饰」总结

• 图片的作用

• 小心使用图片小心使用图片

• 联想找图

• 注意闭眼指数

Page 63: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

后面全都是范例…后面 都是范例

Page 64: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

首页范例首页范例

Page 65: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

技技术写作作方法法与技技巧蔡学镛

Page 66: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)
Page 67: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)
Page 68: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

尾页范例尾页范例

Page 69: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)
Page 70: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)
Page 71: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

破题范例破题范例

Page 72: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

1313 Years agoJava Was Born

Page 73: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

Java Consists ofJava Consists of 

33 Parts

Page 74: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

13After 13 YearsJava Becomes…

Page 75: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

Language Is

OldOld

Page 76: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

VMs are

Strongg

Page 77: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

Libraries are

WealthyWealthy

Page 78: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

Java PlatformNeeds A

N LN LNew LanguageNew Language

Page 79: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

Here ComesHere Comes

Page 80: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

But JavaFX is just for RIABut JavaFX is just for RIA . . . 

Page 81: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

Have a Toast to

llScalaScala

Page 82: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

名言引用范例范例

Page 83: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

教导科学家,使其精通写作,

这是相当重要的事。

诺贝尔物理奖得主

Arno A. Penzias

Page 84: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

名言引用的布局模式名言引用的布局模式

名言

姓名头衔头衔

名言 名言

照片姓名头衔

姓名头衔

照片

头衔 头衔

Page 85: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

底图+文字范例范例

Page 86: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

如果我们的思想不能诉诸文字,

史前部落时代史前部落时代我们将停留在史前部落时代史前部落时代。

Page 87: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

写作的个世界三个世界

Page 88: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

没有人能完全客观没有人能完全客观没有人能完全客观没有人能完全客观

注意到自 的偏颇之处注意到自 的偏颇之处注意到自己的偏颇之处,注意到自己的偏颇之处,

并尽力保持平衡!并尽力保持平衡!并尽力保持平衡!并尽力保持平衡!

Page 89: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

模仿范例模仿范例

Page 90: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

When It Comes to ProgrammingProgramming, Are You AAre You A

REBEL?[`rebl]

Stand up for Simplicityand Flexibility, Against  Software Complexity and Software 

Obesity, and Want to 

Program with FunProgram with Fun.

Hay! You Got to Try Javay y

!!!

Page 91: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

R E B O L S T A N D S

E X A B AF O R

L

A

P

R

S

E

J

E

N

GA

T

R

E

E

D

E

C

G

U

I S T A

V

E

S

I

G

EE I

O

E

N

Page 92: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

动画范例动画范例

Page 93: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

All In One, One For All,

Windowing

Drawing

Networking 

Database Accessing

Web Browser Plug‐In

l b fExternal Lib Interface

Page 94: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

Parsing

FunctionsMaintain

Functions

Literals DialectingAbstractionReadable

Writeable GUI

Succinct Finance

Bug‐FreeDatabase

. . .

Page 95: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

Two MasksTwo Masksand What’s Under Themand What’s Under Them

ScriptingScriptingCompiledCompiledScriptingScriptingLanguageLanguageCompiledCompiledLanguageLanguage

DynamicDynamicLang ageLang ageStaticStatic

Lang ageLang ageLanguageLanguageLanguageLanguage

Page 96: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

JavaJava

Page 97: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

JavaJSR‐223脚本Java 脚本

Page 98: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

JSR‐223脚本脚本

Page 99: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

Editor 1Editor 1

Domain1DSL

JSR‐223脚本脚本

Domain2DSL

Editor 2Editor 2

Page 100: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

Editor 1Editor 1

Domain1DSL

CodeGen1

JSR‐223脚本

1

脚本

DomainCode Domain1DSL

CodeGen 2

dEditor 2

Page 101: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

ICON范例范例

Page 102: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

When to Use REBOL

Spider Dialect TextProcessingg

MobileAgent

InstanceMessenger

ArtificialIntelligence

Page 103: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

步骤范例步骤范例

Page 104: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

object Hello {def main(args: Array[String]) = {

println("Hello Scala!")}

}Type & Save

C:\MySource>scalac Hello.scalay

Compile

C \M S > l H llC:\MySource>scala –cp . HelloHello Scala!

RunRun

Page 105: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

ScalaCompilerFor Java

JavaBytecode

ScalaCode

ScalaCompilerFor NET

MSILFor .NET

Page 106: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

CompilingScala Compile

“Scripting”S l

Compile RunScala

L

Interactive d l

Loop

InteractiveScala

Read Evaluate Print

Page 107: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

从上述众多范例中学到什么学到什么?

Page 108: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

「尼古丁+咖啡因」总结(1)简报制作过程

• 收集材料

• 组织编排

• 美化修饰美化修饰

Page 109: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)

「尼古丁+咖啡因」总结(2)关键事项

• 少即是多

• 每页越精简越好,讯息量不要太多每页越精简越好,讯息量不要太多

• 总结比大纲好(重复)

• 善用图片和颜色(联想)

• 降低闭眼指数 互动最有效• 降低闭眼指数,互动最有效

Page 110: 尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)