返回列表 发布新帖

[其他] 扁平化PPT:扁平化在PPt中的实现

2837 2
今生今世 发表于 2014-3-16 10:06:22 | 查看全部 阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?立即注册

×

一.什么是扁平化?

放弃其他装饰效果(如阴影,透视,纹理和渐变)的二维平面化表现形式。


二.扁平化为什么会产生?

扁平化设计主要应用于多平台不同设备上的系统或应用。它有如下的好处:
1.更好的适应性。若还是拟物化设计,不同平台的图标等设计会增添大量人力。
2.更小更快。因为元素更少,所以体积更小,浏览更加流畅。
3.信息突出。重要的信息就大色块陪大字突出,弱一些的信息就灰色小字号呈现。
三.为什么可以将扁平化用到PPT上?
1.两者理念吻合:突出内容,而非形式。
2.入门容易:你会发现,如果要模仿一个扁平化PPT,若它没有特别复杂的元素,那真的是轻而易举。
3.体积减少。以《微软官方出品windows8风格动画PPTWINDOWS AZURE》为例,67页的幻灯片才1.76M。这甚至比不上手机拍的照片的大小。




四.PPT中如何实现扁平化
1.遵循的原则:

去除特效。不要渐变,不要高光,也不要阴影!





简化元素。用简单的形状(如矩形、圆形或正方形)来表达实物。

69871736ge0d72cf90b5b&690.jpg




    ③专注排版。因为扁平化设计所使用素材有限,所以如果排版跟不上,那就不是简洁,而是简陋了。如下图,第一个元素都有,排版糟糕,只能称为简陋;第二张则进行重新编排,简洁清爽。


69871736ge0d737ad8696&690.jpg
69871736ge0d73807a657&690.jpg





    ④专注颜色。扁平设计中颜色调色板往往是强调很多更亮 、更鲜艳。


69871736ge0d746968247&690.jpg


2.设计技巧

使用简单元素。色块,色块,还是色块!

69871736ge0d74ae4d93f&690.jpg
69871736ge0d74beab93a&690.jpg



使用无衬线字体。无衬线字体可以与色块相映成趣。英文推荐Segoe UI Light,中文推荐微软雅黑。都是win7\8自带的。

69871736ge0d753fd843f&690.jpg

69871736ge0d75447c275&690.jpg


大胆配色。但是配色一定不能过浅,那样投影出来很难辨认。

69871736ge0d75c3d4fd9&690.jpg

69871736ge0d75c9e62eb&690.jpg

69871736ge0d75cbda659&690.jpg
排版考究。该对齐的地方不能马虎,一点瑕疵都很容易辨认出来。

69871736ge0d75f3022b1&690.jpg

69871736ge0d75f8c6403&690.jpg

3.提升技巧

扁平化的阴影效果:本色色块+灰色色块。

69871736ge0d77ce72922&690.jpg

69871736ge0d77cfafdb6&690.jpg

69871736ge0d77d09f6fc&690.jpg

69871736ge0d77d289f6b&690.jpg

叠产生空间感:利用两(多)个色块明度差异制造出空间感。

69871736ge0d76d70fa37&690.jpg

69871736ge0d76d91c405&690.jpg

69871736ge0d76dbf6ce4&690.jpg




五.注意事项

1.使用场合。扁平化PPT其实大多数场合都能应付下来,只是要根据场合对主色进行调整。
• 学术报告等严肃场合:冷色系(蓝绿紫)。
• 欢快活泼的场合:暖色系(红橙黄)。

2.信息量。信息量过大,且需要插入图片时,扁平化设计也会提出挑战。此时可以进行一定的取舍。

69871736ge0d773b00689&690.jpg

69871736ge0d773defe77&690.jpg

69871736ge0d773f28465&690.jpg




以以上三图为例:如果真的想(找)不到左边这种图示,那就直接找照片吧:其实效果也不赖。(当然,原作者是将两者一起使用:分别作正面和背面)






评论2

舌尖建筑Lv.2 发表于 2014-5-22 10:25:59 | 查看全部
很有用的资料
大话西游Lv.2 发表于 2014-5-22 10:34:23 | 查看全部
很有用的资料

回复

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关灯 在本版发帖
扫一扫添加微信客服
QQ客服返回顶部
快速回复 返回顶部 返回列表