学点知识 | 文字比较多的 PPT,如何做出扁平化效果?

论坛 期权论坛 期权     
知乎日报   2019-7-27 13:35   2701   0



题图:全景视觉

文字比较多的 PPT,如何做出扁平化效果?

知乎机构号:iSlide(100+ 赞同)
   
大家好我是哥布林,看到这个问题不请自来,

说起扁平化设计与 PPT,时间回溯到大约是在 2010 左右,

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

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





Windows 扁平风。图片来源网路

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

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

鲜明大胆的色彩
  




图片来源:material.io

网格坐标制图




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

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

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

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

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







图片来源:material.io

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








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

过度的设计,很多时候会影响信息传递有效性,简单,干净的排版,让观众能够更自然的「读下去」,去「效果化」符合现代审美。

PPT 可以简洁,事儿说清楚才是最重要的。

那么回归主题,文字较多时

怎样做出优秀的扁平风 PPT?

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

保持 PPT 版面条理清晰,逻辑正确

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

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

1. 找关键词,如果信息中没有明确的关键词,可以根据具体内容归纳出关键词,或加关键词标签

2. 排序:按关键词进行排序

3. 结构化:逻辑梳理清晰,排序好后,根据层级、逻辑等选择合适的结构深化设计




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




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




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




排版的关键在于平衡

平衡不代表绝对对称,而是相对的稳定。

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




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




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



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





保持视觉调性统一

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



图片来源:iSlide 智能图表


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




  • 克制:颜色不是越多越好,字体不是越多越炫,其他 PPT 的风格好看但不一定匹配你当前的 PPT 风格,好看但是无关的装饰性元素能不添加就不要加。
  
  • 整洁:整洁清晰的排版很多时候比过度设计更有 power。

寻找设计的核心发力点

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




1. 优先考虑图片或插图

2. 图片与文字同等重要

3. 优先考虑文字

方格坐标制图

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




在版面上按照预先确定好的格子为图片和文字确定位置,可以:

  • 大大提高页面规范性,在栅格系统下,所有组件的尺寸都是有规律的

  • 让整个页面的布局保持一致

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

以上。

戳「阅读原文」查看剩下的 17 个回答
  






「当街暴打女子」嫌疑人被抓,受害人只是软组织挫伤?
用得多,错得多,常见的 50 个护肤误区
蜘蛛精和蜘蛛侠一对一 Battle,谁的赢面比较大?
宋慧乔和宋仲基的协议离婚,是最体面的离婚
那些高考失利的人,都是怎么「逆袭」的?


分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:45
帖子:9
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP