방향은 의도적으로 시청자의 눈을 한 요소에서 다른 요소로 안내합니다.
좋은 페이지 디자인의 요소들 - 인쇄용이든 웹용이든 -은 이동의 방향과 밀접하게 연관된 방향의 개념입니다. 페이지 디자인의 요소는 의도적으로 시청자의 눈을 페이지의 한 영역에서 다른 영역으로 안내합니다. 눈을 직접 지시하는 데 사용되는 일반적인 세 가지 방향은 다음과 같습니다.
- 가로 - 페이지 나 화면을 선이나 다른 요소로 좌우로 반으로 나누면 눈을 디자인의 위쪽 절반에있는 각 요소로 이동 한 다음 페이지를 나눌 수평선 또는 요소 아래 부분으로 이동합니다 .
- 세로 - 길고 좁은 두 개의 텍스트 열 또는 좁은 두 개의 좁은 사진 또는 그래픽 요소가 두 개있는 경우 세로 방향으로 디자인되어 있습니다. 눈은 한 열의 맨 위에서부터 맨 아래로 흐른 다음 두 번째 열의 맨 위로 이동합니다.
- 대각선 - 대각선 또는 삼각형을 디자인에 사용하면 특히 대각선 방향 레이아웃이 많이없는 웹에서 눈이 포착됩니다.
모든 페이지 디자인은 가장 중요한 요소를 배치함으로써 확립 된 지배적 인 방향을 가지고 있습니다.
디자인에서의 방향 사용
웹 디자인에서 방향은 페이지의 이미지에 의해 결정되는 경우가 가장 많지만 페이지에 유형 또는 그래픽 요소를 배치하고 화살표가있는 경우에는 방향을 지정할 수도 있습니다.
인쇄 및 웹 디자인에 방향을 포함시키는 방법
다음과 같은 방법으로 웹 디자인에 방향을 도입하십시오.
- 피사체가 어느 방향을 향하고 있는지 확인하려면 이미지를보십시오. 그림의 사람들이 오른쪽을보고 있으면 페이지의 왼쪽에 이미지를 배치해야합니다. 그렇지 않으면 사진에서 눈의 방향에 따라 독자의 눈이 페이지에서 멀어집니다. 당신은 어떤 사람들이 페이지의 측면을 바라 보길 원치 않습니다.
- 레이아웃을 사용하여 방향을 제안하십시오. 사진과 같이 조밀 한 요소를 가로, 세로 또는 대각선으로 배치합니다. 텍스트와 같이 덜 밀집된 요소는 둘러싸고 있습니다.
- 선, 이미지 또는 HR 태그를 사용하여 움직임과 방향을 제안하십시오. 수평선은 조용하고 눈을 페이지에서 왼쪽에서 오른쪽으로 부드럽게 움직입니다. 수직선은 위에서 아래로의 이동을 나타내고 대각선은 페이지의 한 영역에서 다른 영역으로의 이동을 강력하게 나타냅니다.
- 불평형 요소는 방향과 움직임을 나타냅니다.
방향과 움직임에 영향을 미치는 레이아웃 특성
눈은 대개 페이지에서 가장 큰 요소로 이동합니다. 큰 사진이거나 큰 헤드 라인 일 수 있습니다. 다음으로 움직이는 곳은 디자인에서 방향의 기능입니다. 좋은 디자인에서 눈이 다음에가는 장소는 페이지가 전달하려고하는 메시지의 중요한 부분으로 연결됩니다. 다음 중요한 객체에 대한 페이지의 첫 번째 큰 객체의 동작은 다음을 포함하여 여러 가지 사항에 의해 영향을받을 수 있습니다.
- 색깔. 밝은 색상은 중성 색상보다 더 빨리 눈을 끌게됩니다.
- 제도법. 포인팅 핑거 또는 화살표로 인해 눈이 특정 방향으로 보입니다.
- 모양. 페이지를 통과하는 모양 (나선형 또는 한 요소에서 다음 요소로 이동하는 점선)은 경로를 따라 눈을 운반합니다.
방향을 결정하는 방법
방향을 나타 내기 위해 페이지를 디자인하는 방법을 모르는 경우 웹 페이지를보고 실험하여 게시판을 인쇄하여 눈이 먼저가는 곳과 그 다음에가는 곳을 식별하십시오. 그런 다음 일어난 이유를 찾아보십시오. 눈을 한 요소에서 다른 요소로 이동시키는 디자인 요소를 인식하면 자신의 디자인에서 이러한 요소를 사용할 수 있습니다.