PPT扁平化设计手册PPT模板

《PPT扁平化设计手册PPT模板》由会员分享，可在线阅读，更多相关《PPT扁平化设计手册PPT模板（53页珍藏版）》请在装配图网上搜索。

1、若 素 素 材 若 素 素 材 若 素 素 材 若 素 素 材 扁 平 化 设 计 手 册PPT 色块颜色设计四原则 图标字体 图片 动画转场 伪扁平 若 素 素 材 若 素 素 材 若 素 素 材 若 素 素 材 设 计 四 原 则首先要记住，原则是可以打破，前提是你知道你为什么要打破 若 素 素 材 若 素 素 材 若 素 素 材 若 素 素 材 亲密相互关联，意思相近的内容应该放在一起。如果你要找一瓶可乐，那是不是要从头到尾看一次？很浪费时间对不对？ 经过亲密性原则调整后，你就可以很快地找到饮料区，从中找到可乐。菜单 百事可乐王老吉可口可乐红烧牛肉梅菜扣肉酸菜鱼姜葱鸡叫化鸡凉拌青瓜 菜单

2、 红烧牛肉梅菜扣肉酸菜鱼姜葱鸡叫化鸡凉拌青瓜 百事可乐王老吉可口可乐 若 素 素 材 若 素 素 材 若 素 素 材 若 素 素 材 对齐保证页面上的某两个元素之间总是围绕一条直线对齐。我是PPT的标题我是PPT的副标题1、这个是第一个观点，主要是想说明2、这个是第二个观点，然后3、这个是第三个观点，所以说 我是PPT的标题我是PPT的副标题1、这个是第一个观点，主要是想说明2、这个是第二个观点，然后3、这个是第三个观点，所以说这个排版是想说明你的信息是乱“拍”上去的吧，信息量再大一点整个页面就 崩了。 调整之后马上简洁大气上档次了！善用“对齐”功能吧！ 若 素 素 材 若 素 素 材 若 素

3、 素 材 若 素 素 材 对比有意识地增加不同等级元素之间的差异性，要么相同，要么完全不同。我是PPT的标题我是PPT的副标题1、这个是第一个观点，主要是想说明2、这个是第二个观点，然后3、这个是第三个观点，所以说我是PPT的标题我是PPT的副标题1、这个是第一个观点，主要是想说明2、这个是第二个观点，然后3、这个是第三个观点，所以说这个排版是简洁大气，但是略有点平淡，没有层次。 先不论这样的调整适不适合，但是是不是马上就刺激眼球了，更有主次了？ 若 素 素 材 若 素 素 材 若 素 素 材 若 素 素 材 重复分析元素等级后，选取相同等级的元素来重复我是第二个转场页我是转场页的解释说明我是

4、第一个转场页我是转场页的解释说明我是第三个转场页 我是转场页的解释说明我是转场页的解释说明 我是转场页的解释说明我是转场页的解释说明 从单个页面来说，“解释说明”部分的字体、大小都体现出重复性原则，保证了单个页面的稳定性。从多个页面来说，转场页属于同一等级，所以他们应该具有某些重复的特征，如这三幅例子，除了颜色之外，其他特征都是相同的，而颜色的不同让PPT更有味道。 若 素 素 材 若 素 素 材 若 素 素 材 若 素 素 材 ROXIMITYLIGNMENT ONTRASTEPETITIONPA CR亲密对齐 对比重复小结介绍一种记忆方法，对英语无爱者可以忽略 若 素 素 材 若 素 素

5、材 若 素 素 材 若 素 素 材 小结所以你是喜欢哪个？CRAPCARP美 krpvi. 吹毛求疵，挑剔； 找茬儿 美 krpvi. 拉屎，放弃计划n. 废物； 废话； 排泄； 排泄物 做好这四个原则就是一个吹毛求疵的过程！废物！？拉屎！？是想说明没做好这四个原则就是！？怎么看都觉得有点恶心啊这意思嗯，此翻译来自网络。 若 素 素 材 若 素 素 材 若 素 素 材 若 素 素 材 颜 色 若 素 素 材 若 素 素 材 若 素 素 材 若 素 素 材 选色我的原则 鲜艳而不刺眼 什么意思啊？ 若 素 素 材 若 素 素 材 若 素 素 材 若 素 素 材 选色我的原则扁平化风格通常使用非常

6、鲜艳的颜色刺眼组和谐组 不刺眼，方便阅读，投影出来不会看不到。 调灰点：微调色相，适当调低调饱和度和亮度。大家有需求的话我可以尝试做教程详细分享一下。小色块都刺眼了，你想象下大面积使用？小伙伴都会顶不顺！ 这里改变模式 若 素 素 材 若 素 素 材 若 素 素 材 若 素 素 材 配色确定背景色背景色重要到要单独拿出来了！白色干净简洁，最普遍的背景色，可在局部加装饰适当美化，提高档次！ 若 素 素 材 若 素 素 材 若 素 素 材 若 素 素 材 配色确定背景色非白色暖色、冷色、图片 若 素 素 材 若 素 素 材 若 素 素 材 若 素 素 材 暖色冷色图片不建议，容易亮瞎观众眼球，而且

