PPT扁平化设计

PPT
扁平 化 设计
感谢你学习、关注
提出
PPT
扁平 化 设计
期待你对“扁平化”设计
新见解！
完
32
任职：履历：获奖：荣誉：-
社会实践
任职：履历：获奖：荣誉：-
16
PPT
扁平 化 设计
4
PPT中如何扁平化
1、遵循原则 2、设计技巧 3、提升技巧
2、设计技巧
③大胆配色。 但是配色一定不能过浅，那样投影出来很难辨认。
17
PPT
扁平 化 设计
4
PPT中如何扁平化
1、遵循原则 2、设计技巧 3、提升技巧
如果真的想（找）不到左边这种图示， 那就直接找照片吧：其实效果也不赖
29
PPT
扁平 化 设计
5
注意事项
1.使用场合
2.信息量
2、信息量
信息量过大，且需要插入图片时，扁平化设计也会提出挑战。 此时可以进行一定的取舍。
如果真的想（找）不到左边这种图示， 那就直接找照片吧：其实效果也不赖
30
PPT
扁平 化 设计
1、遵循原则 2、设计技巧 3、提升技巧
2、设计技巧
①使用简单元素。色块,色块,还是色块!
14
PPT
扁平 化 设计
4
PPT中如何扁平化
1、遵循原则 2、设计技巧 3、提升技巧
2、设计技巧
②使用无衬线字体。 无衬线字体可以与色块相映成趣。 英文推荐Segoe UI Light， 中文推荐微软雅黑。都是win7\8自带的。
2、设计技巧
③大胆配色。 但是配色一定不能过浅，那样投影出来很难辨认。
18
PPT
扁平 化 设计
4
PPT中如何扁平化
1、遵循原则 2、设计技巧 3、提升技巧
2、设计技巧
③大胆配色。 但是配色一定不能过浅，那样投影出来很难辨认。
19
PPT
扁平 化 设计
4
PPT中如何扁平化
1、遵循原则 2、设计技巧 3、提升技巧
2
扁平化为什么产生
目的 应用于多平台不同设备上的系统或应用，它有如下的好处：
好处
1.更好的适应性。
若还是拟物化设计， 不同平台的图标等 设计会增添大量人力。 而扁平化设计将 大大减少人力、物力
好处
3.信息突出。
重要的信息、 就大色块陪大字突出， 弱一些的信息、 就灰色小字号呈现。 轻重一目了然
2.更小更快。
6
PPT
扁平 化 设计
4
PPT中如何扁平化
1、遵循原则 2、设计技巧 3、提升技巧
1、遵循原则
①去除特效。不要渐变，不要高光，也不要阴影！
7
PPT
扁平 化 设计
4
PPT中如何扁平化
1、遵循原则 2、设计技巧 3、提升技巧
1、遵循原则
②简化元素。 用简单的形状（如矩形、圆形或正方形）来表达实物。
云朵图案=方形+圆形
PPT
扁平 化 设计
5
注意事项
1.使用场合
2.信息量
1、使用场合
扁平化PPT其实大多数场合都能应付下来， 只是要根据场合对主色进行调整。 学术报告等严肃场合：冷色系（蓝绿紫）。 欢快活泼的场合：暖色系（红橙黄）。 目录 目录
科研学术报告
端午节的由来
冷色
暖色
27
PPT
扁平 化 设计
5
注意事项
1.使用场合
因为元素更少， 所以体积更小， 浏览更加流畅。 系统运行更快
5
PPT
扁平 化 设计
3
为什么PPT应用扁平化
1.两者理念吻合
突出内容 而非形式
2.入门容易
如果要模仿一个扁平化PPT， 若它没有特别复杂的元素， 那真的是轻而易举
3.体积减少
67页=1.76 MB
以《微软官方出品windows8风格动画PPTWINDOWS AZURE》 为例，67页的幻灯片才1.76M。 这甚至比不上手机拍的照片的大小。
11
PPT
扁平 化 设计
4
PPT中如何扁平化
1、遵循原则 2、设计技巧 3、提升技巧
1、遵循原则
④专注颜色。强调颜色更亮 、更鲜艳。
12
PPT
扁平 化 设计
4
PPT中如何扁平化
1、遵循原则 2、设计技巧 3、提升技巧
2、设计技巧
①使用简单元素。色块,色块,还是色块!
13
PPT
扁平 化 设计
4
PPT中如何扁平化
15
PPT
扁平 化 设计
4
PPT中如何扁平化
1、遵循原则 2、设计技巧 3、提升技巧
2、设计技巧
②使用无衬线字体。 无衬线字体可以与色块相映成趣。 自我介绍
基本情况
姓名：性别：生日：籍贯：学历：专业：-
self-introduction
能力情况
任职：履历：获奖：荣誉：-
兴趣爱好
8
PPT
扁平 化 设计
4
wenku.baidu.com
PPT中如何扁平化
1、遵循原则 2、设计技巧 3、提升技巧
1、遵循原则
③专注排版。 因为扁平化设计所使用素材有限， 所以如果排版跟不上，那就不是简洁，而是简陋了。
阅读的要点 被地图分割、 信息不集中、 捕捉信息的 时间延长
9
PPT
扁平 化 设计
4
PPT中如何扁平化
1、遵循原则 2、设计技巧 3、提升技巧
2
PPT
扁平 化 设计
1
什么是扁平化
放弃其他装饰效果（即：无阴影，透视，纹理和渐变） 的二维平面化表现形式。 扁平化设计多用在：手机界面、网站图标、平板界面、广告包装设计等
太平洋电脑网站 图标
中关村论坛
3
PPT
扁平 化 设计
1
什么是扁平化
苹果APP图标
单色、单线条
安卓APP图标
4
PPT
扁平 化 设计
3、提升技巧
①扁平化的阴影效果：本色色块+灰色色块。
22
PPT
扁平 化 设计
4
PPT中如何扁平化
1、遵循原则 2、设计技巧 3、提升技巧
3、提升技巧
①扁平化的阴影效果：本色色块+灰色色块。
23
PPT
扁平 化 设计
4
PPT中如何扁平化
1、遵循原则 2、设计技巧 3、提升技巧
3、提升技巧
①扁平化的阴影效果：本色色块+灰色色块。
24
PPT
扁平 化 设计
4
PPT中如何扁平化
1、遵循原则 2、设计技巧 3、提升技巧
3、提升技巧
①扁平化的阴影效果：本色色块+灰色色块。
25
PPT
扁平 化 设计
4
PPT中如何扁平化
1、遵循原则 2、设计技巧 3、提升技巧
3、提升技巧
②重叠产生空间感： 利用两（多）个色块明度差异制造出空间感。
26
1、遵循原则
③专注排版。 因为扁平化设计所使用素材有限， 所以如果排版跟不上，那就不是简洁，而是简陋了。
图片区域
文本区域 底边浅色三角形（适当变化）
10
PPT
扁平 化 设计
4
PPT中如何扁平化
1、遵循原则 2、设计技巧 3、提升技巧
1、遵循原则
③专注排版。 因为扁平化设计所使用素材有限， 所以如果排版跟不上，那就不是简洁，而是简陋了。
2.信息量
2、信息量
信息量过大，且需要插入图片时，扁平化设计也会提出挑战。 此时可以进行一定的取舍。
如果真的想（找）不到左边这种图示， 那就直接找照片吧：其实效果也不赖
28
PPT
扁平 化 设计
5
注意事项
1.使用场合
2.信息量
2、信息量
信息量过大，且需要插入图片时，扁平化设计也会提出挑战。 此时可以进行一定的取舍。
3.扁平化设计与色彩趋势： http://www.uisdc.com/flat-design-colors 4.初识扁平化： http://www.rapidbbs.cn/forum.php?mod=viewthread&tid=63731 5.还有可爱的百度百科： http://baike.baidu.com/view/6931513.htm --------------------------------------31
PPT 扁平 化 设计
原文地址：http://blog.sina.com.cn/s/blog_698717360102e31i.html
来源：新浪微博：曹将的学习笔记 http://blog.sina.com.cn/caojiangppt
1
PPT
扁平 化 设计
目录
1 2 3 4 5
什么是扁平化 扁平化为什么会产生 为什么将扁平化用到PPT上 PPT中如何实现扁平化 注意事项 本文参考资料
2、设计技巧
④排版考究。 该对齐的地方不能马虎，一点瑕疵都很容易辨认出来。
20
PPT
扁平 化 设计
4
PPT中如何扁平化
1、遵循原则 2、设计技巧 3、提升技巧
2、设计技巧
④排版考究。 该对齐的地方不能马虎，一点瑕疵都很容易辨认出来。
21
PPT
扁平 化 设计
4
PPT中如何扁平化
1、遵循原则 2、设计技巧 3、提升技巧
本文参考资料
本文参考了以下文章： -------------------------------------1.浅谈PowerPoint幻灯片的扁平化设计： http://blog.sina.com.cn/s/blog_8d1abbda0101dnik.html 2.扁平化设计原则： http://www.oooceo.com/design/flat-design-principles/