Neumorphism - CSS新拟态设计风格生成器
分享复制链接
新浪微博
QQ 好友
扫一扫分享
什么是新拟态
「新拟态」英文名Neumorphism，也有设计师称为 Soft Ui（软UI）。起因是源于2019年11月5日，来自乌克兰的设计师 Alexander Plyuto 在追波和ins上发布了下图的一张作品，作者说明信息：“让我们想象一下，如果在移动界面设计中，投影的形式发展的更好的话，那将来的界面将会是什么样的，这是我的愿景。”，一时间广受设计师追捧，“新拟态”风潮迅速风靡各大设计网站，简单来说就是一种类似浮雕的效果，介于扁平与投影之间，它是一种使用对象阴影的模糊、角度和强度来凸显出对象的样式，由于其柔和的阴影和新颖的外观，让设计看起来更加的逼真、未来、现代、有吸引力。
传统扁平化设计和新拟态设计的比较
传统的扁平化设计：
扁平化概念的核心意义是：去除冗余、厚重和繁杂的装饰效果。而具体表现在去掉了多余的透视、纹理、渐变以及能做出3D效果的元素，这样可以让“信息”本身重新作为核心被凸显出来。同时在设计元素上，则强调了抽象、极简和符号化。
扁平化的优点：
降低移动设备的硬件需求，延长待机时间
可以更加简单直接的将信息和事物的工作方式展示出来，减少认知障碍的产生
扁平化设计更简约，条理清晰，最重要的一点是，更好的适应性
扁平化的缺点：
降低用户体验，在非移动设备上令人反感
传达的感情不丰富，甚至过于冰冷
新拟态的特点：
有且只有一个光源照射
组件与背景对比度比较弱
常常用于卡片和按钮
凹凸的真实质感
因为对比度的原因，它不如扁平的简洁直观
