Сплошная граница или пунктирная граница? Когда использовать что?

Question

В настоящее время я использую пунктирную рамку для определенных элементов пользовательского интерфейса, таких как инструкции, заметки, поля ошибок и т. Д.

Но недавно я перешел на сплошную границу из-за требования, но я нахожу это немного странным.

Кажется, что, делая его твердым, он делает слишком большой акцент на элементах страницы, которые являются просто информационными.

Каковы ваши взгляды?

Answer 1

Я полагаю, что предмет спора здесь контрастный. Ваш мотив использования пунктирной рамки - уменьшить контраст по отношению к фоновому визуальному элементу, в котором она содержится.

Вы можете добиться того же эффекта, используя приглушенный цвет (например, оттенок светло-серого на светлом фоне), чтобы его акцент не отличался от использования пунктирной рамки.

Вы также можете обойти требование, используя более тонкую ширину границы, если это возможно.

Кстати: о каком интерфейсе мы говорим? Windows или веб?

Answer 2

Я использую пунктирные границы для обозначения «вы можете перетащить что-нибудь поверх этой области». Также известен как «цель падения».

Для выделения я использую цвет, жирный или фоновый цвет. Границы иногда путают с «кликабельными», поэтому будьте осторожны с ними.

Answer 3

Это сложный вопрос, потому что он очень субъективен. В наши дни многие новые веб-сайты (включая переполнение стека) полностью пересекают границы и используют более тонкую разницу в цвете фона основного цвета для разделов с акцентированным содержимым, как вы упоминали (инструкции, заметки и т. Д.). Когда я вижу пунктирные линии, я по сути связываю их с аббревиатурами или аббревиатурами:

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

Поэтому я бы рекомендовал держаться подальше от пунктирных границ.