7、看久了眼睛会有视色错觉现象（就是跟残像一个意思，嗯，差不多）比较常见使用的时候注意图元素颜色的兼容，例如跟图表、色块颜色的对比一定要够大。 图片简单的可以直接使用，复杂的建议先做模糊、调暗处理或者加色块，遵循不刺眼、不影响信息的原则 若 素 素 材 若 素 素 材 若 素 素 材 若 素 素 材 配色多色系确定主色，再选4到5种颜色做辅色，来做色块的颜色。24HOURSUPPORT 20YEARS OFCHARLEROSE BLOOMBERGIS DATA数据正在暴增！ PROFESSIONALSERVICESUBSCRIPTIONS300+JAN15Sunday服务介绍 若 素 素 材 若

8、素 素 材 若 素 素 材 若 素 素 材 配色单色系以主色为基础，改变颜色的饱和度和亮度。 若 素 素 材 若 素 素 材 若 素 素 材 若 素 素 材 配色复古色近期比较流行的配色方案！ Name 电脑的普及给教育带来变革 若 素 素 材 若 素 素 材 若 素 素 材 若 素 素 材 参考奉上配色参考网站Flat UI Colors 很有爱的配色网站，可惜它的颜色参数复制功能在PPT里应用不了，这里就不赘述了！ 若 素 素 材 若 素 素 材 若 素 素 材 若 素 素 材 参考奉上配色参考网站http:/ Designer 高手向的配色工具，自己动手丰衣足食！ 若 素 素 材 若 素

9、 素 材 若 素 素 材 若 素 素 材 单色系多色系 若 素 素 材 若 素 素 材 若 素 素 材 若 素 素 材 色 块 若 素 素 材 若 素 素 材 若 素 素 材 若 素 素 材 形状结构尽量简单建议简单、规则的图形避免复杂不规则的图形 多边形最好不超过6边，边多的话，观众的注意力就转 移到去数它有多少边了 若 素 素 材 若 素 素 材 若 素 素 材 若 素 素 材 样式“三去”去高光 去阴影 去渐变 若 素 素 材 若 素 素 材 若 素 素 材 若 素 素 材 大小方块的大小也有讲究大小取决于内容一定要留有适量空白距离 DEMO这个是DEMO 这个是DEMO这样是不行的 不

10、行留有一点空间 喘息的空间都没有了 若 素 素 材 若 素 素 材 若 素 素 材 若 素 素 材 图 标 若 素 素 材 若 素 素 材 若 素 素 材 若 素 素 材 提炼图标不是随意用1 图标帮助观众理解内容，让观众可以在图标就了解演讲内容的方向，并且加深观众的印象。图标与标题同等重要2 在有图标的情况下，图标与标题同等 重要，甚至比标题更需要动脑。 For ExampleGuangzhou TVNews Channel是不是看不懂英文都知道是广州卫视新闻频道？ 图标的提炼是一门技术 若 素 素 材 若 素 素 材 若 素 素 材 若 素 素 材 仅从标题或正文中的某些名词中提炼图标，在

11、大部分情况下是正确的：提炼促销活动 电脑技术但是也存在图表贴切与否的问题：例如要表示广州市的农民人数： 第二个图标明显比第一个贴切图标的提炼是一门技术 若 素 素 材 若 素 素 材 若 素 素 材 若 素 素 材 获取推荐几种获取方式http:/icomoon.io/app/IcoMoon APP 若 素 素 材 若 素 素 材 若 素 素 材 若 素 素 材 下载方法选中想要的图标之后，点击底部的这个按钮12 在这个对话框中设置好参数后点击下载即可。我一般的设置：Color：000000是白色 FFFFFF 是黑色Size： 512pixels勾选第一项就会有透明背景的 PNG格式。 若

12、素 素 材 若 素 素 材 若 素 素 材 若 素 素 材 第一次使用Icomoon APP，你会发现图标量不大，但是其实它还有很多！把页面拉到底部 , 点击 这里面的图标够你应付很多场合了！都免费！ 若 素 素 材 若 素 素 材 若 素 素 材 若 素 素 材 获取推荐几种获取方式The Noun Project 注册之后所有图标即可免费下载到SVG格式的图标！ 若 素 素 材 若 素 素 材 若 素 素 材 若 素 素 材 在线转换格式 Png格式保存即可Svg转Png1 http:/www.fileformat.info/convert/image/svg2raster.htm上传Sv

