웹 페이지의 모든 링크에 밑줄이 밑줄이되어야합니까?

https://stackoverflow.com/questions/604277

03-07-2019
|

문제

모든 링크가 링크처럼 보이도록 강조되어야한다는 규칙이 있습니까? 예를 들어 바닥 글로 링크가 밑줄이없는 많은 사이트를 보았습니다.

해결책

규칙은 없지만 사용자가 기대할 때 디자인을 행동하게 만드는 것은 좋은 디자인입니다 (대부분의 사용자는 텍스트의 링크가 밑줄을 긋기를 기대합니다). 따라서 밑줄을 긋지 않으면 클릭 할 수있는 모습을 확인하십시오. 보다: http://www.useit.com/alertbox/20040510.html

나는 개인적으로 텍스트에 밑줄을 긋지 않는 링크를 견딜 수 없습니다 (스택 오버플로 참조). 텍스트를 문지르지 않아도 클릭 가능한 것이 무엇인지 확인하십시오.

다른 팁

나는 아니요, 요즘 링크를 강조하는 것은 꽤 거칠다. 이 사이트에 밑줄이 그어진 텍스트가 보이십니까?

규칙은 없지만 웹 페이지의 링크가 주변 텍스트에서 눈에 띄는 경우 사람들이 사이트를 탐색하는 데 도움이되며,이를 수행하는 편리한 방법 중 하나는 밑줄을 긋는 것입니다. 그렇게하면 원하는대로 색칠 할 수 있지만 여전히 눈에 띄게됩니다.

와 같은 스택 오버플로 예를 들어. = p

하고 싶은대로하세요. 개인적으로, 나는 내 사이트에서 더 "버튼 같은"느낌에 대한 밑줄이없는 링크의 깨끗한 모습을 좋아합니다.

링크는 일반 텍스트와 구별 할 수 있어야합니다. 당신이 그들을 밑줄을 긋거나 색상을 바꾸어 그렇게한다면 당신의 결정입니다. 밑줄은 고전적인 방법입니다.

링크를 밑줄을 긋지 않아도됩니다. 밑줄이 읽기 어렵고 우리가 상속받은 기본 기본 표준이 잘못되었다고 주장합니다.

그러나 링크는 있어야합니다 일관된. 다시 말해, 링크가 색상이나 스타일이 무엇이든 가능할 때마다 사이트 전체에서 동일한 색상과 스타일을 고수하십시오. 한 가지를 빨간색으로 클릭 할 수없고 다른 것을 녹색으로 클릭 할 수 없습니다.

그리고 그렇습니다. 우리는 때때로 스택 오버플로 에서이 규칙을 위반합니다. 이 질문의 제목은 클릭 가능한 링크이지만 링크 색상이 아닙니다.

밑줄을 사용하기 위해 내가 본 가장 큰 주장 (한동안 어디에서 왔는지 지적 할 수는 없습니다)는 접근성입니다. 링크 색상을 변경하면 색상을 볼 수있는 특권이있는 사용자에게는 충분할 수 있지만, 색맹 인 사람들에게는 다른 차별화없이 링크를 찾으려고 노력하는 극단적 인 문제가있을 수 있습니다.

나는 밑줄이 가장 깨끗한 모습이 아니지만 위에서 언급 한 접근성을 포함한 많은 프로와의 즉각적인 "사용 방법을 알고있는"밑줄이 그만한 가치가 있다는 것을 포함하여 끔찍해 보이지 않는다는 것을 알았습니다. 본인은 본문의 링크와 관련 하여이 점에 대해 이야기합니다. 주요 사이트 내비게이션에서 바닥 글 및 기타 명백한 장소에서 물론보다 자유롭게 사용자 정의 할 수 있습니다.

오래된 스레드를 부활시킨 것에 대해 유감스럽게 생각하지만, 밑줄이있는 링크에 대한 색맹 인 논증을 아무도 언급하지 않았기 때문에 앞으로이 글을 읽는 사람에게는 그만한 가치가 있다고 생각했습니다.

그것의 미적 결정 - 가장 잘 보이는 것은 당신에게 달려 있습니다. 이런 종류의 것을 정의하는 웹 표준은 없습니다.

텍스트가 일반 텍스트가 아니라 링크라는 다른 시각적 큐를 사용자에게 제공 할 수 있습니까? 다른 색상이 작동합니까, 아마도 스타일인가요?

시각적으로 밑줄은 단순하고 보편적이지만 어려운 규칙은 없습니다. 그냥 분명하게 만드십시오.

