大数跨境
0
0

用PPT轻松打造「 新拟态设计风 」

用PPT轻松打造「 新拟态设计风 」 锐演PPT
2020-03-13
1
导读:国外流行的新拟态风格,用PPT也能轻松实现。点击获取详细教程,免费赠送模板!
最近在流行的设计网站上都能看到一个新名词,叫做“新拟态风格”。
那么,到底“新拟态一种什么样的设计风格呢?
我们先通过几组作品来感受一下新拟态的魅力。


在2月11号,三星发布会上就用到了这个新拟态的设计手法。
今天就跟大家探讨一下“新拟态”在PPT里的实现方法,文末也会免费分享我们原创设计的新拟态风格的模板。


01.
什么是新拟态?

我们桌面上垃圾桶的图标就是拟态化的典型例子。
相信很多早期就在使用苹果手机的朋友,对其强烈的拟物风格印象非常深刻。
最近,苹果在iOS13系统向最小化设计和轻拟物化发展,给我们带来了无纹理3D视觉感官。这是一种更加轻量化的设计,没有过多的阴影


这种轻拟物化的设计风格,被称之为“新拟态”。


这样现代、简约的风格也是适用于PPT设计里的,实现起来也不麻烦。在后面,我会在实际操作中,提到一些关于新拟态的特点,让我们开始吧。



02.
选对颜色很重要


通过上面的案例,我们不难发现,新拟态风格的元素是由形状+阴影组成的。而阴影又分为高光(亮度高一点)和低光(亮度低一点)。而且元素与背景之间的对比度非常低。


这个时候我们使用一个新拟态的配色网站就可以了
https://neumorphism.io/  
进入之后,输入自己的背景色。


形状我们一般只实现两个效果,即第一个突起的效果和第四个凹陷的效果。


这个时候,下面就会自动生成CSS代码,box-shadow下面有两行代码


这个时候,我们得到了背景色在突起形状的两个阴影颜色
高光 #e7e7e7 
低光 #ffffff
通过此方法,我提前将案例的颜色整理了出来。






03.
如何解决阴影 

分析完颜色之后,我们再来分析阴影。
如图所示,新拟态的光源只有一个,而且与元素成45°。


阴影的实现方法有许多种,这里提供我认为最容易实现的方法。
首先,我们先讲解突起形状的阴影
第一步,拉两个等大的圆角矩形,填充颜色为背景色。


然后将低光的矩形,设置阴影 - 外部 - 右下
阴影的颜色填充为之前设置好的 低光 的颜色


高光的颜色跟前面类似,但是阴影的部分 要选择 外部 - 左上
然后修改调整阴影的 距离、模糊、透明度三个参数。


然后修改调整阴影的 距离模糊、透明度三个参数
这三个参数的设置根据形状大小来修改,没有唯一的设置,只需要自己看上去自然美观就可以了。
到了这一步,基本上就完成了突起形状的阴影了。
我们把两个圆角矩形叠加在一起。


现在,我们来讲解凹陷效果的实现。
操作跟前面类似,但是两个矩形的阴影方向要选择 内部-左上/右上。



修改好颜色等参数之后。
我们把高光这个矩形,填充到低光中,具体操作如下。


那么为什么我们不能用跟凸起阴影一样的操作方法呢?
因为在PPT内,两个形状的内阴影的叠加,是无法叠加的。


当然,网上也有其他的方法可以实现凹陷,例如用路径填充。个人比较青睐这样的操作方法是因为直接填充的话,在不规则的图形也可以轻松实现,但是路径填充则实现不了。

了,至此我们已经讲解完突起和凹陷形状的阴影制作
细节的部分需要大家多去调整。





04.
新拟态PPT模板分享




向下滑动查看更多


模板使用阿里巴巴普惠体(字体已打包,先安装字体再打开PPT)
仅供学习交流使用
模板获取方式:微信后台对话框回复“新拟态”即可下载模板。


【声明】内容源于网络
0
0
锐演PPT
11年高端PPT定制 18688211984从文案策划到PPT定制,一条龙服务,一个真正懂你的创作团队 线下有实体经营 | 靠谱高效保密 | 可签合同开票公对公转账 线上线下高端PPT制作 | 创业大赛 |招商推介融资 |工作总结汇报
内容 78
粉丝 0
锐演PPT 11年高端PPT定制 18688211984从文案策划到PPT定制,一条龙服务,一个真正懂你的创作团队 线下有实体经营 | 靠谱高效保密 | 可签合同开票公对公转账 线上线下高端PPT制作 | 创业大赛 |招商推介融资 |工作总结汇报
总阅读29
粉丝0
内容78