对 ppt 设计的建议

PPT 界面设计 2013 第 1 页

对 PPT 设计的建议

主讲：于明艳电话： 87402469E-mail ： [email protected]


PPT 界面设计

• PPT 界面布局—版式设计

• PPT 文本设计

• PPT 色彩设计

• PPT 动画与声音的使用


PPT 界面布局—版式设计

• 常见的 PPT 版式

• PPT 版式设计案例

• PPT 界面布局常见问题


常见的 PPT 版式

版式设计任务窗格

“PPT 版式”任务窗格提供了 4 大类版式设计风格：1. 文字版式2. 内容版式3. 文字和内容版式4. 其他版式



上下三栏

页眉

页脚

正文部分


案例

上下三栏



上下两栏

页眉

正文部分



上下两栏



让多个对象有秩序分布


案例分析

让多个对象有秩序分布

黄金分割线

标题区域

页眉

正文区域

页脚


界面布局要有统一性

PPT 界面布局常见问题


界面布局缺乏统一性


界面统一性布局

统一报告的整体视觉风格


PPT 界面布局常见问题

界面构图要平衡


界面布局均衡性

标题影片与本文影片之间的设计没有连贯性

文本影片较标题影片华丽，使整体失去均衡感


界面布局均衡性

标题影片与文本影片的设计及配色都有连贯性，均衡感良好

标题影片使用华丽的设计，产生强烈的印象


PPT 文本设计

• 文字与版面配置

• PPT 的字体设置

• 文本的图示化


文字与版面配置

• 文字的设计与版面配置– 字型以楷体为基本，粗体效果会更好

– 若有其它字型，特黑字型最好



• 文字的设计与版面配置– 重点要赋予变化来加以强调



• 文字的设计与版面配置– 英文 PPT 中不应使用太多的大写字母



• 文字的设计与版面配置– 忌讳教材搬家，大面积文字说明

– 提炼要点，简洁罗列


PPT 文本设置

• 统一的文本风格

• PPT 的字体

• PPT 的字号

• PPT 的字数与行数


示例：文本风格不一致


文本设置调整后


如何保持文本视觉风格的一致性

• 统一的标题字体、字号、字体样式

• 统一的正文字体、字号

• 标题的位置遵循母版的版面位置

• 简单明了的字体颜色及样式

• 控制行距加强版式风格


PPT 的字体

选用字体的原则

1. 宋体2. 楷体3. 黑体4. 华文细黑5. 微软雅黑6. Arial

7. Times

1. 清晰易读

2. 不超过三种

3. 系统字体


PPT 的字体

字体颜色设置

1. 与背景要有足够的反差 2. 颜色忌多

文本字体颜色1. 文本字体颜色2. 文本字体颜色3. 文本字体颜色


PPT 的字号

这是 18磅的字，您看得到吗？







PPT 的字数与行数

• 数字“七”原则– 7 士 2 ＝ 5 ～ 9

– 每张 PPT 最多七行

– 每项标题最多七个字

– 适当留白


3. 用图形连接关键词

文本如何图形化

1. 找出关键词 2. 找出关键词的逻辑关系

1. 列举型2. 交叉型3. 展开性4. 对比型5. 上升型6. 阶层型7. 环绕型8. 循环型9. 扩散型10. 整合型

开始／结束

任务 / 活动、过程

决策点

动作、影响、移动

预测


渠道模块项目流程图

行业趋势分析

竞争对手渠道变化分析

渠道审计

企业发展目标和资源

外部分析

内部分析

制定总体渠道发展策略

制定渠道发展规划

渠道调整

渠道建设

图示：有效将复杂的逻辑关系简单化


图示的基本类型

1 、列举型图示



2 、交叉型图示



3 、展开型图示



4 、对比型图示



5 、上升型图示

1

2

3

4

5


界面文本图形化案例

• 教材文字搬家、信息冗余


2.1 Javascript 的数据类型

Javascript 的数据类型有 4 类：整形、浮点型、字符型和布尔型。

2.1.1 整型

简单地说， Javascript 中的整形就是整数。例如， 1 ， 2 ， -2 等。

2.1.2 浮点型

