강조 표시를 사용하여 뷰어의 눈을 끕니다.
웹 페이지 디자인에서 중점은 페이지의 초점 인 영역 또는 객체를 만듭니다. 디자인에서 한 요소를 돋보이게하는 방법입니다. 초점은 눈을 끌기 쉬운 디자인의 다른 요소 또는 밝은 색으로 된 것보다 더 클 수 있습니다. 웹 페이지를 디자인 할 때 단어 나 구를 선택하고 눈에 띄는 색상, 글꼴 또는 크기를 지정하여 강조 할 수는 있지만 디자인에서 강조를 사용하는 다른 많은 방법이 있습니다.
디자인에 중점을 두는 것
디자이너가 할 수있는 가장 큰 실수 중 하나는 디자인의 모든 것을 눈에 띄게 만드는 것입니다. 모든 것이 동등한 강조점을 가지고있을 때, 디자인은 바쁘고 혼란 스럽거나 심하게 지루하고 매력적이지 않은 것처럼 보입니다. 웹 디자인에 초점을 만들려면 다음과 같은 사용법을 간과하지 마십시오.
- 선 : 대비를 통해 강조를 만듭니다. 여러 요소가 수평이면 하나의 수직 요소가 초점이됩니다.
- 색상 : 디자인의 대부분 요소가 어둡거나 음소거되어 있으면 색상이있는 모든 물체가 눈을 끕니다.
- 모양 : 대부분의 모양이 불규칙하면 기하학적 모양이 두드러집니다.
- 근접 : 여러 항목이 그룹화되고 하나가 그룹과 분리되면 눈이 단일 항목으로 이동합니다.
- 배치 : 예외가 있지만, 디자인의 중심에 배치 된 요소는 대개 눈을 그립니다.
- 무게 : 무거운 요소는 시청자의 주목을 끌고 있습니다.
- 반복 : 요소를 입력하는 간단한 그래픽이 반복되면 눈은 초점까지 반복되는 요소를 따릅니다.
- 대비 : 색상 및 선으로 만든 대비 이외에도 크기, 질감 또는 글꼴 변경으로 대비를 생성 할 수 있습니다. 변경으로 인해 초점 요소가 두드러집니다.
- 공백 : 흰색 (또는 빈) 공간으로 둘러싸인 요소가 초점이됩니다.
웹 디자인의 계층 구조
계층은 크기별로 중요성을 나타내는 디자인 요소의 시각적 배열입니다. 가장 큰 요소는 가장 중요합니다. 덜 중요한 요소는 더 작습니다. 웹 디자인에 시각적 계층 구조를 만드는 데 중점을 둡니다. HTML 마크 업에 의미 론적 흐름을 만들려고 노력했다면 웹 페이지에 이미 계층이 있기 때문에 쉽습니다. 가장 중점을두기 위해 H1 헤드 라인과 같은 올바른 요소를 강조하는 것이 모든 디자인에서 필요합니다.
마크 업의 계층 구조와 함께 방문자의 시선이 화면의 왼쪽 상단에서 Z 패턴으로 웹 페이지를 보는 것으로 인식합니다. 이렇게하면 페이지의 왼쪽 상단이 회사 로고와 같은 중요한 항목에 적합한 장소가됩니다. 오른쪽 상단은 중요한 정보를위한 두 번째로 가장 좋은 배치 위치입니다.
웹 디자인에 중점을 두는 방법
웹 디자인의 강조는 여러 가지 방법으로 구현 될 수 있습니다.
- 의미없는 마크 업을 사용하여 스타일이 없어도 강조를 제공하십시오.
- 디자인에서 글꼴이나 이미지의 크기를 강조하거나 강조하지 않도록 변경하십시오.
- 대조 색상 을 사용하여 강조하십시오.
- 크기가 중요합니다. 페이지 또는 화면의 거대한 단어가 즉시 주목을받습니다.
- 공백으로 초점을 포위하십시오.
- 주의를 끌기 위해 단어 나 이미지를 반복하십시오.
종속 관계는 어디에서 적합합니까?
Subordination은 초점 포인트를 만들기 위해 디자인에서 다른 요소의 톤을 줄이면 발생합니다. 한 가지 예는 흑백 배경 사진에 배치 된 밝은 색상의 그래픽입니다. 초점 뒤의 배경과 섞인 음소거 된 색이나 색을 사용하여 눈에 띄는 경우에도 동일한 효과가 발생합니다.