하이퍼링크 a_HTML/Xhtml_웹페이지 제작의 표현형식 및 오픈방법

관련 기사: 하이퍼링크를 표시하고 여는 방법
표현방식
사용자나 디자이너가 겪는 문제:
1. 사용자는 링크인지 여부를 알 수 없습니다. 링크인지 여부를 확인하려면 대상 위에 마우스를 올려 손 모양으로 바꿔야 합니다.
2. 링크 색상을 통일하는 것은 인터페이스 디자인에 도움이 되지 않습니다.
분석:
baidu/google로 표시되는 파란색과 밑줄은 클릭 가능/클릭 가능한 링크를 직접적으로 반영하는 가장 고전적인 링크 스타일입니다. 그러나 서로 다른 웹사이트에는 고유한 스타일이 있으며 모든 웹사이트를 동일한 링크 스타일로 만드는 것은 불가능하므로 디자인에 큰 제한이 따릅니다. 링크를 추천 클릭(기사 제목 등), 클릭 가능한 프롬프트(저자 이름, "추가", 단락 내 링크 등), 기능 링크(탐색, 버튼 등)로 나눕니다.
해결책:
클릭 가능한 링크를 권장하고 기본 링크 색상을 설정하면 사람들이 이 색상의 글꼴을 볼 때 파란색과 같이 링크가 클릭 가능하다는 것을 알 수 있습니다. 이 색상은 일반 텍스트 색상보다 더 어두워서 구별하기 쉽도록 하세요.
클릭 가능한 링크에 대한 팁 이 링크의 색상은 주변 텍스트와 동일하게 디자인되는 경우가 많으므로 밑줄을 긋는 것이 가장 좋습니다.
내비게이션 링크, 버튼 등 기능적 링크는 한눈에 클릭 가능하며, 색상이나 밑줄로 구분할 필요 없이 디자인을 맞춤 설정할 수 있습니다.
개방 방식
사용자가 겪는 문제:
1. 팝업창이 너무 많아 화면 전체를 가득 채우고 심지어 컴퓨터가 정지되기도 합니다.
2. 이 페이지는 모두 점프합니다. 이전 페이지의 다른 내용을 보려면 뒤로 돌아가야 합니다.
분석:
대부분의 기존 웹사이트는 사용자 화면을 차지하는 팝업 링크를 좋아하는 반면, 2.0 웹사이트는 이 페이지로 이동하는 것을 좋아하고 팝업이 매우 불친절하다고 생각합니다. 사용자가 이전 페이지로 이동하여 다른 링크를 클릭해야 하는 이유는 무엇입니까? 현재 페이지에 이전 페이지에 대한 링크가 없거나 이전 페이지에 기사 목록과 같이 동일한 수준에서 필터링 가능한 콘텐츠가 있기 때문입니다. 사용자에게 이상적인 여는 방법은 이 페이지로 이동하거나 새 탭을 여는 것입니다.
해결책:
뉴스 제목 세트와 같은 목록 스타일 링크는 이와 같은 링크에 팝업 창을 사용합니다.
탐색, 카테고리, 페이징, "더 보기" 및 기타 유사한 링크와 같은 기능 링크를 사용하면 이 페이지로 이동하여 창을 열 수 있습니다.
친숙한 링크 단락 내의 텍스트 링크와 같은 외부 링크는 팝업을 사용하여 창을 엽니다.
사용자는 마우스 오른쪽 버튼을 클릭하고 '새 탭에서 열기'를 선택하거나 브라우저를 '항상 새 탭에서 팝업 열기'로 설정하여 열 수 있습니다.