User interface 实心边框还是虚线边框？什么时候用哪个？

我目前正在使用虚线边框来表示某些UI内容，如说明、注释、错误框等

但最近，由于一项要求，我改为使用实心边框，但我觉得有点奇怪

看起来，通过使其坚固，它过分强调了仅仅是信息性的页面元素

---

你的观点是什么？

这是一个很难回答的问题，因为它非常主观。现在很多新的网站（包括堆栈溢出）完全放弃了边框，在你提到的强调内容部分（说明、注释等）的主体颜色之间使用了更微妙的背景色差。当我看到虚线时，我本质上将它们与缩写或首字母缩略词联系在一起，如下所示：

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

CSS

---

因此，我建议远离虚线边界。

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

您可以使用柔和的颜色（例如，浅色背景上的浅灰色阴影）来实现相同的效果，以便其强调与使用虚线边框没有区别

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

---

顺便问一下：我们谈论的是什么界面？Windows还是web？

我使用虚线边框表示“您可以在该区域顶部拖放某些内容”。也被称为下降目标

为了强调，我使用颜色、粗体或背景色。边框有时会与“可点击”混淆，因此请小心使用