前言

什么是新拟态(Neumorphism) UI 风格?网上似乎还没有一个准确统一的定义。按照我个人的通俗理解,就是将界面的一部分凸起来,另一部分凹下去,形成的一种错落有致的拟物风格。代表作是乌克兰设计师 Alexander Plyuto 在各平台发布的新作品「Skeuomorph Mobile Banking」

UI

对比

新拟态 UI 风格与扁平、投影风格的对比

对比

实现

新拟态 UI 风格的实现方式

要实现这种风格,精髓在于一个白色的阴影+一个常规阴影。一个示例如下图所示:

实现

目前优哥找到一个可以在线生成这种UI的Neumorphism CSS 在线生成器地址:https://neumorphism.io

有需要的小伙伴可以去查看一下。

Last modification:September 3rd, 2020 at 11:48 pm
请优哥喝可乐,请随意赞赏