这是例子，根据您的喜好进行调整：

优缺点

-

这种风格的主要好处是"新鲜"（至少持续很长时间）。它为界面带来了"新感觉"，并使其脱颖而出。它也可以与其他样式混合使用，这样就避免很呆板整个画面变成这种柔软凸起的效果。

到目前为止，有一些问题需要解决。我们发现了两个主要问题：

1. 可见性

2. 易用性

- 可见性

图形与背景对比度的主要问题是，当它们都是相同的颜色时，就没有可测量的对比度；客观上存在阴影，因此我们可以近似并尝试测量其外部的第一个像素。在上面的示例中，我们得出了这些对比度值。

如您所见，现代材料卡片和新拟态化卡片的对比度都非常低。并且卡片本身并不用于主要的操作控件上（只是一个背景），只要我们保持按钮突出并具有足够高的对比度，就可以了。

两者之间的差异很小，如果我们想为卡片使用更好的对比度，我们就必须这样做：

而且由于几乎没有人会尝试使用如此强烈的阴影，这意味着其余UI元素必须可访问。这种假设得出的结论是，如果我们通过版式，相近度和与重要元素的对比来进行正确的层次划分，那么这些卡片/凸起的塑料卡片并不那么重要。

尚未对此进行测试（我将尝试找到时间做这件事），但现在我们假设下面元素的两个"版本"均为"确定"。即使有些人看不到阴影，也有足够的对比度让他们看到图标并"使用它"。

- 易用性

尽管"按钮"看起来像按钮，但是如果图标本身与背景形成鲜明对比，它将仍然有效。 因此，这里要记住的主要事情是，如果要使用这种样式，请以足够高的对比度保留所有重要元素。

毕竟，大多数"现代材料"卡片视图也不会通过阴影来做对比。

仅仅是卡片吗？

-

但是，如果我们决定将组件用作按钮而不是卡片，则会出现可访问性的主要问题。

我们可以像下面的示例一样轻松创建带有内部阴影的按下状态。

对比度测试

这里的问题实际上很大。

此按下状态的对比度太小，不足以表示差异。是否可以通过改变的其余部分来表达按钮的状态，这里有一些想法，例如使用轮廓和填充图标，下划线或甚至用颜色填充按下状态。