2020 年最火的新拟物化设计怎么做？这个在线神器一键生成！

新拟物化 UI 设计（Neumorphism / soft ui）在近段时间流行起来的，我们在 Dribbble 中搜索 Neumorphism 就有很多相关的新拟物化设计作品，这种效果一眼看上去感觉很美，很舒服，但是怎么做出来的呢？今天设计达人分享这个 Neumorphism 在线生成新拟物化 UI 工具，可以通过这个工具分解出新拟物化 UI 是如何设计的，此外它还能生成 CSS 代码并应用到网页上。

Neumorphism

网站地址： https://neumorphism.io

1. 什么是新拟物化 UI设计？

在设计达人看来这种 UI 很适合用来做概念设计的产品，当然实际应用中也可以尝试，因为视觉效果确实是很不错。我们来看看关于新拟物化的 UI 作品，让大家进一步了解它是什么样子的。

更多新拟物化设计的介绍：

2020 年最火的新拟物化设计趋势，快来了解下！

@布莱恩臣：日前，在网上流行起了一种叫 Neumorphism 的新风格，也有人称为 Soft UI，这是一种类似于浮雕的效果。

阅读文章 >

2. 如何实现新拟物化UI设计效果？

直接参考下图的设置

大家先看这个图，新拟物化主要是通过阴影来实现的，通过阴影实现凸凹两种质感。

△ 新拟物化UI设计参数图

使用Neumorphism在线工具

推荐大家用 Neumorphism 在线工具来快速实现新拟物化 UI 效果，因为它带有预览功能，所见即所得，比 PS 或 Sketch 上设置更加快捷，而具体的设置参数看对应 CSS 属性值就可以了。

3. 新拟物化UI主要实现方式

给图形添加 2 个阴影，参数要设置大一些，注意两阴影颜色是同一色调，然后分别设置一个亮色一个暗色。这里就不说参数了，如果你调整不出效果，表示你色感方面还需要加强。

模糊设置：Blur 模糊值通常是坐标值的 2 倍，这样效果会明显一点。

凸出的效果就是利用渐变来设置了。

今天就分享到这里，快尝试新拟物化 UI 设计吧，这是 2020 的新设计趋势之一哦。

新拟物化会是2020年的UI设计趋势吗？
没有任何一种风格能成为绝对的主导，新拟物风虽然在近日爆火，但它并不具有普适性和实用性。本文探讨了 6 种将新拟物化风和其他风格相结合的设计方向，供大家参考。

Neumorphism

1. 什么是新拟物化 UI设计 ？

2020 年最火的新拟物化设计趋势，快来了解下！

2. 如何实现新拟物化UI设计效果？

3. 新拟物化UI主要实现方式

新拟物化会是2020年的UI设计趋势吗？

为什么2020年初爆火的新拟物化设计，完全无法落地使用？

从超多案例中，我总结了 2020 年值得关注的 10 个UI 设计趋势

最新趋势

入站必看

设计入门

进阶提升

热门资源

Midjourney

会上瘾的AI绘画工具

AI智能绘画

让AI助你一臂之力

198个AI工具

实用AI智能神器大全

Blender

称心如意的3D设计法宝

Figma

令设计师爱不释手

HMI设计指南

车载设计教科书

直播间设计

生意都在直播间啦

Stable Diffusion

最强开源AI绘画工具

优设热榜

每日必读的行业消息

教你做字库

每个公司都可有字库

设计服务

一站式数字创意服务平台

求职面试

为你用心整理的技巧

B端设计

开始探索B端设计

3D设计

技巧与工具全揭秘

520个必看设计网站

精选全球设计站点

9图！入站必刷

优设重磅设计知识频道

AI自学网

专业全面的AI平台

热门产品揭秘

60秒学1个热门产品亮点

免费图库

高质量的免费可商用图片

私单报价

谢绝帮个忙

优设年度榜单

全年好内容一网打尽

每日一问

你的问题这里有答案

自学就上优优网

优设旗下自学网站

优设主编人气好文

设计风向标

设计师书单

2023年设计书籍推荐

最新免费字体

最值得收藏的频道

活动大赛

这个奖杯等你来拿

推荐！设计专题

相见恨晚的宝藏专题

设计软件自学

免费自学就上优优网

200篇自学文章

设计自学有关的一切经验

设计师禁忌

不可抄袭！注重版权

平面设计

入门指南和经验技巧

配色技巧

看完这里成高手

Behance

1. 什么是新拟物化 UI设计？