我最近开始了一个很小的CSS框架。（如果有兴趣，请访问http://mincss.com）我很快为某些按钮设计了一个初始设计。在征求有关UX StackExchange的反馈（并收到很多良好的反馈）之后，建议我来这里寻求改进建议。
收到UXStackExchange的反馈后，这就是现在的样子。我删除了黑色边框，添加了3px的“阴影”，并删除了1px的斜角：
我要进行平面设计。
我还有3个问题：
我很乐意欢迎（并可能使用）对这些按钮的任何反馈。
Answers:
我认为非常细微的渐变肯定会改善按钮的美观性。由于Windows 8的“ Metro”风格是这种风格的主要支持者，因此我将使用它作为示例：
乍一看，“平铺”看起来像是纯色，但是如果仔细观察，则从左到右会有一个非常小的渐变。它在某些方面比其他方面更引人注目，但他们都有。正如伊塞拉（Yisela）所说，您希望这个梯度几乎不引人注意，几乎是下意识的。
如前所述，在设计平面按钮时，您需要注意一些事项。我要说的第一个是：它看起来像按钮吗？
这不一定只取决于按钮，而取决于UI的其余元素。如果您使用的是平面按钮，建议您在其他地方避免使用类似的形状/样式。您需要保持视觉词汇，以便人们可以立即将这些元素识别为按钮，而不是其他。
阴影对此很有用，因为阴影给人以体积感。因此，它们更容易看到。另外，我们习惯于具有这种效果的按钮。但是，我会考虑使用类似于按钮颜色的颜色。例如，不要使用黑色作为红色按钮，而应使用不透明度为50％的红色。使按钮更明显的另一种方法是添加一个图标（白色，纯色）。
我对渐变会非常小心。不是因为它们不好，而是因为在当前的超级简单趋势中，它们不太适合。特别是如果您使用的颜色或阴影非常不同。一个小的渐变看起来确实不错，但是它必须很小，几乎不引人注意。
简而言之，我喜欢它们的外观。我只会将阴影颜色更改为更浅的颜色，并可能使前景文本也更浅，可能是白色。字体很好，您正在使用良好的填充，效果很好！我看到您正在网站中使用它们，但是在它们下面，您会看到一组柔和的通知，实际上看起来有些相似。我会重新考虑它们的样式，因为它们可能会造成一些混乱，并且我会尝试在整个网站中使用相同的颜色（所有粉彩或所有对比度）。
尽管我可以尊重您做出如此小的按钮，但在制作框架时，您确实需要考虑是否/如何将它们应用于整个网站上的Web。如果要提供按钮，则需要确保提供其他人可能会使用的所有东西，例如表格，表格等。（我确定您仍在使用它）。
如果您还没有的话，请看一下Bootstrap。Bootstrap是一个非常简单，干净的CSS框架，可以轻松地将其改编或集成到另一个网站中，并可能给您一些想法。
现在，就这些实际的按钮而言，我将使用边框，因为这有助于封装组件，并且边框对于许多按钮而言非常常见。我检查了网站，并喜欢悬浮/点击状态，我认为您在这些方面做得很好。
如果要引入渐变，请保持一致，并确保在其他元素上也使用它们，否则您会遇到竞争深度，这会分散注意力。