0
ver. 1.01
做投影片就像做生鱼片
生鱼片三要素
简报三
简报三要素

1. 材料
2. 结构
3. 修饰
1. 材料
目标听众正确
精简
说故事
一份简报的内容
 份简报的内容
相当于书的一章
人的大腦只能同時保持   條資訊
简报时间应小于   分钟
「材料」总结
•   听众目标正确
•   精简(大多数简报应该删除50%以上的内容)
•   提高说故事的能力
•   注意力集中时间限制 = 90分钟
•   大脑资讯限制 = 7条
•   一份简报内容量约为书的一章
2. 结构
不要采用树状结构
 要采用树状结构
首页    破题    破题    大纲



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


第二节   第二节   第二节   第二节   第二节   第二节
 开始
  ...
首页         大纲



第一节             第一节
 开始              结束


第二节                   第二节
 开始
  始                    结束


第三节  ...
首页    大纲



第一节   第一节
 开始    结束


第二节   第二节
 开始
  始    结束


第三节   第三节
 开始    结束


整体
      尾页
总结
首页    大纲



第一节   第一节
 开始    结束




整体
      尾页
总结
讨论:
  讨论
大纲的必要性?
投影片修辞学?
首页    破题    破题    大纲



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


第二节   第二节   第二节   第二节   第二节   第二节
 开始
  ...
页面属性



连接词
 单字
 动词
 名词
页面属性



名言引用
重点陈述
 句子
页面属性



 段落
 总结
 步骤
 比较
页面属性比例

    多用句子页面




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

                  勿用小节页面
「结构」总结
• 采用链状(非树状)组织方式
• 注意每章投影片的修辞属性与比例
• 移除大纲,改用总结
3.
3 修饰
“许多女明星在化妆前后
   简直判若两人!”

 - 台湾综艺节目主持人 -
讨论:
  讨论
为何需要图片?
图片的作用
1. 美观
2.
2 视觉刺激
3. 加强解释
4. 加深记忆(联想)
小心使用图片
1. 画面布局影响阅读次序与重点判断
2.
2 适当留白可以减缓心理压力
3. 图片噪音会影响信息吸收
4. 颜色、配色会产生心理作用
信噪比 范例

         < 1


        10.3


        10.7

Adobe
 AIR    11


         14.9


         15.1



          2x      ...
色彩校正
色盲測試
 盲測試
近視測試
 視測試
如何找适合的图片




概念    联想   关键词   搜索
图片联想范例
美
平衡
放松
停留
知识传递
灵
机
一
动
软件开发的三大愿望

1. 更高的生产力
   更高的生产力
2. 更少的BUG
   更少的BUG
3. 更容易维护
   更容易维护
闭眼指数
闭眼指数!?
闭眼指数
   萤幕无变化
   属性为小节
   属性为段落
萤幕有表或程序码
 萤幕有平淡的图
    无连贯性
           萤幕大变化
           萤幕小变化
           画面刺激
           互动...
当閉眼指數
 閉眼指數逼近1的时候…
          候
重新组织
 新 织
视觉刺激
互动
真的沒辦法了!
休息片刻
「修饰」总结
•   图片的作用
•   小心使用图片
•   联想找图
•   注意闭眼指数
后面 都是范例
后面全都是范例…
首页范例
技
术
写
作
方
法
与
技
巧
    蔡
    学
    镛
尾页范例
破题范例
13 Years ago
Java Was Born
Java Consists of 
Java Consists of

   3 Parts
13
After     Years
Java Becomes…
Language Is

Old
VMs are

Strong
     g
Libraries are

Wealthy
Java Platform
     Needs A
N L
New Language
Here Comes
Here Comes
But JavaFX is just for RIA
But JavaFX is just for RIA . . . 
Have a Toast to

Scala
   l
名言引用
 范例
教导科学家,使其精通写作,
这是相当重要的事。


      诺贝尔物理奖得主
        Arno A. Penzias
名言引用的布局模式

           名言

           姓名
           头衔



     名言              名言
                照片
                 片
   ...
底图+文字
 范例
如果我们的思想不能诉诸文字,
我们将停留在   史前部落时代。
写作的
三个世界
 个世界
没有人能完全客观

     注意到自己的偏颇之处,
     注意到自 的偏颇之处
        并尽力保持平衡!
模仿范例
When It Comes 
to Programming
   Programming, 
