为了在PPT中做出大火的新拟态风格,我掉了108根头发

大家好,我是粒子!

最近发现了一种新的设计风格,大家称它为新拟态「soft ui」,听起来就很高级,它就长这个样子。

看起来是不是很像那啥雕?没错,我说的就是浮雕。

所以,通俗点说,它就是一种页面的凸起效果,算是立体效果的一种,但是却更接近投影效果,但又有着明显的区别。

不难发现,投影是悬浮在页面之上的,而新拟态风则不会离开页面,具有一定的厚度。

这就像一束左上角的光照在物体上,向光的一面反射出光的明亮,而逆光的一面则形成阴影

这种简约而现代的风格,让我一见钟情。

而作为一个有着强大职业素质的PPT技师来说,没有什么是不能用PPT实现的。终于,在掉了108根头发后(其实是看遍了各种推文),我征服了它。

看下面,是不是效果还不错?

这篇文章,就教你从五个维度,搞定一份这样的新拟态PPT

新拟态风格最大的特点就是阴影,只要稍加观察就能发现,无非就是一个白色阴影和深色阴影组合而成,所以在PPT中,我们只需要加两个阴影就行了。

1、新建两个圆角矩形

2、分别给两个圆角矩形添加不同角度的阴影。

   ![](https://mpt.135editor.com/mmbiz_png/FSQebm93AiaWD9zpeUftmGBkHo1nldaL0yibpNiaA1AspagP8b7SlAnaJ3ia2rbFLMCSh8vn3XvTRf43jk3QOiar6ZQ/640?wx_fmt=png)

3、之后,将阴影的参数调整到合适的效果,其中左上调整为白色阴影,右下调整为深色阴影。

   ![](https://mpt.135editor.com/mmbiz_png/FSQebm93AiaWD9zpeUftmGBkHo1nldaL02WdzIJw8ONbxkibMydkr9tPfEsPHhLpXrk3uYpBvmiafUF4XicbzKnYmw/640?wx_fmt=png)

4、最后,我们将两个图形重叠在一起,将颜色填充为与背景色相似的颜色,就完成了,是不是很简单?

   ![](https://mpt.135editor.com/mmbiz_png/FSQebm93AiaWD9zpeUftmGBkHo1nldaL0Cvia0QwFMK27yic7egHPAicCDkBGia8Smvd9tq3aAys6aW9B53P7plBO3Q/640?wx_fmt=png)

给自己做个文字海报试试。

除了常见的浅色模式,还有一种暗色模式,相比之下,暗色模式似乎多了一些质感

这种质感就像是物体棱角处的反射。那么,在PPT中怎么实现呢?

其实我们只需要添加一个渐变描边」就行了。来看看无描边与有描边的区别。

1、首先,我们给矩形添加一个方向为45°的渐变线条(为了清楚,使用红色表示)。

2、调整渐变光圈的数量、位置和透明度到合适的位置,这样,一个具有质感的按钮就完成了。

按照自然规律,有凸就有凹,如果我们把凸起的按钮按下去,就得到了一个凹陷的按钮。

但是在PPT中,凹陷是不能通过两个色块的叠加而实现的。怎么办?

其实我们可以通过渐变从而模拟出阴影的效果

1、首先制作白色阴影:给一个形状设置为渐变填充,渐变类型设置为「路径」,删掉多余的光圈,只保留一左一右两个渐变光圈。

接着将左边光圈向右移动到合适的位置,透明度改为100%,同时将所有光圈的颜色调整为白色,设置适当的透明度。

2、第二个矩形设置左上角的「内阴影」,设置合适的阴影参数。

3、最后,我们以白色阴影形状在上,深色阴影形状在下的层级顺序将两个形状叠加,一个凹陷的效果就完成了。

有时,我们需要调整阴影不同的透明度,从而达到更和谐的效果,尤其是在不同的颜色模式上。

这也是为什么在上面的参数中只说合适的原因,要是说了具体参数结果做出来不一样,我就要被打了。

以上,凸起和凹陷的效果都会做了。那如果我们将凸起和凹陷合体,会得到什么效果呢?试一下。

有没有发现,不同参数的阴影,最终表达出来的效果也是不一样的。

以上,完成了新拟态风格的物理特点,但还有一个最重要的,那就是它的色彩特点。

在主视觉的选择上,新拟态风格一般使用与背景接近的颜色,辅以高对比度的色彩作为强调色。

如果我们的主色不使用与背景相似的颜色会是什么效果?

很明显,凸起的效果变得微乎其微了,即使它的阴影特点还在。

不过,色彩的风格既是新拟态风的特点,但同时也是局限。低对比度的色彩导致阅读性不佳,在实用性方面大打折扣。

新拟态的风格比较适合用在卡片式的排版中,常常与投影搭配使用,效果更好。比如人物介绍

数据展示。

又或者是制作LOGO墙。

(@PK阿锴

来一张个人简历

(@Think PPT)

最后,来做一个白日梦。

(@Think PPT老师说要开给我的工资)

不过,大面积使用的话还是更需要考虑一下演示条件,毕竟它的缺点在投影条件不足的情况下,会被无限放大。

以上,就是今天的内容,你学会了吗?

后台回复:新拟态,即可获得本文的部分案例(拿到案例格式刷刷一刷,一个复制拟态就诞生了!)

-END-


原文链接:为了在PPT中做出大火的新拟态风格,我掉了108根头发

版权声明:粒子漫游 发表于 2020-03-22 8:20:57。
转载请注明:为了在PPT中做出大火的新拟态风格,我掉了108根头发 | AboutPPT

暂无评论

暂无评论...