找回密码
 注册

扫一扫,访问微社区

QQ登录

只需一步,快速开始

查看: 539|回复: 3

[其他教程] 【哥布林】怎样做出优秀的扁平化设计风格PPT

[复制链接]

77

主题

4067

帖子

179万

锐币

积分
21587

灌水精英勋章守卫精英勋章致富精英勋章推广精英勋章智慧精英勋章优秀会员勋章2015奉献楷模勋章

goblin123dan大众评委 发表于 2019-6-11 14:56:23 | 显示全部楼层 |阅读模式
01.jpg
图 | dribbble.com






01.
扁平化设计与PPT

大约是在 2010 左右,微软扁平化设计风格在产品中被广泛采用,特别是 Windows 的界面设计中的一些基本功能:如简单形状元素,网格坐标排版,大胆的色彩,规避渐变、纹理、立体等复杂的设计形式在设计圈引起了一股小旋风

扁平化设计,以简单的形式,高度可读的排版,鲜明的色彩为特点,在 PPT 设计圈中也快速流行起来

02.jpg

03.jpg
Windows 扁平风图片来源:百度图片搜索



甚至后来流行的谷歌的 Material Design 中,也可以看到扁平化设计的一些关键原则

  • 简单的形状和元素
  • 整洁,无干扰的设计形式
  • 高度可读的清晰排版
  • 鲜明的色彩
  • 网格坐标制图




鲜明大胆的色彩

04.jpg
05.jpg
图 | 来源:material.io




网格坐标制图


06.png


以图片排版为例,常见的大致有以下几种

  • 正常图片排版:等大小图片 + 统一间距

  • 板式设计排版:图片按栅格分割,最大图片的宽/高等于分割后小图片拼起的宽/高

  • 照片墙式排版:图片大小不一,比较松散随意

  • 瀑布流式排版:图片全部等宽,垂直排列,视觉上有点像瀑布,是一种使用频率很高的排版方式,常见的比如花瓣网。





07.jpg
08.jpg
09.jpg
图 | 来源:material.io



微软 Windows PPT 模板设计公开版文件,也是非常典型的扁平风格


10.jpg
11.jpg
12.jpg
...
微软 Windows PPT 模板设计规范



扁平化设计在 PPT 设计中成为潮流,被大多数人接受是有原因的

过度的设计,很多时候会影响信息传递有效性,
简单,干净的排版,让观众能够更自然的“读下去”,
去“效果化”符合现代审美。
PPT 可以简洁,事儿说清楚才是最重要的。








02.
怎样做出优秀的扁平风PPT

做 PPT 最重要的不是你自己看到什么,而是你让你的观众看到什么




保持PPT版面条理清晰,逻辑正确
如果一个 PPT 内容本身逻辑混乱,条理不清,那么即使这页 PPT 的设计再精美,酷炫都是无用功,没有任何意义与价值

首先需要对 PPT 的信息内容进行整理

  • 找关键词,如果信息中没有明确的关键词,可以根据具体内容归纳出关键词,或加关键词标签
  • 排序:按关键词进行排序
  • 结构化:逻辑梳理清晰,排序好后,根据层级、逻辑等选择合适的结构深化设计




13.jpg


如表达 xx 的要素、条件、组织关系构成图,可以选择卫星型、花瓣型、蜂巢型、树形图结构等


14.jpg


对复数事物进行比较,如服务、产品竞争、项目比较第二等,可以尝试矩阵图、二维坐标、表格等


15.jpg


想要表达过程、对策或时间轴内容,事物发展等,可以使用目录型、呈现型、循环型等结构


16.jpg




排版的关键在于平衡
平衡不代表绝对对称,而是相对的稳定

比如下方这个 logo 墙,已经按照矩阵布局进行了排列,已经对齐了,但是视觉上仍然感觉不是很舒服



17.jpg



仔细观察,发现虽然做了对齐,但这些 logo 本身形状各异,所以视觉上仍然不完全规整,画面不够平衡看上去使人紧张。


18.jpg



为了让画面更加稳定,我们人为的在 logo 底部添加等大小的矩形,制造出平衡稳定的状态。


19.jpg


加完后,当我们的视觉停留在页面中是舒服的,没有了紧张感,整个画面的感觉也是稳定的。


20.jpg





保持视觉调性统一
始终保持统一的视觉调性

21.jpg
图 | iSlide 智能图表




  • 统一:统一图片、图标设计风格,统一色彩规范,统一字体、字号等


22.jpg


  • 克制:颜色不是越多越好,字体不是越多越炫,其他 PPT 的风格好看但不一定匹配你当前的 PPT 风格,好看但是无关的装饰性元素能不添加就不要加


  • 整洁:整洁清晰的排版很多时候比过度设计更有 power







寻找设计的核心发力点


比如同时有图片与文字时,先判断图片与文字的先后顺序,“确定先后顺序”寻找核心发力点,后再进行设计布局

23.jpg

  • 优先考虑图片或插图
  • 图片与文字同等重要
  • 优先考虑文字







方格坐标制图
简单说就是将版面分割成网格状,然后将图片与文字等素材插入其中,可以使设计看起来井井有条。


24.gif


在版面上按照预先确定好的格子为图片和文字确定位置,可以
  • 大大提高页面规范性,在栅格系统下,所有组件的尺寸都是有规律的
  • 让整个页面的布局保持一致


这个方法对设计师的审美有一定要求,有时需要配合内容变试边改才能找到最合适的布局方案。


-  end  -





每天,全球有超过1,000,000场的商业演示,

专业的设计能更有效的传递和表达信息。

PPT幻灯片也能成为一种力量,

能够说服,能够影响,能够感动!



iSlide®演示设计

转载需完整保留作者版权信息




回复

使用道具 举报

0

主题

13

帖子

224

锐币

积分
72
dodolooklook 发表于 5 天前 | 显示全部楼层
讲究!!!!!!!!!!!!!!!!!!!厉害的建议
回复 支持 反对

使用道具 举报

1

主题

430

帖子

1310

锐币

积分
2218
lly2190 发表于 前天 19:11 | 显示全部楼层
画布干净整洁!!!!

评分

1

查看全部评分

[发帖际遇]: lly2190 做的PPT引发全球粉丝骚乱,赔偿 12 元 锐币. 幸运榜 / 衰神榜
回复 支持 反对

使用道具 举报

77

主题

4067

帖子

179万

锐币

积分
21587

灌水精英勋章守卫精英勋章致富精英勋章推广精英勋章智慧精英勋章优秀会员勋章2015奉献楷模勋章

 楼主| goblin123dan大众评委 发表于 昨天 10:51 | 显示全部楼层
dodolooklook 发表于 2019-6-15 16:13
讲究!!!!!!!!!!!!!!!!!!!厉害的建议

感谢 dodolooklook  的支持~
回复 支持 反对

使用道具 举报

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

本版积分规则

展开
快速回复 返回顶部 返回列表
展开