不瞌睡的简报設計模式

支付宝 / 技术部

尼古丁

咖啡因+

蔡学

镛

ver. 1.01

做投影片就像做生鱼片

生鱼片三要素 ？

1. 材料2. 结构3. 修饰

简报三要素

1. 材料

目标听众正确

精简

说故事

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

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

简报时间应小于 分钟

90

「材料」总结• 听众目标正确• 精简（大多数简报应该删除 50% 以上的内

容）• 提高说故事的能力• 注意力集中时间限制 = 90 分钟• 大脑资讯限制 = 7 条• 一份简报内容量约为书的一章

2. 结构

结构化+扁平化

不要采用树状结构

首页 大纲

第一节开始

第一节内容

第一节内容

第一节内容

第一节结束

第二节开始

第二节内容

第二节内容

第二节内容

第二节内容

第二节结束

第三节开始

第三节内容

第三节内容

第三节内容

第三节结束

整体总结 尾页

破题 破题

首页 大纲

第一节开始

第一节结束

第二节开始

第二节结束

第三节开始

第三节结束

整体总结 尾页

首页 大纲

第一节开始

第一节结束

第二节开始

第二节结束

第三节开始

第三节结束

整体总结 尾页

首页 大纲

第一节开始

第一节结束

整体总结 尾页

讨论：大纲的必要性？

投影片修辞学？

整体总结 尾页

第三节开始

第三节结束

第二节开始

第二节结束

第一节开始

第一节结束

首页 大纲

第一节内容

第一节内容

第一节内容

第二节内容

第二节内容

第二节内容

第二节内容

第三节内容

第三节内容

第三节内容

破题 破题

页面属性

名词动词连接词单字

页面属性

重点陈述名言引用句子

页面属性

比较步骤总结段落

页面属性比例

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

勿用小节页面

多用句子页面

「结构」总结• 采用链状（非树状）组织方式• 注意每章投影片的修辞属性与比例• 移除大纲，改用总结

3. 修饰

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

- 台湾综艺节目主持人 -

讨论：为何需要图片？

图片的作用1. 美观2. 视觉刺激3. 加强解释4. 加深记忆（联想）

小心使用图片1. 画面布局影响阅读次序与重点判断2. 适当留白可以减缓心理压力3. 图片噪音会影响信息吸收4. 颜色、配色会产生心理作用

15.1

~23 MB197 MB

10.3

10.7

14.9

11

50 MB 100 MB10 MB

2x

< 1

信噪比 范例

AdobeAIR

色 彩 校 正

色盲測試

近視測試

如何找适合的图片

概念 联想 关键词 搜索

图片联想范例

美

平衡

放松

停留

知识传递

灵机一动

Using C/C++, You Might Shoot Yourself

In The Foot

软件开发的三大愿望

1. 更高的生产力2. 更少的 BUG3. 更容易维护

闭眼指数 !?

闭眼指数

萤幕无变化属性为小节属性为段落

萤幕有表或程序码萤幕有平淡的图

无连贯性

萤幕大变化萤幕小变化画面刺激互动言语刺激

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

重新组织

视觉刺激

讲笑话!!!

互动

真的沒辦法了！

休息片刻

「修饰」总结• 图片的作用• 小心使用图片• 联想找图• 注意闭眼指数

后面全都是范例…

首页范例

技术写作方法与技巧

蔡学镛

SC

AL

A

Today’s SpecialA Taste of Scala蔡学镛 / 孔宣 / Jerry TsaiKongXuan@Alipay.com

不瞌睡的简报設計模式

支付宝 / 技术部

尼古丁

咖啡因+

蔡学

镛

尾页范例

Thank You

破题范例

13 Years agoJava Was Born

1996

VMs

Java Consists of

3 Parts

After 13 YearsJava Becomes…

Language Is

Old

VMs are

Strong

Libraries are

Wealthy

Java PlatformNeeds A

New LanguageVMs

Here Comes

But JavaFX is just for RIA . . .

Have a Toast to

Scala

名言引用范例

教导科学家，使其精通写作，这是相当重要的事。

诺贝尔物理奖得主Arno A. Penzias

名言

照片 姓名头衔

名言

姓名头衔

名言引用的布局模式

照片

名言

姓名头衔

底图 +文字范例

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

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

技术 学术

文学写作的三个世界

范例贰

没有人能完全客观

注意到自己的偏颇之处，并尽力保持平衡！

范例参

模仿范例

When It Comes to Programming, Are You A

R E B E L ?[`rebl]

Stand up for Simplicity

and Flexibility, Against Software

Complexity and Software

Obesity, and Want to

Program with Fun.

Hay! You Got to Try Java !!!

R E B O L

E

L

A

T

I

V

E

X

P

R

E

S

S

I

O

N

A

S

E

D

B

J

E

C

T

A

N

G

U

A

G

E

S T A N D S

F O R

动画范例

Windowing

Drawing

Networking

Database Accessing

Web Browser Plug-In

External Lib Interface

Small Yet

Powerful

All In One, One For All

REBO

L

Maintain

Writeable

Succinct

Literals Dialecting

Parsing

Abstraction

Bug-Free

Readable

GUI

Finance

Database

. . .

Functions

Two Masksand What’s Under Them

ScriptingLanguageCompiledLanguage

DynamicLanguage

StaticLanguage

Java

JavaJSR-223脚本

JSR-223脚本

JSR-223脚本

Domain1

DSL

Domain2

DSL

Editor 1

Editor 2

JSR-223脚本

Domain1

DSL

CodeGen

1

Domain1

DSL

CodeGen

2

Editor 1

Editor 2

ICON 范例

When to Use REBOL

Spider

MobileAgent

InstanceMessenger

Dialect

ArtificialIntelligence

TextProcessing

步骤范例

object Hello { def main(args: Array[String]) = { println("Hello Scala!") }}

C:\MySource>scalac Hello.scala

C:\MySource>scala –cp . HelloHello Scala!

Type & Save

Compile

Run

1

2

3

ScalaCode

ScalaCompilerFor Java

ScalaCompilerFor .NET

JavaBytecode

MSIL

“Scripting”Scala

InteractiveScala

CompilingScala

Read Evaluate Print

Compile Run

Compile

Loop

架构图范例

消息隔离层

后督核心系统

消息中心

数据库隔离层

AlipayDBs

AlipayDBs

后督查询 / 调用接口

后督管理平台

外部系统

日志系统

后督核心系统

发派引擎

分析引擎

缓存

应变引擎

JSR-223脚本

JSR-223脚本DSL

数据库

JSON

JSON

JSON

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

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

• 收集材料• 组织编排• 美化修饰

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

• 少即是多• 每页越精简越好，讯息量不要太多• 总结比大纲好（重复）• 善用图片和颜色（联想）• 降低闭眼指数，互动最有效

Thank You