Neumorphism - 在线制作轻拟物 UI 设计按钮

可以通过这个工具分解出新拟物化 UI 是如何设计的,此外它还能生成 CSS 代码并应用到网页上

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

Neumorphism - 在线制作轻拟物 UI 设计按钮

新拟物介绍

Neumorphism - 在线制作轻拟物 UI 设计按钮
新拟态 UI 风格与扁平、投影风格的对比

从上面这张对比图可以看出,扁平风格就像是一张纸贴在墙面上,投影风格像是浮在半空中,而新拟态风格则像是墙面上直接凸起了一块。

实现

新拟物化主要是通过阴影来实现的,通过阴影实现凸凹两种质感

Neumorphism - 在线制作轻拟物 UI 设计按钮

例子

参考页底Demo

相关链接

下载权限

查看
  • 免费下载
    评论并刷新后下载
    登录后下载

查看演示

  • {{attr.name}}:
您当前的等级为
登录后免费下载登录 小黑屋反思中,不准下载! 评论后刷新页面下载评论 支付以后下载 请先登录 您今天的下载次数(次)用完了,请明天再来 支付积分以后下载立即支付 支付以后下载立即支付 您当前的用户组不允许下载升级会员
您已获得下载权限 您可以每天下载资源次,今日剩余
Designer

怎么在网页中调用Font Awesome图标?

2020-5-20 22:09:38

WordPress 技巧:防止遭受恶意 URL 请求

2019-2-5 16:57:36

⚠️
Npcink上的部份代码及教程来源于互联网,仅供网友学习交流,若您喜欢本文可附上原文链接随意转载。
无意侵害您的权益,请发送邮件至 1355471563#qq.com 或点击右侧 私信:Muze 反馈,我们将尽快处理。
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索