大家好,欢迎来到 Slidecent,
见字如面,我是林利蒙。
你是否经常听到这样的反馈:
你这页 PPT 看起来好乱
有没有办法弄得清楚一点
确实挺乱的,但如何更清楚呢?
于是你似懂非懂的修改起来
加个图片?图标?或者是修饰?
然而最终效果往往都不够理想
如果你也有这种困惑
相信这篇文章会对你有所启发
页面杂乱是很多初学者经常犯的问题
他们往往将这种杂乱归咎于页面不够美观
然而事实真的如此吗?
表面上看,杂乱的页面大都不够美观(内容太多、配色花哨、排版杂乱等等)。然而本质因素其实只有一个:你的设计没有引导正确的阅读顺序
今天分享一篇阅读逻辑与视觉引导的文章,教你做出一份干净清晰的 PPT(建议收藏)。
首先什么是视觉引导呢?简单地说就是利用设计来引导读者的阅读顺序
举个例子:大多数人的正常阅读顺序是从左至右、从上至下的:
比如你看到如下的四段文字:
正常的阅读习惯是这样的:
先从左到右读完上面两段文字,再读下面的部分(即正常的阅读顺序)
然而这是在元素种类一致的情况下,如果在文字中加入了其他种类的元素,这种常规的阅读顺序就会被打破
如图,在纯文字页面中加入了图片和色块元素
此时的阅读顺序就变成了这样:
第一眼我们会被图片吸引,然后色块,接着是左下方较大的文本段,最后才是上方的文本(即常规的阅读顺序被打破了)
这就是视觉引导的作用,通过设计(如改变元素大小、配色、字重等方法)来引导读者的阅读顺序
然而不是所有的引导都是合理的,不当的视觉引导往往会导致不适和混乱的感觉:
这就是引导不合理的情况,也是很多初学者经常犯的问题,页面中每个元素都想强调,结果导致页面杂乱,没有重点
那怎样的引导顺序才是合理的呢?答案是要尽可能符合读者的阅读习惯以及页面的内在逻辑
在此我总结了三个步骤教你设计一个合理的阅读顺序,做出干净清晰的 PPT 页面
明确页面逻辑、设计视觉引导、整体美化设计
下面我通过两页 PPT 的美化来展示这个方法:
第一页
这是问题描述页,内容虽少但仍显杂乱
仔细阅读文案,它主要包含三块内容:
左侧:具体问题(WHAT)
右上:问题原因(WHY)
右下:解决方案(HOW)
因此页面的逻辑也很简单,就是一个顺序结构:是什么 —— 为什么 —— 怎么办
了解内页逻辑后,再来分析视觉引导顺序:
目前的引导顺序:中间的插图 —— 右侧上方的色块内容 —— 右侧下方的色块内容 —— 左侧的文本
对应的页面逻辑:为什么(WHY)—— 怎么办(HOW)—— 是什么(WHAT)
很明显这个引导的阅读顺序是不合理的,正确的阅读顺序应该是:是什么(WHAT)—— 为什么(WHY)—— 怎么办(HOW)
于是我们重新设计视觉引导(可以删除修饰元素,只需画出文案之间的逻辑关系):
此时的视觉引导变得简洁且符合页面逻辑:
即从左到右的顺序,是不是读起来更顺畅了呢
这就是视觉引导的意义,给予读者一个舒适的阅读体验,减少阅读负担。这一步也是我们在做美化之前需要优先考虑的步骤
最后美化设计,由于它不是我们此次讲解的重点,所以就简单带过,下图是成品:
美化的形式可以有千千万万,但是核心就只有一点,即在合理视觉引导的前提下加入一些设计元素去丰富画面
我们来看下修改前后的变化:
美化前:视觉引导顺序不合理,显得页面杂乱,阅读成本较高
美化后:视觉引导顺序与页面逻辑及阅读习惯一致,页面更清楚了
当然有的朋友会觉得这个案例太过简单,那么下面我们来看一个稍微复杂一点的页面:
第二页
这是之前《逻辑思维第二期》的案例,因为比较典型,我们用今天的方法再来分析下
这页看似复杂,但仔细看会发现它就分为这三部分内容:建设意义,建设目标以及方案描述
这三者之间可以简单的理解为并列关系
接着,我们分析原稿。发现它没有一个明确的视觉引导,因此页面非常杂乱:
在第一眼看到最中间的智慧园区之后,不知下一步该看什么,造成了很重的阅读负担
于是,我们依据页面逻辑,将内容划分成了三部分重新排版:
此时的阅读顺序就清晰了很多:
最后进行美化设计,可以对边框进行修饰:
亦或者加入图片进行美化:
这页排版虽然变了,但视觉引导依旧清晰
前后对比看看效果:
重新梳理视觉引导顺序后,原本杂乱的页面变得干净清晰,是不是还不错呢
这可以算是一份 80 分的设计作品,如果你能够做到这一步,那就足以应对工作学习中绝大部分 PPT 设计了
当然熟悉我的朋友可能会有印象,我在上面这个版本的基础上进行了更深层次的迭代,也就是结构化设计:
其实它也可以通过本文讲述的三个步骤来实现:明确逻辑结构、设计视觉引导、整体美化设计。只不过它对于逻辑结构的划分更为深入
如果你仔细阅读文案会发现,上面这稿是将原本并列的三部分内容,做了更深层的逻辑梳理
当你在与人沟通,表达理念时,结构化的设计往往更容易理解,也更符合你的表达习惯。当然这需要你大量的实践操作后才会慢慢有所感悟,在此就点到为止了
最我们再回顾下今天的内容,记住三步法:
希望大家在今后的工作学习中,多问自己一句,我这页 PPT 的视觉引导真的合理吗(是否符合页面逻辑、是否符合阅读习惯)。
本文来自微信公众号:Slidecent (ID:Slidecent),作者:林利蒙
广告声明:文内含有的对外跳转链接(包括不限于超链接、二维码、口令等形式),用于传递更多信息,节省甄选时间,结果仅供参考,IT之家所有文章均包含本声明。