.hd-box .hd-fr

为什么你的 PPT 看起来很乱?

2022-10-21 19:38Slidecent(林利蒙)23评

大家好,欢迎来到 Slidecent,

见字如面,我是林利蒙。

你是否经常听到这样的反馈:

你这页 PPT 看起来好乱

有没有办法弄得清楚一点

确实挺乱的,但如何更清楚呢?

于是你似懂非懂的修改起来

加个图片?图标?或者是修饰?

然而最终效果往往都不够理想

如果你也有这种困惑

相信这篇文章会对你有所启发

页面杂乱是很多初学者经常犯的问题

他们往往将这种杂乱归咎于页面不够美观

然而事实真的如此吗?

表面上看,杂乱的页面大都不够美观(内容太多、配色花哨、排版杂乱等等)。然而本质因素其实只有一个:你的设计没有引导正确的阅读顺序

今天分享一篇阅读逻辑与视觉引导的文章,教你做出一份干净清晰的 PPT(建议收藏)。

首先什么是视觉引导呢?简单地说就是利用设计来引导读者的阅读顺序

举个例子:大多数人的正常阅读顺序是从左至右、从上至下的:

比如你看到如下的四段文字:

正常的阅读习惯是这样的:

先从左到右读完上面两段文字,再读下面的部分(即正常的阅读顺序)

然而这是在元素种类一致的情况下,如果在文字中加入了其他种类的元素,这种常规的阅读顺序就会被打破

如图,在纯文字页面中加入了图片和色块元素

此时的阅读顺序就变成了这样:

第一眼我们会被图片吸引,然后色块,接着是左下方较大的文本段,最后才是上方的文本(即常规的阅读顺序被打破了)

这就是视觉引导的作用,通过设计(如改变元素大小、配色、字重等方法)来引导读者的阅读顺序

然而不是所有的引导都是合理的,不当的视觉引导往往会导致不适和混乱的感觉:

这就是引导不合理的情况,也是很多初学者经常犯的问题,页面中每个元素都想强调,结果导致页面杂乱,没有重点

那怎样的引导顺序才是合理的呢?答案是要尽可能符合读者的阅读习惯以及页面的内在逻辑

在此我总结了三个步骤教你设计一个合理的阅读顺序,做出干净清晰的 PPT 页面

明确页面逻辑、设计视觉引导、整体美化设计

下面我通过两页 PPT 的美化来展示这个方法:

第一页

这是问题描述页,内容虽少但仍显杂乱

01.明确页面逻辑

 

仔细阅读文案,它主要包含三块内容:

左侧:具体问题(WHAT)

右上:问题原因(WHY)

右下:解决方案(HOW)

 

因此页面的逻辑也很简单,就是一个顺序结构:是什么 —— 为什么 —— 怎么办

02.设计视觉引导

了解内页逻辑后,再来分析视觉引导顺序:

目前的引导顺序:中间的插图 —— 右侧上方的色块内容 —— 右侧下方的色块内容 —— 左侧的文本

对应的页面逻辑:为什么(WHY)—— 怎么办(HOW)—— 是什么(WHAT)

很明显这个引导的阅读顺序是不合理的,正确的阅读顺序应该是:是什么(WHAT)—— 为什么(WHY)—— 怎么办(HOW)

于是我们重新设计视觉引导(可以删除修饰元素,只需画出文案之间的逻辑关系):

此时的视觉引导变得简洁且符合页面逻辑:

即从左到右的顺序,是不是读起来更顺畅了呢

这就是视觉引导的意义,给予读者一个舒适的阅读体验,减少阅读负担。这一步也是我们在做美化之前需要优先考虑的步骤

03.整体美化设计

 

最后美化设计,由于它不是我们此次讲解的重点,所以就简单带过,下图是成品:

美化的形式可以有千千万万,但是核心就只有一点,即在合理视觉引导的前提下加入一些设计元素去丰富画面

我们来看下修改前后的变化:

美化前:视觉引导顺序不合理,显得页面杂乱,阅读成本较高

美化后:视觉引导顺序与页面逻辑及阅读习惯一致,页面更清楚了

当然有的朋友会觉得这个案例太过简单,那么下面我们来看一个稍微复杂一点的页面:

第二页

这是之前《逻辑思维第二期》的案例,因为比较典型,我们用今天的方法再来分析下

01.明确页面逻辑:

这页看似复杂,但仔细看会发现它就分为这三部分内容:建设意义,建设目标以及方案描述

这三者之间可以简单的理解为并列关系

02.设计视觉引导

接着,我们分析原稿。发现它没有一个明确的视觉引导,因此页面非常杂乱:

在第一眼看到最中间的智慧园区之后,不知下一步该看什么,造成了很重的阅读负担

于是,我们依据页面逻辑,将内容划分成了三部分重新排版:

此时的阅读顺序就清晰了很多:

03.整体美化设计

最后进行美化设计,可以对边框进行修饰:

亦或者加入图片进行美化:

这页排版虽然变了,但视觉引导依旧清晰

前后对比看看效果:

重新梳理视觉引导顺序后,原本杂乱的页面变得干净清晰,是不是还不错呢

这可以算是一份 80 分的设计作品,如果你能够做到这一步,那就足以应对工作学习中绝大部分 PPT 设计了

当然熟悉我的朋友可能会有印象,我在上面这个版本的基础上进行了更深层次的迭代,也就是结构化设计:

其实它也可以通过本文讲述的三个步骤来实现:明确逻辑结构、设计视觉引导、整体美化设计。只不过它对于逻辑结构的划分更为深入

如果你仔细阅读文案会发现,上面这稿是将原本并列的三部分内容,做了更深层的逻辑梳理

当你在与人沟通,表达理念时,结构化的设计往往更容易理解,也更符合你的表达习惯。当然这需要你大量的实践操作后才会慢慢有所感悟,在此就点到为止了

最我们再回顾下今天的内容,记住三步法:

希望大家在今后的工作学习中,多问自己一句,我这页 PPT 的视觉引导真的合理吗(是否符合页面逻辑、是否符合阅读习惯)。

本文来自微信公众号:Slidecent (ID:Slidecent),作者:林利蒙

广告声明:文内含有的对外跳转链接(包括不限于超链接、二维码、口令等形式),用于传递更多信息,节省甄选时间,结果仅供参考,IT之家所有文章均包含本声明。

下载IT之家APP,分享赚金币换豪礼
相关文章
大家都在买广告
热门评论
查看更多评论