Are You A
   REBEL?                   [`rebl]



Stand up for    Simplicity...
R   E   B O     L   S   T   A N D   S
F   O R   E   X   A   B   A
          L   P   S   J   N
          A   R   E   E   G
...
动画范例
All In One, One For All
                 ,

Windowing

Drawing

Networking 

Database Accessing

Web Browser Plug‐In

Exte...
Parsing


                           Functions
           Maintain



Literals   Readable    Abstraction               Dia...
Two Masks
and What’s Under Them



        Compiled
        Scripting
        Language


        Dynamic
          Static
...
Java
JSR‐223
Java     脚本
JSR‐223
  脚本
Editor 1
          Editor 1



          Domain
            1
           DSL

JSR‐223
  脚本

          Domain
            2...
Editor 1
                 Editor 1



          Code   Domain
          Gen      1
           1      DSL

JSR‐223
  脚本


 ...
ICON范例
    范例
When to Use REBOL




Spider           Dialect          Text
                               Processing
                   ...
步骤范例
object Hello {
                  def main(args: Array[String]) = {
                      println("Hello Scala!")
         ...
Scala
                     Java
        Compiler
                   Bytecode
        For Java


Scala
Code


          Sca...
Compiling
              Compile
  Scala




“Scripting”   Compile     Run
   Scala
   S l


                            Lo...
从上述众多范例中
 学到什么?
 学到什么
「尼古丁+咖啡因」总结(1)
     简报制作过程
• 收集材料
• 组织编排
• 美化修饰
「尼古丁+咖啡因」总结(2)
         关键事项
•   少即是多
•   每页越精简越好,讯息量不要太多
•   总结比大纲好(重复)
•   善用图片和颜色(联想)
•   降低闭眼指数,互动最有效
    降低闭眼指数 互动最有效
尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)
尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)
尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)
尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)
尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)
尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)
尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)
尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)
尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)
尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)
尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)
尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)
尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)
尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)
Upcoming SlideShare
Loading in...5
×

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

66,924

Published on

蔡学镛 (现任支付宝架构师) 分享 PPT 制作经验.

学镛有多年技术演讲经验,在PPT(简报)设计上有独到之秘。

其中半部分术语已经转化为大陆习惯。个别词汇未转换,望读者周知。

30 Comments
257 Likes
Statistics
Notes
No Downloads
Views
Total Views
66,924
On Slideshare
0
From Embeds
0
Number of Embeds
7
Actions
Shares
0
Downloads
5,611
Comments
30
Likes
257
Embeds 0
No embeds

No notes for slide

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

  1. 1. ver. 1.01
  2. 2. 做投影片就像做生鱼片
  3. 3. 生鱼片三要素
  4. 4. 简报三 简报三要素 1. 材料 2. 结构 3. 修饰
  5. 5. 1. 材料
  6. 6. 目标听众正确
  7. 7. 精简
  8. 8. 说故事
  9. 9. 一份简报的内容 份简报的内容 相当于书的一章
  10. 10. 人的大腦只能同時保持 條資訊
  11. 11. 简报时间应小于 分钟
  12. 12. 「材料」总结 • 听众目标正确 • 精简(大多数简报应该删除50%以上的内容) • 提高说故事的能力 • 注意力集中时间限制 = 90分钟 • 大脑资讯限制 = 7条 • 一份简报内容量约为书的一章
  13. 13. 2. 结构
  14. 14. 不要采用树状结构 要采用树状结构
  15. 15. 首页 破题 破题 大纲 第一节 第一节 第一节 第一节 第一节 开始 内容 内容 内容 结束 第二节 第二节 第二节 第二节 第二节 第二节 开始 始 内容 内容 内容 内容 结束 第三节 第三节 第三节 第三节 第三节 开始 内容 内容 内容 结束 整体 尾页 总结
  16. 16. 首页 大纲 第一节 第一节 开始 结束 第二节 第二节 开始 始 结束 第三节 第三节 开始 结束 整体 尾页 总结
  17. 17. 首页 大纲 第一节 第一节 开始 结束 第二节 第二节 开始 始 结束 第三节 第三节 开始 结束 整体 尾页 总结
  18. 18. 首页 大纲 第一节 第一节 开始 结束 整体 尾页 总结
  19. 19. 讨论: 讨论 大纲的必要性?
  20. 20. 投影片修辞学?
  21. 21. 首页 破题 破题 大纲 第一节 第一节 第一节 第一节 第一节 开始 内容 内容 内容 结束 第二节 第二节 第二节 第二节 第二节 第二节 开始 始 内容 内容 内容 内容 结束 第三节 第三节 第三节 第三节 第三节 开始 内容 内容 内容 结束 整体 尾页 总结
  22. 22. 页面属性 连接词 单字 动词 名词
  23. 23. 页面属性 名言引用 重点陈述 句子
  24. 24. 页面属性 段落 总结 步骤 比较
  25. 25. 页面属性比例 多用句子页面 少用段落页面 慎用单字页面 勿用小节页面
  26. 26. 「结构」总结 • 采用链状(非树状)组织方式 • 注意每章投影片的修辞属性与比例 • 移除大纲,改用总结
  27. 27. 3. 3 修饰
  28. 28. “许多女明星在化妆前后 简直判若两人!” - 台湾综艺节目主持人 -
  29. 29. 讨论: 讨论 为何需要图片?
  30. 30. 图片的作用 1. 美观 2. 2 视觉刺激 3. 加强解释 4. 加深记忆(联想)
  31. 31. 小心使用图片 1. 画面布局影响阅读次序与重点判断 2. 2 适当留白可以减缓心理压力 3. 图片噪音会影响信息吸收 4. 颜色、配色会产生心理作用
  32. 32. 信噪比 范例 < 1 10.3 10.7 Adobe AIR 11 14.9 15.1 2x 197 MB ~23 MB 10 MB 50 MB 100 MB
  33. 33. 色彩校正
  34. 34. 色盲測試 盲測試
  35. 35. 近視測試 視測試
  36. 36. 如何找适合的图片 概念 联想 关键词 搜索
  37. 37. 图片联想范例
  38. 38.
  39. 39. 平衡
  40. 40. 放松
  41. 41. 停留
  42. 42. 知识传递
  43. 43. 灵 机 一 动
  44. 44. 软件开发的三大愿望 1. 更高的生产力 更高的生产力 2. 更少的BUG 更少的BUG 3. 更容易维护 更容易维护
  45. 45. 闭眼指数 闭眼指数!?
  46. 46. 闭眼指数 萤幕无变化 属性为小节 属性为段落 萤幕有表或程序码 萤幕有平淡的图 无连贯性 萤幕大变化 萤幕小变化 画面刺激 互动 言语刺激
  47. 47. 当閉眼指數 閉眼指數逼近1的时候… 候
  48. 48. 重新组织 新 织
  49. 49. 视觉刺激
  50. 50. 互动
  51. 51. 真的沒辦法了!
  52. 52. 休息片刻
  53. 53. 「修饰」总结 • 图片的作用 • 小心使用图片 • 联想找图 • 注意闭眼指数
  54. 54. 后面 都是范例 后面全都是范例…
  55. 55. 首页范例
  56. 56. 技 术 写 作 方 法 与 技 巧 蔡 学 镛
  57. 57. 尾页范例
  58. 58. 破题范例
  59. 59. 13 Years ago Java Was Born
  60. 60. Java Consists of  Java Consists of 3 Parts
  61. 61. 13 After  Years Java Becomes…
  62. 62. Language Is Old
  63. 63. VMs are Strong g
  64. 64. Libraries are Wealthy
  65. 65. Java Platform Needs A N L New Language
  66. 66. Here Comes Here Comes
  67. 67. But JavaFX is just for RIA But JavaFX is just for RIA . . . 
  68. 68. Have a Toast to Scala l
  69. 69. 名言引用 范例
  70. 70. 教导科学家,使其精通写作, 这是相当重要的事。 诺贝尔物理奖得主 Arno A. Penzias
  71. 71. 名言引用的布局模式 名言 姓名 头衔 名言 名言 照片 片 姓名 姓名 照片 头衔 头衔
  72. 72. 底图+文字 范例
  73. 73. 如果我们的思想不能诉诸文字, 我们将停留在 史前部落时代。
  74. 74. 写作的 三个世界 个世界
  75. 75. 没有人能完全客观 注意到自己的偏颇之处, 注意到自 的偏颇之处 并尽力保持平衡!
  76. 76. 模仿范例
  77. 77. When It Comes  to Programming Programming,  Are You A REBEL? [`rebl] Stand up for  Simplicity and Flexibility, Against  Software  Complexity and Software  Obesity , and Want to  Program with  Program with Fun. Hay! You Got to Try Java y y !!!
  78. 78. R E B O L S T A N D S F O R E X A B A L P S J N A R E E G T E D C U I S T A V S G E I E O N
  79. 79. 动画范例
  80. 80. All In One, One For All , Windowing Drawing Networking  Database Accessing Web Browser Plug‐In External Lib Interface l b f
  81. 81. Parsing Functions Maintain Literals Readable Abstraction Dialecting Writeable GUI Succinct Finance Database Bug‐Free . . .
  82. 82. Two Masks and What’s Under Them Compiled Scripting Language Dynamic Static Language Lang age
  83. 83. Java
  84. 84. JSR‐223 Java 脚本
  85. 85. JSR‐223 脚本
  86. 86. Editor 1 Editor 1 Domain 1 DSL JSR‐223 脚本 Domain 2 DSL Editor 2 Editor 2
  87. 87. Editor 1 Editor 1 Code Domain Gen 1 1 DSL JSR‐223 脚本 Code Domain Gen  1 2 DSL Editor 2 d
  88. 88. ICON范例 范例
  89. 89. When to Use REBOL Spider Dialect Text Processing g Mobile Instance Artificial Agent Messenger Intelligence
  90. 90. 步骤范例
  91. 91. object Hello { def main(args: Array[String]) = { println("Hello Scala!") } Type & Save } C:MySource>scalac Hello.scala y Compile C:MySource>scala –cp . H ll C M S > l Hello Hello Scala! Run
  92. 92. Scala Java Compiler Bytecode For Java Scala Code Scala Compiler MSIL For .NET For NET
  93. 93. Compiling Compile Scala “Scripting” Compile Run Scala S l Loop L Interactive Read d Evaluate l Print Scala
  94. 94. 从上述众多范例中 学到什么? 学到什么
  95. 95. 「尼古丁+咖啡因」总结(1) 简报制作过程 • 收集材料 • 组织编排 • 美化修饰
  96. 96. 「尼古丁+咖啡因」总结(2) 关键事项 • 少即是多 • 每页越精简越好,讯息量不要太多 • 总结比大纲好(重复) • 善用图片和颜色(联想) • 降低闭眼指数,互动最有效 降低闭眼指数 互动最有效
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×