美文网首页PPT
知乎热评的MIUI12,我总结了10个PPT设计手法,全都教给你

知乎热评的MIUI12,我总结了10个PPT设计手法,全都教给你

作者: 自律的音律 | 来源:发表于2020-04-28 10:55 被阅读0次

    本文总计:2760 字

    预计阅读时间:7 分钟

    昨天,刷知乎的时候,看到热榜有这样一个问题:

    如何评价 4 月 27 日发布的 MIUI12?有什么优点和不足?

    于是我去 B 站,回放了一下发布会视频,发现这次的设计细节非常多,排版与动画都很精致。

    之后,我又去刷了一遍 MIUI 的官网,对其中的设计手法进行分析,里面有超多的设计思路,可以运用到 PPT 设计制作中来。

    我总结了里面的 10 个设计手法,带大家一起,向大厂学设计。

    1. 巧用形状制作封面页

    官网的原图是这样的:

    在 PPT 里,这就是一个不错的封面页案例,我给大家拆解一下:

    首先,我们插入一个平行四边形,在自带的形状里面就有,放大后,旋转一定角度。

    然后,我们使用“英豪插件”,编辑形状-圆角工具。

    我这里将圆角半径设置为 7 厘米,具体自己看喜好设置就行,得到下图:

    之后我们复制一页,插入一张照片,与多边形进行布尔运算-相交。

    再把之前的形状复制到图片的上方,设置透明度为 2%。

    并复制一份多边形,逆时针旋转一定角度后,填充为浅灰色,置于底层,得到下图:

    最后把文字放上去,左对齐,一个时尚简约的 PPT 封面页就制作完成了。

    当然,如果不喜欢用平行四边形,也可以直接用圆角矩形来做哈。

    2. 平铺图片作为背景

    官网的原图是这样的:

    这种设计手法,在很多 PPT 作品中都有出现,能够提高图版率,让页面看起来更丰富美观。

    之前有一篇文章的封面图,用的这个思路:高校答辩PPT,没有校徽怎么行!

    其实方法很简单,我们先把图片加边框,或者用色块衬底,平铺对齐后组合到一起。

    再逆时针旋转一定角度:

    最后在上方,添加一个色块,调整透明度后添加文字即可。

    同样的手法,我们简单修改下,又是一种版面,很适合用来做多图排版。

    3. 使用文字云当背景

    文字云,也可以用来提高图版率,官网的原图是这样的:

    特点就是,其中的很多内容颜色或透明度降低,放大高亮其中的部分内容。

    这样设计,可以让我们把视觉聚焦到特定的内容上,常用来强调重点。

    同样的设计手法,我在之前的文章配图中也用到过:

    这个的操作比较简单,只是放大、改颜色或透明度、改字号即可,就不详细讲了。

    用文字云当背景的设计手法,在海报设计中也经常能看到,简单举两个例子参考一下:

    4. 图片设置三维格式排版

    先来看两张官网的图:

    平时我们的图片,都是直接平铺的,但看多了也容易腻,偶尔设置一下三维效果,会让版面更加灵活多变。

    我简单从官网下载几张图,放到 PPT 里面给大家做个示范:

    分别选中图片,在三维旋转中,设置为透视向左或向右,再错落排版。

    分别为图片添加阴影,最后把文字放上去,简单的多图排版就搞定了。

    这种手法,在 APP 截图的排版上很常用,搭配样机使用效果更佳。

    5. 图片拼接法进行对比

    这也是设计中很常见的一种手法,经常用来进行图片间的对比,先看官网的图:

    中线分开,两侧的图有明显的不同,形成比较强烈的对比,比文字更有说服力。

    这种思路在 PPT 里也很常见,经常用在 Before&After 栏目中,用来对比显示美化前后的效果。

    简单举例说明,我们先把两张图放到 PPT 里面:

    把他们对齐重合后,使用“裁剪”功能,分别保留一半图片。

    如果觉得对比不够明显,或者比较乱,可以把他们组合后缩小,在中间添加一条细线,最后加上说明文字即可。

    再给大家看一下,这种设计手法在海报中的运用:

     

    6. 卡片式设计丰富版面

    当一页 PPT 里面的文字内容很少时,直接放文字上去,页面会很空,来看看官网是怎么设计的:

    使用卡片风格,把内容框起来,再添加其他素材辅助,提高了图版率,让页面更加丰满。

    简单举个 PPT 中的例子:

    这种方法,在工作汇报的总结页,或者学术答辩的简介页,都很常见,简单又实用。

    7. 使用毛玻璃风格

    这种风格,在早些年小小的流行了一波,如今 PPT 里面用的很少,没想到这次 MIUI 里居然又用到了,咱们先看图:

    可以观察一下特点,下层的图片是清楚的,但是上面覆盖了矩形,有种透过毛玻璃观察的感觉,若隐若现。

    那么,在 PPT 里如何实现呢?

    首先我们插入一下图片,为了对比效果,我先复制一份适当缩小。

    右键打开图片格式设置,选择艺术效果为“虚化”,拉大半径,我设置的是 50

    如图,效果出来了,要是觉得还不够模糊,可以再加大半径。

    之后简单加点字,毛玻璃作品就搞定了。

    是不是感觉欣赏不来,那是因为不同时期的大众审美,是在变化的,这风格以前有很多女孩子很喜欢。

    接下来,再给大家拓展一下,这种风格的实用方法,还是先看图:

    我们把清晰的图放在上方,虚化的图置于底部,可以让视觉聚焦到中间,常常用来突出重点内容。

    同样的用法,也可以在图片质量不高,只有小图的时候使用:

    这种设计思路,在制作绘本 PPT,或者其他只有模糊小图的时候,特别管用。

    8. 数据图表突出展示

    先给大家看下官网的图:

    可以看到,这里面的图表,用了上面讲到的卡片式设计,放大显示更加突出。

    之所以单独拿出来讲,是因为涉及图表的排版,很多人不会意识到要去突出显示。

    多数人的图表,是简单放在 PPT 里面的,大概是这样子:

    看起来还比较简约,实际上却存在一定问题的,这时候图表没有明确的边界,尤其当背景比较花的时候,会显得比较乱,视觉上不够统一。

    我简单修改一下,对比看看效果:

    在图表的下方,添加一个白底色块,并设置浅灰色的线条,同时放大数据图表。

    这样做,可以提高图表的页面占比,让数据更清楚,同时使图表看起来边界分明,更利于视觉统一。

    9. 深色背景搭配彩色渐变

    深色背景有利于提高图版率,看起来更高大上,看看官网的例子:

    分析这张图的特点,深色背景上,使用彩色渐变的文字,更活跃明亮,吸引注意力。

    同时,把数据放得很大,视觉冲击感更强。

    在 PPT 中,也可以使用这种设计手法:

    拓展一下,在深色背景上,还可以使用渐变色来填充图表。

    尤其是柱状图,对单个柱形填充渐变色,可以快速聚焦,突出重点数据。

    10. 特殊图表的美化与使用

    先举个官网的例子感受一下:

    乍一看就是个环形图,但是仔细看的话,色彩填充的两端是圆形,直接使用环形图是做不出这种效果的。

    但是,我们可以用折中的办法,使用环形的圆形线端来做,看图:

    首先我们按住 Shift,绘制一个正圆形,填充设置为无,调整线条颜色和粗细。

    之后我们插入等大的弧形,拖动黄色的控制手柄,设置线条的渐变填充,调整粗细,并把线端类型设置为圆。

    添加说明文字与数值,得到下图:

    再拓展一下,如果学习与工作中,经常需要制作美化图表,可以使用 iSlide 插件里面的智能图表功能,能极大的提高设计效率。

    好了,今天的内容就分享完了,一共从 MIUI12 的官网,学到了 10 种设计手法,希望大家喜欢。

    在后台回复【小米0429】,即可下载英豪插件和 PPT 源文件。

    图片来自网络

    相关文章

      网友评论

        本文标题:知乎热评的MIUI12,我总结了10个PPT设计手法,全都教给你

        本文链接:https://www.haomeiwen.com/subject/fwxvwhtx.html