表单元素的不同的背景颜色

Question

我应该为表单输入设置背景颜色吗？或者这确实是一个主观问题？

就我个人而言，我认为有一种形式的背景色，有点使它更有条理和干净。

您对此有何看法？

Answer 1

我经常看不到的两种技术是在提交表单后突出显示背景颜色when they are focused while filling out a form和when a validation error occurs的输入字段。您可以将这两种技术与正常输入的微妙样式结合使用，以匹配您网站设计的其余部分。

Answer 2

要完成其他答案，您还应该考虑accessibility issue，特别是如果您为表单输入选择的颜色有可能与您可能使用的其他颜色混合，例如：

来自输入字段的
• 颜色
• 字符颜色（如果值不正确，并且您将字符设置为红色，例如）
• 数据不正确时可能会显示的图标或警告的颜色......
• 等

边框（意为“用于界定输入表单的图形方式）”也可能是隔离该表单的好方法，而不仅仅依赖于颜色。

简而言之，您可以考虑始终使用两者的组合：颜色和图形方式来强调GUI元素。

Answer 3

这实际上取决于网站其他部分的布局。在我看来，以某种方式使表单偏移是好的，即使只有顶部/底部边框 - 通常你可以使整个页面内的小盒子。但是，对于像注册系统这样的东西，你也可以把整个页面变成一个形式 - 越不舒服的额外内容越好。

Answer 4

这是非常主观的。

颜色的重要性在于：a）它们不应该破坏性和分散注意力，并且b）你应该非常非常符合它们的使用。

同样的规则适用于所有其他视觉元素，例如图形，字体，不是。