View
82
Download
9
Category
Preview:
DESCRIPTION
对 PPT 设计的建议. 主讲:于明艳. 电话: 87402469 E-mail : yinghongshayi@qq.com. PPT 界面设计. PPT 界面布局 — 版式设计 PPT 文本设计 PPT 色彩设计 PPT 动画与声音的使用. PPT 界面布局 — 版式设计. 常见的 PPT 版式 PPT 版式设计案例 PPT 界面布局常见问题. 常见的 PPT 版式. 版式设计任务窗格. “PPT 版式”任务窗格 提供了 4 大类版式设计风格: 文字版式 内容版式 文字和内容版式 其他版式. 常见的 PPT 版式. 上下三栏. 页眉. - PowerPoint PPT Presentation
Citation preview
PPT 界面设计 2013 第 1 页
对 PPT 设计的建议
主讲:于明艳电话: 87402469E-mail : yinghongshayi@qq.com
PPT 界面设计 2013 第 2 页
PPT 界面设计
• PPT 界面布局—版式设计
• PPT 文本设计
• PPT 色彩设计
• PPT 动画与声音的使用
PPT 界面设计 2013 第 3 页
PPT 界面布局—版式设计
• 常见的 PPT 版式
• PPT 版式设计案例
• PPT 界面布局常见问题
PPT 界面设计 2013 第 4 页
常见的 PPT 版式
版式设计任务窗格
“PPT 版式”任务窗格提供了 4 大类版式设计风格:1. 文字版式2. 内容版式3. 文字和内容版式4. 其他版式
PPT 界面设计 2013 第 5 页
常见的 PPT 版式
上下三栏
页眉
页脚
正文部分
PPT 界面设计 2013 第 6 页
案例
上下三栏
PPT 界面设计 2013 第 7 页
常见的 PPT 版式
上下两栏
页眉
正文部分
PPT 界面设计 2013 第 8 页
常见的 PPT 版式
上下两栏
PPT 界面设计 2013 第 9 页
常见的 PPT 版式
让多个对象有秩序分布
PPT 界面设计 2013 第 10 页
案例分析
让多个对象有秩序分布
黄金分割线
标题区域
页眉
正文区域
页脚
PPT 界面设计 2013 第 11 页
PPT 界面设计 2013 第 12 页
界面布局要有统一性
PPT 界面布局常见问题
PPT 界面设计 2013 第 13 页
界面布局缺乏统一性
PPT 界面设计 2013 第 14 页
界面布局缺乏统一性
PPT 界面设计 2013 第 15 页
界面统一性布局
统一报告的整体视觉风格
PPT 界面设计 2013 第 16 页
PPT 界面布局常见问题
界面构图要平衡
PPT 界面设计 2013 第 17 页
界面布局均衡性
标题影片与本文影片之间的设计没有连贯性
文本影片较标题影片华丽,使整体失去均衡感
PPT 界面设计 2013 第 18 页
界面布局均衡性
标题影片与文本影片的设计及配色都有连贯性,均衡感良好
标题影片使用华丽的设计,产生强烈的印象
PPT 界面设计 2013 第 19 页
PPT 文本设计
• 文字与版面配置
• PPT 的字体设置
• 文本的图示化
PPT 界面设计 2013 第 20 页
文字与版面配置
• 文字的设计与版面配置– 字型以楷体为基本,粗体效果会更好
– 若有其它字型,特黑字型最好
PPT 界面设计 2013 第 21 页
文字与版面配置
• 文字的设计与版面配置– 重点要赋予变化来加以强调
PPT 界面设计 2013 第 22 页
文字与版面配置
• 文字的设计与版面配置– 英文 PPT 中不应使用太多的大写字母
PPT 界面设计 2013 第 23 页
文字与版面配置
• 文字的设计与版面配置– 忌讳教材搬家,大面积文字说明
– 提炼要点,简洁罗列
PPT 界面设计 2013 第 24 页
PPT 文本设置
• 统一的文本风格
• PPT 的字体
• PPT 的字号
• PPT 的字数与行数
PPT 界面设计 2013 第 25 页
示例:文本风格不一致
PPT 界面设计 2013 第 26 页
文本设置调整后
PPT 界面设计 2013 第 27 页
文本设置调整后
PPT 界面设计 2013 第 28 页
如何保持文本视觉风格的一致性
• 统一的标题字体、字号、字体样式
• 统一的正文字体、字号
• 标题的位置遵循母版的版面位置
• 简单明了的字体颜色及样式
• 控制行距加强版式风格
PPT 界面设计 2013 第 29 页
PPT 的字体
选用字体的原则
1. 宋体2. 楷体3. 黑体4. 华文细黑5. 微软雅黑6. Arial
7. Times
1. 清晰易读
2. 不超过三种
3. 系统字体
PPT 界面设计 2013 第 30 页
PPT 的字体
字体颜色设置
1. 与背景要有足够的反差 2. 颜色忌多
文本字体颜色1. 文本字体颜色2. 文本字体颜色3. 文本字体颜色
PPT 界面设计 2013 第 31 页
PPT 的字号
这是 18磅的字,您看得到吗?
这是 20磅的字,您看得到吗?
这是 24磅的字,您看得到吗?
这是 30磅的字,您看得到吗?
这是 36磅的字,您看得到吗?
这是 44磅的字,您看得到吗?
PPT 界面设计 2013 第 32 页
PPT 的字数与行数
• 数字“七”原则– 7 士 2 = 5 ~ 9
– 每张 PPT 最多七行
– 每项标题最多七个字
– 适当留白
PPT 界面设计 2013 第 33 页
3. 用图形连接关键词
文本如何图形化
1. 找出关键词 2. 找出关键词的逻辑关系
1. 列 举 型2. 交 叉 型3. 展 开 性4. 对 比 型5. 上 升 型6. 阶 层 型7. 环 绕 型8. 循 环 型9. 扩 散 型10. 整 合 型
开始/结束
任务 / 活动、过程
决策点
动作、影响、移动
预测
PPT 界面设计 2013 第 34 页
渠道模块项目流程图
行业趋势分析
竞争对手渠道变化分析
渠道审计
企业发展目标和资源
外部分析
内部分析
制定总体渠道发展策略
制定渠道发展规划
渠道调整
渠道建设
图示:有效将复杂的逻辑关系简单化
PPT 界面设计 2013 第 35 页
图示的基本类型
1 、列举型图示
PPT 界面设计 2013 第 36 页
图示的基本类型
2 、交叉型图示
PPT 界面设计 2013 第 37 页
图示的基本类型
3 、展开型图示
PPT 界面设计 2013 第 38 页
图示的基本类型
4 、对比型图示
PPT 界面设计 2013 第 39 页
图示的基本类型
5 、上升型图示
1
2
3
4
5
PPT 界面设计 2013 第 40 页
界面文本图形化案例
• 教材文字搬家、信息冗余
PPT 界面设计 2013 第 41 页
2.1 Javascript 的数据类型
Javascript 的数据类型有 4 类:整形、浮点型、字符型和布尔型。
2.1.1 整型
简单地说, Javascript 中的整形就是整数。例如, 1 , 2 , -2 等。
2.1.2 浮点型
浮点型对应于数学中的实数,它包括整数、小数(含小数的实数)、指数表示的实数。
1. 整数指带小数点的整数,是浮点型的。如, 0.0 , 3.0 等。
PPT 界面设计 2013 第 42 页
2. 小数凡是小数,在 javascript 都是浮点型。如 3.14 , 2.65 等。
3. 指数以指数的形式表示的数,也是浮点型。如 ,5e2 ( 5*102 )
2.1.3 字符型
字符型的值使用双引号或是单引号括起来的单个字符或一串字符。如,” a”,”25”,“大家好”。
特殊字符:\’ 代表是单引号; \” 代表是双引号2.1.4 布尔型
有两个值,真( true )和假( false )。还可以用 1 代表真, 0 代表假。
PPT 界面设计 2013 第 43 页
2.1 Javascript 的数据类型
整 形 整 形 浮 点 型 浮 点 型
字 符 型字 符 型
布尔
布 尔
整数 实 数
使用双引号或是单引号括起来的单个字符或一串字符。
有两个值,真( true)和假(false)还可以用 1 代表真, 0代表假。
PPT 界面设计 2013 第 44 页
PPT 配色
• 色彩理论基础
• 色彩搭配技巧
• PPT 配色规律
PPT 界面设计 2013 第 45 页
色彩理论基础
两大色系
无色系 ( 黑白灰) 彩色系
PPT 界面设计 2013 第 46 页
色彩理论基础
• 色彩基础知识
PPT 界面设计 2013 第 47 页
色彩理论基础
色彩构成的三大要素
Hue :色相
Saturation :饱和度( 0~100 )
brightness :亮度( 0~100 )
PPT 界面设计 2013 第 48 页
Office 配色工具
六边形的色盘:
1. 按颜色的相似性排列
2. 从内到外,亮度由明到暗
PPT 界面设计 2013 第 49 页
色彩搭配技巧
相邻色配色
视觉效果统一、稳重、协调。
运用不当也会造成单调枯燥的感觉。
PPT 界面设计 2013 第 50 页
色彩搭配技巧
相邻色配色
PPT 界面设计 2013 第 51 页
色彩搭配技巧
• 适度变化而有均衡感的配色– 利用渐变色赋予变化,稳重素雅
PPT 界面设计 2013 第 52 页
色彩搭配技巧
对比色配色
视觉效果强烈、醒目、活泼、有力,不易统一。
运用不当易造成杂乱刺激的效果,造成视觉疲劳。
PPT 界面设计 2013 第 53 页
色彩搭配技巧
– 使用对比色产生强调效果
PPT 界面设计 2013 第 54 页
色彩搭配技巧
• 与无彩色系对比搭配的强调效果
PPT 界面设计 2013 第 55 页
色彩搭配技巧
• 与黑白搭配的辅助理解效果
PPT 界面设计 2013 第 56 页
PPT 配色规律
中国红与科技蓝是两种常用的大众色。前者多用于党政机关,后者多用于企业及学术相关类。
PPT 界面设计 2013 第 57 页
PPT 配色规律
PPT 界面设计 2013 第 58 页
PPT 配色规律
PPT 界面设计 2013 第 59 页
PPT 配色规律
• 整体配色− 冷色做背景− 用多种背景色时用近似色− 切合 PPT主题− 考虑演示对象− 考虑演示地点
PPT 界面设计 2013 第 60 页
PPT 配色规律
• 色彩在图表中应用的原则
− 布局清晰− 直接专注重点− 明确显示出数据间的相互关系− 使信息的表达鲜明生动
PPT 界面设计 2013 第 61 页
PPT 配色规律
− 布局清晰,直接专注重点
PPT 界面设计 2013 第 62 页
PPT 配色规律
− 数字较多应避免太过华丽
− 朴实的样式较能给人信赖感
PPT 界面设计 2013 第 63 页
PPT 配色规律
− 文本数据可以设计美化成类似图解的样式
PPT 界面设计 2013 第 64 页
PPT 配色规律
−根据需要可修饰成有美感的图表
−遵从 PPT 整体色调
−此类图表单片不易多放
PPT 界面设计 2013 第 65 页
PPT 动画与声音的使用
• 控制不同内容在 PPT 上的演示方式
• 突出重点,有效吸引受众的注意力
• 有效避免受众产生枯燥乏味情绪
PPT 界面设计 2013 第 66 页
案例 1 :销售业绩统计图
50%
25%
75%
100%
一月 二月 三月 四月 五月
PPT 界面设计 2013 第 67 页
案例 2 :新产品上市
万众瞩目世纪经典闪亮登场!
PPT 界面设计 2013 第 68 页
Demo
万众瞩目世纪经典闪亮登场!
PPT 界面设计 2013 第 69 页
案例 3 :产品销售生命周期图
进入阶段 成长阶段 成熟阶段 衰退阶段
市場总销售额8700万
2000 年 6 月 2003 年 12月
2006 年 1 月 2007 年 5 月
5000000
15000000
10000000
20000000
PPT 界面设计 2013 第 70 页
Demo
进入阶段 成长阶段 成熟阶段 衰退阶段
市場总销售额8700万
2000 年 6 月 2003 年 12月
2006 年 1 月 2007 年 5 月
5000000
15000000
10000000
20000000
PPT 界面设计 2013 第 71 页
PPT切换
• 有效避免视觉疲惫
• 动画切换保持一致性
• 声音的添加应遵从 PPT 整体风格
• 突出重点
• 不能喧宾夺主
谢 谢 聆 听敬 请 指 教
Recommended