用户界面-实线边框还是虚线边框?何时使用哪个



我目前正在为某些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。

为了强调,我使用颜色、粗体或背景色。边框有时会与"可点击"混淆,所以要小心使用。

相关内容

  • 没有找到相关文章

最新更新