!
你也想出现在这里?立即 联系我们吧!
信息
当前位置:首页>PPT优质专栏>知乎热评的MIUI12,我总结了10个PPT设计手法,全都教给你!

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

释放双眼,带上耳机,听听看~!

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

如何评价 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 源文件。

图片
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。PPT世界内网友所发表的所有内容及言论仅代表其本人,并不反映任何PPT世界之意见及观点。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索