단색 테두리 또는 점선 테두리? 어느 것을 사용해야합니까?

Question

지침, 메모, 오류 상자 등과 같은 특정 UI 항목에 점선 테두리를 사용 중입니다.

하지만 최근에는 요구 사항으로 인해 단색 테두리로 바뀌었지만 이상하게 보입니다 .

단색으로 만 표시하면 정보 요소 인 페이지 요소를 너무 많이 강조하는 것처럼 보입니다.

귀하의 의견은 무엇입니까?

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

여기서 논쟁 포인트는 대조라고 생각합니다. 점선 테두리를 사용하려는 동기는 배경을 포함하는 배경 비주얼 요소에 대비하여 대비를 환원시키는 것입니다.

음소거 된 색상 (예 : 밝은 색 배경의 밝은 회색 음영)을 사용하여 동일한 효과를 얻을 수 있으므로 점선으로 강조하지 않을 수 있습니다.

테두리 너비가 더 얇을 수도 있습니다 (가능한 경우).

현재 : 우리는 어떤 인터페이스에 대해 이야기하고 있습니까? Windows 또는 웹?

Answer 3

"이 영역의 맨 위에 뭔가 끌어다 놓을 수 있습니다."라는 의미로 점선으로 표시했습니다. 드롭 타겟이라고도합니다.

강조하면 색, 굵게 또는 배경색을 사용합니다. 테두리는 때때로 "클릭 가능"과 혼동되므로 조심하십시오.