반드시 필요한 것은 아니지만 사용자가 링크를 호버링하면 대신 밑줄을 긋을 수 있습니다. 그리고 링크는 더 대담하거나 다른 색상으로 눈에 띄어 야합니다. 파란색은 우수한 하이퍼 링크 색상입니다.

당신이 따라야 할 "규칙"은 없습니다. 사람들에게 실제로 그 단어가 링크라고 말하는 일반적인 인터페이스 협약입니다. 당신이 그들을 밑줄을하지 않기로 선택했다면, 당신은 명확하지 않은 경우 사람들에게 어떤 단어가 링크인지 보여줄 다른 방법을 찾아야합니다.

링크가 페이지에서 링크가되는 한 괜찮아 야합니다.

예를 들어:

나머지 텍스트와는 다른 색상입니다

호버의 색상 변화

배경색이 있습니다

그것들을 말하는 어려운 규칙은 없습니다 ~ 해야 하다 밑줄이 들지만 링크가 눈에 띄는 차이 일반 텍스트 (그리고 항상 '핸드'커서와 같은 링크 커서를 표시해야합니다).

그러나 일반적으로 사용자는 누군가가 링크가 될 것으로 예상되는 것과 일치하지 않는 것보다 밑줄이 그어진 링크를 더 빨리 인식한다는 것을 인정합니다.

링크는 화면 위로 마우스를 떠나지 않고도 구별 가능하고 클릭 할 수 있어야합니다. 일반적인 레이아웃에서 멀어지고 싶다면 친구를 갖는 것이 가장 좋습니다. 문제 나 딸꾹질없이 페이지에서 페이지로 탐색 할 수 있다면 페이지는 괜찮습니다. 그렇지 않으면 접근 방식을 재고해야합니다. 잘 생긴 사이트를 갖는 것은 좋은 일입니다.

링크에 컬러 텍스트 만 사용하면 밑줄이 불필요 해집니다.

디자인이 높은 대비 링크 색상을 허용하지 않는 경우 라인 아래에서 사용해야 할 수도 있습니다.

내가 정말로 싫어하는 것은 링크가 아닌 텍스트를 강조하는 사이트입니다.

페이지는 일관성을 유지해야합니다. 하나의 링크가 밑줄이 밑줄이 밑줄이 있으면 모두 있어야합니다. 밑줄이 그어진 링크가 마음에 들지 않으면 큰 거래는 없습니다. 더 나은 UI를 위해 동일하게 유지하십시오.

모든 웹 디자인의 중요한 것은 명확성입니다. 링크에 밑줄을 긋지 않으면 최소한 일관된 렌더링 방법 (예 : 백 또는 앞 색상)과 사용자에게 직관적 인 시각적 피드백을 제공하여 링크가 호버의 밑줄, 마우스 아이콘 변경과 같은 것을 나타내는 직관적 인 시각적 피드백을 제공해야합니다. 또는 이전의 앞쪽 또는 뒷면 색상의 변경.

이러한 것들을 테스트하는 가장 좋은 방법은 모형을 만들고 그란을 입히는 것입니다. 그녀가 처음 이해한다면 당신은 그것을 명확하게 만들었습니다!

행복한 코딩.

나는 어느 쪽이든 신경 쓰지 않는다. 거의.
적어도 파란색 밑줄은 사용자가 링크로 식별한다는 명확한 신호입니다. 잘 확립 된 컨벤션과 브라우저 기본값. 그렇기 때문에 대부분의 웹 디자인 기사가 타이포그래피 효과를 피하기위한 조언.
그리고 나는 링크처럼 보이지 않는 링크를 싫어합니다. 예를 들어 최근에 나는 검은 텍스트와 짙은 회색 링크가있는 사이트를 찾았거나 동일한 글꼴의 링크를 찾기가 어려웠습니다 (마우스로 스캔하지 않는 한! ACK!).
마찬가지로, 방문하지 않은 링크와 구별 할 수있는 방문 링크를 유지하는 것이 좋습니다. 좋은 탐색 도움말입니다.

페이지에서 눈에 띄는 것이 유용한 속성인지 실제로 달라집니다.

예를 들어 Wikipedia는 라인을 벗어납니다. 이는 기본값에 남은 경우 페이지의 절반이 밑줄을 긋는 것을 고려할 때 좋은 일입니다.

링크가 아닌 것이 분명한 한, 밑줄이 그어진 링크를 제거하는 것이 완벽하게 수용 가능하다고 생각합니다.

라이센스 : CC-BY-SA ~와 함께 속성

제휴하지 않습니다 StackOverflow