浮点型对应于数学中的实数，它包括整数、小数（含小数的实数）、指数表示的实数。

1. 整数指带小数点的整数，是浮点型的。如， 0.0 ， 3.0 等。


2. 小数凡是小数，在 javascript 都是浮点型。如 3.14 ， 2.65 等。

3. 指数以指数的形式表示的数，也是浮点型。如 ,5e2 （ 5*102 ）

2.1.3 字符型

字符型的值使用双引号或是单引号括起来的单个字符或一串字符。如，” a”,”25”,“大家好”。

特殊字符：\’ 代表是单引号； \” 代表是双引号2.1.4 布尔型

有两个值，真（ true ）和假（ false ）。还可以用 1 代表真， 0 代表假。


2.1 Javascript 的数据类型

整形整形浮点型浮点型

字符型字符型

布尔

布尔

整数实数

使用双引号或是单引号括起来的单个字符或一串字符。

有两个值，真（ true）和假(false）还可以用 1 代表真， 0代表假。


PPT 配色

• 色彩理论基础

• 色彩搭配技巧

• PPT 配色规律


色彩理论基础

两大色系

无色系 ( 黑白灰）彩色系


色彩理论基础

• 色彩基础知识


色彩理论基础

色彩构成的三大要素

Hue ：色相

Saturation ：饱和度（ 0~100 ）

brightness ：亮度（ 0~100 ）


Office 配色工具

六边形的色盘：

1. 按颜色的相似性排列

2. 从内到外，亮度由明到暗


色彩搭配技巧

相邻色配色

视觉效果统一、稳重、协调。

运用不当也会造成单调枯燥的感觉。


色彩搭配技巧

相邻色配色


色彩搭配技巧

• 适度变化而有均衡感的配色– 利用渐变色赋予变化，稳重素雅


色彩搭配技巧

对比色配色

视觉效果强烈、醒目、活泼、有力，不易统一。

运用不当易造成杂乱刺激的效果，造成视觉疲劳。


色彩搭配技巧

– 使用对比色产生强调效果


色彩搭配技巧

• 与无彩色系对比搭配的强调效果


色彩搭配技巧

• 与黑白搭配的辅助理解效果


PPT 配色规律

中国红与科技蓝是两种常用的大众色。前者多用于党政机关，后者多用于企业及学术相关类。


PPT 配色规律


PPT 配色规律

• 整体配色− 冷色做背景− 用多种背景色时用近似色− 切合 PPT主题− 考虑演示对象− 考虑演示地点


PPT 配色规律

• 色彩在图表中应用的原则

− 布局清晰− 直接专注重点− 明确显示出数据间的相互关系− 使信息的表达鲜明生动


PPT 配色规律

− 布局清晰，直接专注重点


PPT 配色规律

− 数字较多应避免太过华丽

− 朴实的样式较能给人信赖感


PPT 配色规律

− 文本数据可以设计美化成类似图解的样式


PPT 配色规律

−根据需要可修饰成有美感的图表

−遵从 PPT 整体色调

−此类图表单片不易多放


PPT 动画与声音的使用

• 控制不同内容在 PPT 上的演示方式

• 突出重点，有效吸引受众的注意力

• 有效避免受众产生枯燥乏味情绪


案例 1 ：销售业绩统计图

50%

25%

75%

100%

一月二月三月四月五月


案例 2 ：新产品上市

万众瞩目世纪经典闪亮登场！


Demo

万众瞩目世纪经典闪亮登场！


案例 3 ：产品销售生命周期图

进入阶段成长阶段成熟阶段衰退阶段

市場总销售额8700万

2000 年 6 月 2003 年 12月

2006 年 1 月 2007 年 5 月

5000000

15000000

10000000

20000000


Demo

进入阶段成长阶段成熟阶段衰退阶段

市場总销售额8700万

2000 年 6 月 2003 年 12月

2006 年 1 月 2007 年 5 月

5000000

15000000

10000000

20000000


PPT切换

• 有效避免视觉疲惫

• 动画切换保持一致性

• 声音的添加应遵从 PPT 整体风格

• 突出重点

• 不能喧宾夺主

谢谢聆听敬请指教

对 ppt 设计的建议

Documents