在您的示例中很难说清楚，但是对于明显扁平的图标来说，通过使用微妙的渐变来获得额外的润色是很常见的。

为了使它正确，您应该使用颜色的色调和/或阴影来构建渐变。我发现在 HSB 模型中工作最容易，并仔细调整饱和度和亮度值以在渐变比例上逐步升高或降低。您还可以在0to255.com上插入基色，以查看一系列不错的十六进制选择。

在下面的示例中，您可以看到这两个果岭之间的台阶空间不大。差异足以给小圆圈带来一点轻微的影响。随着渐变距离的增加，颜色之间的分离应该更大。

平面图标没有大量的阴影、斜面和渐变。研究图标，看看用户做了什么。

以绿色标签为例。

它由 4 种颜色组成。

background: #8cb042
center area of tag: #a9c26f
light area of fold: #b5d864
shadow area of fold: #b5d864

如果有渐变或阴影，这对正常的眼睛来说是非常轻微的（而且我无法在图像尺寸下检查它的细节）。不要过度分析不复杂的东西。也许做更多的搜索，看看平面图标设计的简单性。

查看有关使用渐变的本教程

它向您展示了如何操纵渐变工具来获得您想要的效果。

摘自链接：

这将弹出另一个滑块，您可以单击并拖动中心点并更改渐变的原点。您可以通过单击边缘上的一个点并拖动任一方式来更改大小。您还可以通过单击集成的渐变滑块来更改颜色之间的距离。