你知道吗？国外火爆的新拟态风格，教你如何用PPT制作效果
经常混设计圈的朋友们都发现了，最近在国外火爆的新拟态风格。
这名字听起来挺新颖的。那么到底什么才是新拟态的设计风格呢？
我们先来通过几个作品，看下新拟态风的庐山真面目。
怎么样？这种设计风格你爱上了吗？其实这种新的设计风格，正在颠覆我们审美疲劳的扁平风格，能带给我们新的视觉体验。
01.新拟态风的起源
起因是源于2019年11月5日，来自乌克兰的设计师 Alexander Plyuto 在追波和ins上发布了下图的一张作品。
目前作品在追波平台收获赞量4000+，浏览量23W+，一路飙升至追波2019年pop排行第一热门的作品，同时在ins上的传播也是异常的火爆，获得很多设计的喜欢，评论顿时炸开了锅。
其中有设计师称呼这种风格为“Neumorphism 新拟态”或者“Soft UI 软UI”，于是这种叫法慢慢传开。
02.新拟态风的优势
至于好在哪里，我们通过对比的方式，你就会一目了然。
以上三个图标，你更愿意点哪一个？
相信很多人会选择新拟态，因为这种设计风格看上去更清新，也更精致，与背景的契合度更高，对用户的吸引力也更大。
那么，这种风格的设计，一定要借助PS才能实现吗？PS的确可以实现，但不是唯一途径。
运用PPT也是可以做出新拟态风格的设计，而且真的一点都不难，保证你看完后，2分钟就能学会。
03.PPT制作新拟态效果
下面手把手教大家在PPT中，用2种方法来制作新拟态的效果。
我们以这个矩形为例：
方法1：将形状柔化边缘
①在PPT中插入一个圆角矩形，然后再复制两个圆角矩形，再分别为三个圆角矩形填充：纯白色、背景色和深蓝色。白色圆角矩形作为亮光，深蓝色圆角矩形则作为阴影。
②对白色圆角矩形进行柔化边缘设置，参考数值设置 35 左右。
③对深蓝色圆角矩形也进行柔化边缘设置，参考数值设置也是35 左右。
设置完成后如下：
④最后将两个柔化边缘处理后的圆角矩形，分别放在填充背景色圆角矩形的左上方和右下方，再加上文字，就大功告成了。
方法2：设置形状阴影
①插入一个圆角矩形，然后再复制一个相同的圆角矩形，填充背景色。这里填充背景色用取色器就可以了。
② 为第一个圆角矩形添加白色的阴影，注意阴影颜色以及角度的变化，参考数值如下图：
③ 为第二个圆角矩形添加深蓝色的阴影，参考数值如下图：
完成后就是下面这个样子：
④ 最后，将两个圆角矩形居中对齐，加上文字即可。
以上就是用PPT制作新拟态效果的方法了，看完之后，想不想打开PPT照着步骤做一遍。
你知道吗？国外火爆的新拟态风格，教你如何用PPT制作效果相关推荐
- 一个div压在另一个div上面_【CSS小分享】用CSS画一个新拟态风格键盘
什么是新拟态 新拟态的英文名称是"Neumorphism",也有人称为"Soft UI". 简单讲,新拟态是一种图形样式,其原理是通过模拟真实物体来为界面的UI ...
- python获取最新学术文献_快解锁新姿势，教你如何用Python搞定文献搜索和科研图片！...
相比实验论文,发表SCI应该更让科研狗们重视和焦虑. 起初看到读博的同学发表SCI论文,心里面就已经酸了,后来「本科生发数篇 SCI」的新闻屡见不鲜,现在甚至连小学生都跑出来分一杯羹-- 前段时间,B ...
- python批量检索文献_快解锁新姿势，教你如何用Python搞定文献搜索和科研图片！...
相比实验论文,发表SCI应该更让科研狗们重视和焦虑. 起初看到读博的同学发表SCI论文,心里面就已经酸了,后来「本科生发数篇 SCI」的新闻屡见不鲜,现在甚至连小学生都跑出来分一杯羹-- 前段时间,B ...
- 前端新拟态UI风格按钮，button按钮点击凹陷效果
新拟态代码实现 复制以下代码运行查看效果 <!DOCTYPE html> <html lang="en"><head><meta char ...
- 用React做一个新拟态计算器
React Calculator 首先,先看成果(codepen): 项目中我使用到的技术: HTML.CSS.JavaScript三件套 React SCSS 本项目是freeCodeCamp上的其 ...
- Neumorphism.io一个神奇的网站，满足各种圆角矩形ICON图表立体化效果要求，这种样式的名称——新拟态
关于"新拟态"的自定义解释在我的早起博客中,传送门https://blog.csdn.net/qq_37860634/article/details/107034976 访问htt ...
- 【新拟态】左上角标签样式、ICON图标样式、模仿AppStore的应用图标
效果如图↑ <!doctype html> <html lang="en"> <head><meta charset="UTF- ...
- android新拟态实现方法,Android 新拟态UI （Neumorphism）
前言 本文转自github,只是进行了图片的处理和部分翻译,已获作者授权 截至首次发文前找到的原作者的文章地址-May,17,2020若找到本文章更新的时间节点,请私信我更新. 原作者github地址 ...
- UI素材模板|新拟态新趋势图标ICON
3D是一种界面风格.拟态是一种设计原理,其中界面元素模仿现实世界的对象. 经过无数次沉浮之后,拟态化已经以" 新拟态 "(Neumorphism)的名称重生. 细节,阴影和照明都可 ...
最新文章
- 1.NET 4.6.1向.NET core 2.0项目迁移(HelloWorld篇）
- QPainter中坐标系变换问题
- switch 根据键盘录入成绩 显示分数及判断等级（第三次）
- 中航工业集团金网络（北京）电子商务有限公司副总经理刘正珩：航空“智”造的供应链支撑平台...
- archlinux yaourt安装 以及出错细节 database file for archlinuxfr does not exist.
- C++ 偏微分数值计算库_一文带你了解计算流体力学CFD及其应用领域
- vue2.x 父组件监听子组件事件并传回信息
- 支付宝小程序自定义键盘-车牌号键盘
- 我的一周年创作纪念日
- 重难点详解-关系代数表达式
- Python-数值类型
- mac电脑显示隐藏文件方法
- 基于STM32F4的CANOpen移植教程（超级详细）
- Writeback和Writethrough区别
- ModelSim： Module is not defined
- 数据分析师会被算法取代么？
- Unirech：阿里云国际版账户无法登陆，为什么账户会被风控？
- ip地址映射-方便开发微信公众号，小程序等
- 2022.1.3bili上面登录：139 733xxx
- Android Studio 4.1 发布