13、g文件直接用Adobe illustrator打开2 若 素 素 材 若 素 素 材 若 素 素 材 若 素 素 材 获取推荐几种获取方式Do It YOURSELF你没看错，这不是个网站，这是让你自己做形状 联合 剪除 相交 组合 编辑顶点请熟练应用以下功能！ 若 素 素 材 若 素 素 材 若 素 素 材 若 素 素 材 处理转白色调整图标的亮度至100% 兼容处理：为了兼容其他版本，建议用CTRL+C和CTRL+ALT+V组合来生成白色Png 若 素 素 材 若 素 素 材 若 素 素 材 若 素 素 材 处理转其他颜色使用重新着色可能调不到自己想要的颜色，建议在下载的时候通过颜色参数来

14、控制颜色或者，你就拿PS出来吧！嗯，别砸我。 若 素 素 材 若 素 素 材 若 素 素 材 若 素 素 材 字 体 若 素 素 材 若 素 素 材 若 素 素 材 若 素 素 材 推 荐 无 衬 线字 迹 够 清 晰两 字 体 最 优原则我的选字原则无衬线字体简单，没有过多的修饰，符合扁平化风格。扁平化风格经常需要反白，所以字体笔画也要讲究。字体系列保持在2种左右。 字 衬线字 细笔画字体在投影的场合要保证字体够大。 若 素 素 材 若 素 素 材 若 素 素 材 若 素 素 材 字体我一般使用的中英文字体微软雅黑方 正 幼 线方 正 细 圆中文 英文方 正 兰 亭 MS YAHEINexa

15、 FreeCicle GorditaQUICKSAND没错这货就是微软雅黑 请支持正版 若 素 素 材 若 素 素 材 若 素 素 材 若 素 素 材 字体我一般使用的中英文字体建议使用比较粗的字体以便观看大字、标题等纤细的会比较细致、有气质粗壮的会更有力量正文、小字等 关 于 PPT演 讲 的 技 巧1.10-20-30原则2.有趣的演讲3.放慢速度4.眼神交流5.用15个词做总结关 于 PPT演 讲 的 技 巧1.10-20-30原则2.有趣的演讲3.放慢速度4.眼神交流 5.用15个词做总结 若 素 素 材 若 素 素 材 若 素 素 材 若 素 素 材 颜色关于字体颜色最普遍的是黑与白

16、 其他颜色需要与底色对比大，而且和谐这里是演示这里是演示 字 字字 字 字字 不和谐 若 素 素 材 若 素 素 材 若 素 素 材 若 素 素 材 图 片 若 素 素 材 若 素 素 材 若 素 素 材 若 素 素 材 获取#我懂个P#强推Simon_阿文 的#我懂个P# 第二期！ 若 素 素 材 若 素 素 材 若 素 素 材 若 素 素 材 获取我常用的网站WallbaseGOOGLE技巧：网址协议用https:/的话，就不会经常性断开Flickr 若 素 素 材 若 素 素 材 若 素 素 材 若 素 素 材 展示扁平化展示方式整页 若 素 素 材 若 素 素 材 若 素 素 材 若

17、素 素 材 展示常用扁平化展示方式大面积 若 素 素 材 若 素 素 材 若 素 素 材 若 素 素 材 展示常用扁平化展示方式方块 若 素 素 材 若 素 素 材 若 素 素 材 若 素 素 材 动 画 和 形 状 若 素 素 材 若 素 素 材 若 素 素 材 若 素 素 材 动画简单粗暴我常用的几种动画干脆、不花哨、不吸引注意力 若 素 素 材 若 素 素 材 若 素 素 材 若 素 素 材 切换简单粗暴我常用的几种切换干脆、不花哨、不吸引注意力注意某些切换方式与其他版本不兼容 若 素 素 材 若 素 素 材 若 素 素 材 若 素 素 材 伪 扁 平 若 素 素 材 若 素 素 材 若 素 素 材 若 素 素 材 扁平化 简单伪扁平 伪扁平化完全没有特效 少量特效 特效综合使用可以大量使用 标题等适量使用 主题类，很少用 若 素 素 材 若 素 素 材 若 素 素 材 若 素 素 材 扁平化 简单伪扁平 伪扁平化 渐变底圆角复杂图层用作阴影用作投影用作投影 若 素 素 材 若 素 素 材 若 素 素 材 若 素 素 材 后 记我很高兴你看到了这里，说明你已经大概了解我分享的东西。但是我知道你不会全盘接收，我也不希望你会不加思考就应用。凡是规则都是拿来打破的，更何况我这不是规则。关键是你要清楚你自己为什么要这样做。抛 砖 引 玉 什 么 的 说 太 多 次 了 。