接着回到正题,最近收到一份来自南方电网的读者给我们投的PPT稿子: ![]() 什么架构图、数据图、大段文字 ……最难处理的问题都集合到这份PPT里了。 不慌,其实这些问题都有设计窍门,我改一下这份稿子你们就懂了~ ▎封面设计 ![]() 在上一篇文章里我就分析过,设计PPT封面无非就是在设计两样东西:文案与背景。 1)文案-让文字之间形成对比 什么叫做文字对比? 比如,咱们先把文字分成若干行,让每行文字的长短都不一样: ![]() 此时文字之间的长短就有了对比。 同理,文字之间的字号、笔画粗细、语言种类(中文与字母)、字色等等维度也可以形成对比: ![]() 2)背景-符合主题且好看 让文字形成对比后,接下来找张好看的图片,把文案放上去即可: ![]() ▲图片下载自freepik 不过,像上面这样直接把文案放到背景上,可能会出现文案看不清的问题。 此时,你只需给图片盖上一个设置了透明渐变色的浅色或深色矩形即可: ![]() 设计好文案与背景,一个帅气的封面就这样搞定了: ![]() ▲深色渐变矩形 ![]() ▲浅色渐变矩形 摸着你32D的胸肌告诉我,这些设计思维会难理解? 另外,文末给你打包了本期文章第三页【数据图表页】的PPT案例源文件,读到最后即可拿到哈。 ▎架构图设计 ![]() 面对这种复杂的架构图,大家可以根据每点内容的等级关系,为它们设计出显眼程度不同的样式。 比如,在第一层架构中,标题应该要比正文更显眼才对: ![]() 同理,第三层架构里的内容,也应该按照等级关系来为它们设计不同显眼程度的样式: ![]() 除此之外,因为架构图这种图表里的元素比较多,容易显得凌乱,所以你还得尽量让元素之间严格保持对齐。 比如,第三层里的内容,如果我们能给它们换种对齐方式,你会发现效果立竿见影: ![]() 把以上“等级+对齐”的原则用在所有架构层中,最终咱们就能得到这样一个整洁清晰的图表: ![]() 当然,有的人会觉得这样的图表看着很单调。 不慌,我们还可以对它继续做些优化。 比如,为枯燥的文字加图标,也可以为页面增大色彩面积,减轻单调感: ![]() ▎图表设计 ![]() 仔细读一下内容,你会发现页面中的大段文字就是在描述下方的两个图表。 因此我们可以按照排版中的“亲密原则”,将图表跟有关联的内容归为一组: ![]() 接着,我希望你记住下面这句话: 在图表排版页中,重点其实不是图表本身,而是你想借这个页面传达给读者什么信息。 比如,仔细阅读第一段内容,你会发现它重点是要突出“新能源比重上升”+“传统能源比重下降”这两个点: ![]() 而在原图表中,以上两个要点并没有被明显突出。 所以,我把原图表拆成了两个,并在图表中着重突出了以上两个要点: ![]() 按照同样的思维,处理一下第二段内容,把数据要点提炼出来,并在图表中加以强调: ![]() 把所有图表排版到一块儿,你会发现因为元素数量过多,所以整体显得有些凌乱: ![]() 不慌,先用几个普通形状拼接出这样一个“卡片”: ![]() 用卡片隔开各个图表模块, 现在看着就有秩序多了对吧~ ![]() 另外,文末给你打包了本期文章第三页【数据图表页】的PPT案例源文件,读到最后即可拿到哈。 ▎三段内容排版 ![]() 这个页面主要问题有两个,一是文字太多,二是色彩面积太大,这都会导致页面看着很拥挤。 1)梳理大段文案 咱们可以先在不影响原意的前提下,为文字提炼出标题,让长文变成短句: ![]() 接着,继续对短句做提炼处理,让短句变成关键词,在此过程中可以用图形来装载关键词: ![]() 完成以上步骤,你就能把原本密密麻麻的文案梳理得重点清晰: ![]() 2)减小色彩面积 一般来说,三段式的内容,最常见的排版方式就是加几个形状,将文案装起来。 但你要记住,别让形状的颜色太明显: ![]() ▼ ![]() 像上图里的形状,只是设置了一个高模糊度与高透明度的【阴影】效果而已。 接着,你还可以往形状里加图片或图标等元素: ![]() 你瞧,几段图文并茂的文案就这么设计好了。 ▎总结 现在我们来看一下最终修改效果: ![]() ![]() ![]() ![]() 你瞧,什么架构图、数据图、大段文字,只要你记住关键的设计思维,其实它们都不难处理。 另外,如果想要本期文章第三页【数据图表页】PPT案例源文件的同学,
|
|