嗨,各位木友们好呀,我是小木。
在做信息对比的页面时,有不少人可能会下意识添加“vs”来辅助表达:
又或者把很多内容简单摆放在页面上:
以上的形式,都没有很好的展现出对比的逻辑来,甚至读取信息都很费劲。
其实要做好对比页面很简单,只需先判断属于哪种对比关系,在此基础上进行视觉优化即可:
平等关系的对比信息之间,没有高低之分,可以使用完全一致或者明暗相近的色彩:
高低关系的信息之间,色彩的明暗对比就会更强烈,比如亮色和灰色、深色和浅色等等,让观众一眼看出信息的主次:
接下来通过几个案例来加强一下大家的理解。
▎平等关系
这页是工作中很常见的两组信息的对比,但原稿的表格并没有在视觉上体现出来:我们可以先把表格的标题和正文在视觉上体现对比,接着添加图标丰富画面:
由于这里的两段信息只是对比不同点,并无高下之分,所以我们用了同样的颜色:
只是目前的页面还比较单调,我们可以把封面底部的图片拿来叠压在卡片上,增强层次感:另外,我们还做了一版中心对称的版式,看着是不是也不错呢:
不过,上面这些优化主要是视觉层面,信息传达上还有可以改进的地方。
因为对比的内容有多项,并且每项内容字数不少,所以观众不一定能快速理解以及定位想要的信息。
不过总结这样的内容也不是简单的事,有些小伙伴看到这或许会有些望而生畏。莫慌~我们可以把这页PPT发给AI,让它帮我们提炼,几秒钟就搞定:
▲国产AI大模型:Kimi
再看这页PPT,原稿这一大段内容对观众来说真是灾难,获取信息很麻烦:仔细梳理过后,你可以发现,这一大段信息,无非就是讲了小米两个版本车型的参数对比:
将重要的参数提炼出来,做成表格后再进行对比,是不是一目了然:
当然,你同样可以用AI来帮你把这段话转换成表格,并且这表格还可以直接复制粘贴到PPT里编辑:
由于这是同一系列的两款产品,也无高下之分,所以两组信息视觉上也是一致的设计。此时右边有些空,添加产品图和logo来丰富视觉即可:当然,如果你想将两个产品分两个模块去介绍,这里可以找来一张有两辆车的图片。
看完以上案例,相信大家对平等关系的对比页面有了更深的理解。我们接着来看高低关系。
▎高低关系
原稿的内容在电商产品详情页很常见,用同行的普通/传统产品对比我方的全新高科技产品,营造一种全方位吊打同行的感觉:但是原稿大段文字很难让读者快速对比关键信息;并且虽然用了两种颜色,但都是饱和度很低所以偏灰的颜色,视觉上像是两个很糟的产品在菜鸡互啄....接下来分别插入蓝灰色和亮蓝色的色块承载内容,以此强化两组内容的对比:另外,为了辅助读者理解,我们还可以提炼出参数的对应信息作为表头:想要增强对比的感觉,我们还可以在两个色块中间插入一个矩形,将信息布局在中间:
这样优化后,对比的感觉是不是出来了?
除了产品对比页面外,这种形式还可以用在问题与对策、传统与创新等关于新旧、好坏等对比的内容上:
▎总结
以上就是常见的PPT对比页面设计思路了,最后来个总结:1)平等关系:信息之间没有高低之分,可以使用完全一致或者明暗相近的色彩。2)高低关系:信息之间色彩的明暗对比更强烈,比如亮色和灰色、深色和浅色等等。
如果你想学习更多实用的PPT技巧,欢迎每周五晚8点,来我们直播间:
PPT系统学习,推荐开通【木友圈】PPT学习社群会员,解锁1万+页PPT模板,7门AI+PPT系统课程,每周打卡训练。社群原价488元,直减100元!一次开通,终身有效!