實心邊框或虛線邊框？何時使用哪個？

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

我使用虛線邊框來表示「您可以在該區域頂部拖放某些東西」。也被稱爲丟棄目標。

爲強調，我使用顏色，粗體或背景顏色。邊界有時會與「可點擊」混淆，所以要小心。