实心边框或虚线边框？何时使用哪个？

Question

我目前对某些用户界面的东西如指令，笔记，错误框等使用了虚线边框。

但是最近由于需求，我改成了一个坚实的边框，但是我只是觉得它有点奇怪。

看起来，通过使它坚实，它过于强调页面元素，这只是信息。

您对此有何看法？

Answer 1

这是一个难题，因为它很主观。现在有许多新网站（包括Stack Overflow）完全去掉了边框，并使用主体颜色之间的更细微的背景色差异来表示重音内容部分，如您提到的（说明，注释等）。当我看到虚线，我本质上它们与缩写或首字母缩写是这样的：

<abbr style="border-bottom:1px dotted #000;cursor:help;"> 
    <span style="cursor:help;" title="Cascading Style Sheets">CSS</span> 
</abbr> 

因此，我建议住从虚线边框了。

Answer 2

我认为这里的争论点是对比。使用虚线边框的动机是减少与包含它的背景视觉元素的对比度。

您可以使用柔和的颜色（例如浅色背景上的浅灰色）实现相同的效果，以便强调与使用虚线边框不同。

如果可能的话，您可能还希望通过使用较窄的边框宽度来规避要求。

BTW：我们在谈论什么接口？ Windows还是Web？

Answer 3

我使用虚线边框来表示“您可以在该区域顶部拖放某些东西”。也被称为丢弃目标。

为强调，我使用颜色，粗体或背景颜色。边界有时会与“可点击”混淆，所以要小心。