如何设计扁平化教案分析.ppt

大小 方块的大小也有讲究 大小取决于内容 一定要留有适量空白距离 DEMO 这个是DEMO 这个是DEMO 这样是不行的 不行 留有一点空间 喘息的空间都没有了 图标 提炼 图标不是随意用 1 图标帮助观众理解内容，让观众可以在图标就了解演讲内容的方向，并且加深观众的印象。 图标与标题同等重要 2 在有图标的情况下，图标与标题同等重要，甚至比标题更需要动脑。 For Example Guangzhou TV News Channel 是不是看不懂英文都知道是 广州卫视新闻频道？ 图标的提炼是一门技术 仅从标题或正文中的某些名词中提炼图标，在大部分情况下是正确的： 提炼 促销活动 电脑技术 但是也存在图表贴切与否的问题： 例如要表示广州市的农民人数： 第二个图标明显比第一个贴切 图标的提炼是一门技术 获取 推荐几种获取方式 http://icomoon.io/app/ IcoMoon APP 下载方法 选中想要的图标之后，点击底部的这个按钮 1 2 在这个对话框中设置好参数后点击下载即可。 我一般的设置： Color：000000是白色 FFFFFF 是黑色 Size： 512pixels 勾选第一项就会有透明背景的PNG格式。 第一次使用Icomoon APP，你会发现图标量不大，但是其实它还有很多！ 把页面拉到底部 , 点击 这里面的图标够你应付很多场合了！ 都免费！ 获取 推荐几种获取方式 / The Noun Project 注册之后所有图标即可免费下载到SVG格式的图标！ 在线转换格式 Png格式 保存即可 Svg转Png 1 /convert/image/svg2raster.htm 上传Svg文件 直接用Adobe illustrator打开 2 获取 推荐几种获取方式 Do It YOURSELF 你没看错，这不是个网站，这是让你自己做 形状 联合 剪除 相交 组合 编辑顶点 请熟练应用以下功能！ 处理 转白色 调整图标的亮度至100% 兼容处理： 为了兼容其他版本，建议用CTRL+C和CTRL+ALT+V组合来生成白色Png 处理 转其他颜色 使用重新着色 可能调不到自己想要的颜色，建议在下载的时候通过颜色参数来控制颜色 或者，你就拿PS出来吧！嗯，别砸我。 字体 推荐无衬线 字迹够清晰 两字体最优 原则 我的选字原则 无衬线字体简单，没有过多的修饰，符合扁平化风格。 扁平化风格经常需要反白，所以字体笔画也要讲究。 字体系列保持在2种左右。 字 衬线 字 细笔画字体在投影的场合要保证字体够大。 字体 我一般使用的中英文字体 微软雅黑 方正幼线 方正细圆 中文 英文 方正兰亭 MS YAHEI Nexa Free Cicle Gordita QUICKSAND 没错这货就是微软雅黑 请支持正版 扁平化设计手册 PPT 色块 颜色 设计四原则 图标 字体 图片 动画转场 伪扁平 设计四原则 首先要记住，原则是可以打破，前提是你知道你为什么要打破 亲密 相互关联，意思相近的内容应该放在一起。 如果你要找一瓶可乐，那是不是要从头到尾看一次？很浪费时间对不对？ 经过亲密性原则调整后，你就可以很快地找到饮料区，从中找到可乐。 菜单 百事可乐 王老吉 可口可乐 红烧牛肉 梅菜扣肉 酸菜鱼 姜葱鸡 叫化鸡 凉拌青瓜 菜单 红烧牛肉 梅菜扣肉 酸菜鱼 姜葱鸡 叫化鸡 凉拌青瓜 百事可乐 王老吉 可口可乐 对齐 保证页面上的某两个元素之间总是围绕一条直线对齐。 我是PPT的标题 我是PPT的副标题 1、这个是第一个观点，主要是想说明… 2、这个是第二个观点，然后… 3、这个是第三个观点，所以说… 我是PPT的标题 我是PPT的副标题 1、这个是第一个观点，主要是想说明… 2、这个是第二个观点，然后… 3、这个是第三个观点，所以说… 这个排版是想说明你的信息是乱“拍”上去的吧，信息量再大一点整个页面就崩了。 调整之后马上简洁大气上档次了！ 善用“对齐”功能吧！ 对比 有意识地增加不同等级元素之间的差异性，要么相同，要么完全不同。 我是PPT的标题 我是PPT的副标题 1、这个是第一个观点，主要是想说明… 2、这个是第二个观点，然后… 3、这个是第三个观点，所以说… 我是PPT的标题 我是PPT的副标题 1、这个是第一个观点，主要是想说明… 2、这个是第二个观点，然后… 3、这个是第三个观点，所以说… 这个排版是简洁大气，但是略有点平淡，没有层次。 先不论这样的调整适不适合，但是是不是马上就刺激眼球了，更有主次了？ 重复 分析元素等级后，选取相同等级的元素来重复 我是第二个转场页 我是转场页的解释说明 我是第一个转场页 我是转场页的解释说明 我是第三个转场页 我是转场页的解释说明 我是转场页的解释说明 我是转场页的解释说明 我