正文共：字17图
预计阅读时间：6分钟
Hello大家好，这里是UIYA体验设计。今天给大家带来的是超炫酷新拟态风格界面的教程。
经常逛Dribbble或者Behance网站的童鞋就会发现，有一种新拟态风格前一段时间流行起来，也叫“Neumorphism风格”。
这是一种类似“浮雕”的微立体呈现效果，介于扁平和3D之间。依靠光影，为元素赋予真实感。
新拟态的关键就在于元素与背景之间的关系处理得非常柔和，富有层次感。
但我们发现，回归到实际中，现在这种风格并没有多少实际落地的产品。
这是因为这种风格本身有些局限性，识别度不高。很容易出现界面“糊掉”的情况，不利于信息的传递，同时也很难区分视觉层级关系。
所以这种风格的适用范围很小，可以尝试在工具类/简单的功能性页面上来落地，这种页面的整体需要呈现的内容相对较少，也较固定，不需要时时更新，这样在视觉上面表达的空间更大一些。
我们分享这种设计方法，并不是说一定要将某种流行的风格，生搬硬套在我们产品的界面上，而是学习一种思路，效果的参数都是死的，而真正掌握了之后，就能活学活用、举一反三，使得自己具备创新思维，打造自己产品的特色。
今天我们就以计算器的界面为例，来打造一个新拟态风格的计算器界面。
总结主要有几点
页面中有一个光源，元素左上角亮色投影，右下角深色投影；元素与背景的对比较弱；布局上凸出表示未选中，凹进去表示已选中。
源文件下载