我目前正在为某些UI内容使用虚线边框,如指令、注释、错误框等。
但最近,由于一项要求,我改成了一个坚固的边界,但我只是觉得有点奇怪。
看起来,通过使其坚固,它过于强调页面元素,而这些元素只是信息性的。
你有什么看法?
我认为,这里的争论点是对比。你使用虚线边框的动机是减少与包含它的背景视觉元素的对比度
您可以使用柔和的颜色(例如,浅色背景上的浅灰色阴影)来实现相同的效果,这样它的重点就不会与使用虚线边框有所不同。
如果可能的话,您可能还想通过使用更薄的边框宽度来规避这一要求。
BTW:我们在谈论什么界面?Windows还是web?
这是一个难题,因为它非常主观。如今,许多较新的网站(包括Stack Overflow)完全避开了边界,并在主体颜色之间使用了更微妙的背景色差异,用于强调内容部分,如您所提到的(说明、注释等)。当我看到虚线时,我会将其与缩写或首字母缩略词联系起来,如
<abbr style="border-bottom:1px dotted #000;cursor:help;">
<span style="cursor:help;" title="Cascading Style Sheets">CSS</span>
</abbr>
因此,我建议远离虚线边界。
我使用虚线边框的意思是,"你可以在这个区域上拖放一些东西"。也称为Drop Target。
为了强调,我使用颜色、粗体或背景色。边框有时会与"可点击"混淆,所以要小心使用。