新拟态是什么风格？
新拟态把整个界面捏在同一块柔软的表面上：每张卡片、每个按钮、每个旋钮都从同一片淡蓝灰里凸起或凹陷，只靠成对的明暗来塑形。
新拟态速览
新拟态（Neumorphism，也叫 soft UI）是一种界面风格：每个元素都用和背景相同的材质做成。表面是一整片淡淡的冷调蓝灰；卡片、按钮和旋钮既不悬浮在它上面，也没有描边，而是要么从平面里凸起，要么向里凹陷，只靠右下方的一道暗影和左上方的一道白光塑形。效果像是被光捏出来的柔软哑光塑料。
它的构成很简单。只有一个基础色，近乎单色；形状的圆角很大，转角看上去是压出来的，而不是切出来的；阴影成对出现，一暗一亮，是赋予元素形态的唯一手段；按下的状态通过反转阴影来表现，元素看起来被按进了表面；字体安静，颜色强调很少。
这种风格以安静而有触感的美闻名，也以它的弱点闻名：因为所有元素共用一种颜色，只靠阴影区分，所以很难看出什么是激活的、什么能点、什么是开着的。这里描述的版本保留了原有的克制，并用一点红色和明确的内凹按下态解决了这个问题，让人始终看得出什么是开着的。
新拟态从何而来？
这种风格的诞生日出奇地明确。2019 年秋天，设计师 Alexander Plyuto 在 Dribbble 上发布了一张拟物风格的手机银行应用概念图。这张作品在 2019 年 11 月 8 日被存档，并在 2020 年初传遍设计圈。几周之内，世界各地的设计师都在临摹那种柔软、像模压出来的按钮和卡片，模仿元素似乎从同一块表面里“长”出来的样子。
名字紧随其后。Michal Malewicz 是一位写作界面趋势教程与评论的设计师，他给这种外观取名 Neumorphism，是 new 与 skeuomorphism 的合成词，这个名字就此固定下来。中文设计圈通常称它为“新拟态”，表达的是同一个意思。Jason Kelly 是围绕这种风格及其实际应用的讨论中另一个相关的名字。2020 年上半年，这种风格在 Dribbble 和设计圈推特上广泛传播，是一个潮流在几周之内横跨全球设计社群的清晰例子。
要理解它为何流行，得把它放回当时的语境。到 2019 年，不少设计师对前几年两种主导风格已经厌倦：一边是彻底扁平的设计，另一边是 Material 式的分层表面。新拟态提供了第三条路，一种后扁平、后 Material 的拟物复兴。它给屏幕重新带回了物理感，却是克制的，没有早期拟物界面那种皮革纹理和油亮按钮。它有触感，却不照搬现实。
它同时也成了潮流文化局限的案例。由于这种风格诞生于设计分享平台上的概念图，评判标准先是好不好看，然后才是好不好用。批评者立刻指出了弱点：元素之间的差别如此之小，控件难以找到，状态难以读懂。这里描述的系统，就是对这种批评的回应。它保留近单色的平面、哑光塑料质感和大圆角，并补上了原作图中缺失的明确红色指示和内凹按下态。
新拟态的视觉特征是什么？
同一块共享表面
背景、卡片和按钮都由同一种淡淡的冷调蓝灰做成。这是这套风格的决定性一招。因为没有任何东西与周围的颜色不同，界面读起来像一件整体雕出来的物体，而不是若干分离的图层。它平静、统一、有触感，但这也意味着所有层级都得靠形状和阴影来承担。
成对的明暗投影
每个凸起的元素都带两道阴影：右下方一道暗影，左上方一道白光。它们合起来暗示一个来自左上方的光源，让元素看起来是从表面里顶出来的。这一对阴影必须成对使用，并在整个界面里保持方向一致，因为光线一不统一，错觉立刻就破了。
凸起与内凹状态
静止的按钮从表面凸起；按下时，阴影反转，元素看起来被按进了表面。这种内凹状态就是这套风格表现“正在作用”的方式，也是它能成为可信控制面板的原因。开关、滑块和旋钮采用同样的逻辑，在凸起与内凹之间切换，以表示关或开。
宽大的圆角
转角使用大圆角，卡片和按钮看起来像塑料的小枕头，而不是长方形。旋钮和图标按钮常用正圆。形状的柔和与阴影的柔和相呼应，尖角会显得格格不入，因为它暗示的是切割，而不是模压。
用红点标出开启状态
这种风格最著名的弱点是看不出什么是激活的。这里的解决办法是一点红色强调：一个小圆点、一条线或一个标签色，标出当前打开的东西。红色用得很省，并且永远代表状态。因为界面的其余部分是单一的冷色，这一点暖色一眼就能被看见。
哑光而安静的字体
字体用干净的无衬线体，颜色是中深灰而不是纯黑，字重适中。标签放在控件旁边，不与控件争夺。因为形状已经承担了视觉趣味，文字刻意朴素，避免大号装饰性标题。
谁塑造了新拟态？
Alexander Plyuto 是那位设计师，他在 Dribbble 上发布的拟物手机银行应用概念图（2019 年 11 月 8 日存档）引发了这股潮流。他的作品展示了仿佛由同一块表面压制出来的按钮和卡片，2020 年初起，世界各地的设计师纷纷临摹。
Michal Malewicz 是撰文介绍这种外观并给它取名 Neumorphism 的设计师兼教育者。他的教程帮助把一张走红的图片变成了一种可辨认、别的设计师能学着用的风格，他造的这个词如今已是它的通用名称。
Jason Kelly 是围绕新拟态及其界面设计应用的讨论中另一个相关的名字。他与 Plyuto、Malewicz 一起，属于那群在这种风格迅速传播期间，用作品和评论塑造了人们理解方式的人。
今天怎么用新拟态？
新拟态适合那些想让人感觉像实体设备的产品：智能家居面板、音乐播放器、计时器、健康类应用、控件不多而清晰的金融仪表板，以及任何围绕开关、滑块和旋钮构建的界面。它最适合控件数量少、每个都值得被注意的场合。对于密集的数据表、冗长的表单，或者无障碍依赖元素之间强对比的屏幕，它是个糟糕的选择。
做幻灯片，把这种风格用在封面和概念页上，而不是一页接一页的密集内容。封面可以是一整页淡蓝灰，上面一枚凸起的圆形徽章承载标题或标志，配柔和的成对阴影。内容页可以在表面上放一两张凸起的卡片，文字保持简短。数据页要想成立，图表就得简单：凸起的柱条，内凹的进度轨道，以及一个标出关键数字的红色标记。
做网页与应用界面，围绕单一基础色和一致的光源方向来搭建。按钮、卡片和输入框与页面同色，静止时是凸起阴影，按下或聚焦时是内凹阴影。开关和滑块是天然的适用对象，开启状态用红色指示。避免把文字直接放在低对比的凸起表面上，除非足够深、读得清楚，并且始终提供第二个线索，比如标签或图标，让状态永远不只靠阴影来传达。
做编辑与营销内容，这种风格在首屏和产品展示中最有效。一个设备样机、一个旋钮或一组控件，以柔软塑料的质感呈现，是很强的视觉中心。周围的文案要简省。对于长文，阅读区保持扁平，只在导航或交互模块里使用新拟态元素，因为大面积的软阴影表面长时间看会累。
最常见的错误是只靠阴影，让用户分不清什么能点、什么是激活的。持续使用红色强调和内凹按下态来避免这一点。第二个错误是光线不统一，不同元素的投影方向各异，立刻就显得不对。第三个错误是把对比拉得太高，使阴影看起来像沉重的投影，毁掉柔软、模压出来的质感。保持平面近乎单色，阴影温和。
新拟态 · 常见问题
什么是新拟态？
新拟态（Neumorphism，亦称 soft UI）是一种界面风格：元素与背景由同一种材质做成，仅靠右下方的暗影和左上方的白光塑形，看起来像从同一块淡色表面里凸起或凹陷。这个名字由 new 和 skeuomorphism 合成。
这种风格是从哪里来的？
它起于 Alexander Plyuto 在 Dribbble 上发布的拟物手机银行概念图（2019 年 11 月 8 日存档）。这种外观在 2020 年初走红，Michal Malewicz 将其命名为 Neumorphism。它属于继扁平与 Material 设计之后的一波拟物复兴。
为什么它在无障碍方面受到批评？
因为所有元素共用一种颜色，只靠阴影区分，控件可能难以找到，状态难以读懂，对低视力人群尤其如此。这里描述的版本用红色强调标出开启状态，加上明确的内凹按下态，并建议再配标签或图标等第二线索来缓解。
它和传统拟物风格有什么不同？
经典拟物风格细致地复制真实材质，如皮革、木头和亮面金属。新拟态只保留模压、有触感的形态，去掉所有纹理，只用一块哑光表面和近单色的色彩。它是克制的、后扁平时代的复兴，而不是对物体的字面模仿。
光源方向该怎么选？
沿用原有的惯例：右下方是暗影，左上方是白光，暗示光从左上方来。最重要的是一致：整个界面里每个元素都用同一个方向，表示按下态时是把这一对阴影反转，而不是改变方向。
