为什么2020年初爆火的新拟物化设计，完全无法落地使用？

新拟态设计（Neumorphism UI）是 2020 年 UI 设计的要趋势之一，你可在 dribbble 上看到很多作，拟态是基于New+Skeuomorphism  英单词的拼写。它是一种使对象阴影的模糊、角和强来突显对象的样式。由于柔和的阴影和整体的外观，使该设计看起来更的逼真、未来、现代、真实、有吸引。

是实说，这不是最实用设计。尝试设计和上线以「新拟态」为体调性品，很有可能让所有失望，括你们事、用户和可访问性用户（目前有 5700 美国患有某程度残疾。在上网用户，有 54% 成年是残障士，来于：W3.org）。

根据 W3 的说法，web 和移动端的访问包括影响访问的所有障碍，包含：

• 听觉
• 认的
• 神学
• 物理的
• 语言/说话
• 视觉

仅拟态而言并支持：视觉、认知、物方面设计。

让我们深入地讨论为什么新拟态 UI 和 可访问性是法共存。

免责声明：我不是访问和新拟态方面的设计家，文旨在分享一有关新拟态的一想法。下面使用的 dribbble 品仅供参考，以突出我在此问题上的观点。没有一丝评价、嘲笑、不尊重以下设计师的意思，果你的设计在下面展示，并且你希望我尽快删除，请及时联系我。

视觉

新拟态对视力低下、失明、盲的用户来说，辨识差。

△ https://dribbble.com/shots/10006635-Neumorphic-Rebound-of-Nomad-iOS-UI-Kit

当设中重 CTA 按钮时，常考虑并注意使它重点突出，并且页面易被识别阅读。但，当使用新拟态的设风格时，诸如对比度之类的东，因按钮的质与背景相同的，唯一将它们分的角度各种柔的阴影。

△ https://dribbble.com/shots/9393020-Mi-Remote-Control-Mobile-app

根据 W3.org 关于移动端可访问性的描述：

与台式机/笔记本电脑设备相，移设备更可于各种环境中，包括户外。在户外，阳光或他强光源更可产生眩光，这种情况了对有户使良好对的重要性，并可剧视低的户在移设备上访问对差的容的挑战性。

与比度问题相关 WCAG 2.0 成功标准是（原文地址：https://w3c.github.io/WCAG21-zh/#contrast-minimum）：

• 1.4.3条：对（最小值）（AA级），要求对至为 4.5:1（大号本及大本图像至保持 3:1）。
• 1.4.6条：比度（增强）（AAA级），要求比度至少为 7:1（大号文本以及大文本图像至少保持 4.5:1）。

认知

新拟让用户思考。

△ https://dribbble.com/shots/9592062-Neumorphism-Smart-Home

一般来说，带有阴影的元素通没有阴影的视觉上更突。但是，使拟态设计时，大多数元素都会漂浮并脱颖而，在一个屏幕上互相竞争，户很难轻易解页面中的视觉层次和信息层级系，这会导致界面缺适当的焦点，从而在眼追踪中成混乱。

界上缺少信息层级关系结，会用户决策过程以及他们思考过程生大影响。此，如存在多个可操作内容，是信息层级，不突出，这会让用户在前流程或页上生困惑，很难理解正在发生事情。从而可能导致误判断和误操作，好 UI/UX 不需要让用户思考。

认和学习障碍影响人们处理信息的方式。例，它们以影响人们的感、忆、语言、注意力、决问题和理力。类别和条件的术语各不相同，包括智力残疾、育障碍、注意缺陷动障碍（ADHD）、自闭症、痴呆症、诵读障碍等。

△ https://dribbble.com/shots/9916835-Neumorphism-Smart-Home-app

物理

新拟态造成混乱：

• 可以点击吗？
• 择了么？
• 不是什么？
• 是点击的吗？
• 还不？

对象的阶由/外阴影决定和标识。由于拟态围绕着各种阴影色调和角变，因此户禁要问，可点击与可点击之间的界限在哪里。

△ https://dribbble.com/shots/9938821-Smart-home-app

个使用新拟态品都可以根据其功能和要求有自己 UI 设计规范，是由于阴影、度和浮动平不，由于缺乏致性，迷失了可操作项，「新拟态」可能会用户带来麻烦，最终为残疾用户造成身体障碍。

触操的元素应该够清晰，以便与不操的元素（内容、状态信息等）明确区分。提供元素操的明确指示与具有操元素（按钮或链接）的 web 和机移动应用程序相关，尤其是在互模式中，操元素通常以视方式检测（触摸和鼠标使用）。互元素还必须由依赖编程确定的访问名称的用户（例屏幕阅读器用户）检测到。

△ https://dribbble.com/shots/9838619-Music-Player-Neumorphism-Rebound-shot

从 dribbble 始的新拟态的设计趋势，应该要在追随前认地思考，是否适用？是一个问题。

设师可以自由实践探索他们倾向于哪种趋势或风格……我只这里展示解释什么「新拟态」「可访问性」不能并存。我也不阻止练习的设技巧（如果的话，我鼓励每人练习他们的技巧探索他们的法，但希望，考虑它可能对残疾用户的影响以及特殊场景下的实用性的思考）。

不过，之前在另一篇文章中说过，会再说一次：现在是 2020 年，作为一个计，认为必须重新评估在计实际产品的计方式。不能为所有人计，但要排除残疾用户。在可访问性和使所有数字产品都可访问方面，还有长的路要，但是它必须要在某一个地方开始。例如，它可以从把新拟抛在脑后开始，而从那起专注于开发一种在美学上令人愉悦但实用、现实的计。谢谢。

注作者微信公众号：「UX Talk」