디자인의 균형은 디자인 요소의 분포입니다. 균형은 디자인의 중력을 시각적으로 해석합니다. 크고 빽빽한 요소는 무거워 보이고 작은 요소는 가벼운 것처럼 보입니다. 세 가지 방법으로 디자인의 균형을 조정할 수 있습니다.
- 대칭 균형
- 비대칭 균형
- 불협화음 또는 불균형
디자인에 균형 사용
웹 디자인의 균형은 레이아웃에서 찾을 수 있습니다. 페이지 요소의 위치에 따라 페이지의 균형이 결정됩니다. 웹 디자인에서 시각적 인 균형을 이루기위한 한 가지 큰 도전은 바로 그 것이다. 초기 뷰에서 완벽하게 균형 잡힌 레이아웃을 디자인 할 수 있지만 독자가 페이지를 스크롤하면 균형이 깨질 수 있습니다.
웹 디자인에 잔액을 포함시키는 방법
웹 디자인에 균형을 통합하는 가장 일반적인 방법은 레이아웃에 있습니다. 그러나 float 스타일 속성을 사용하여 요소를 배치하고 페이지 전체에서 균형을 조정할 수도 있습니다. 대칭 적으로 레이아웃의 균형을 조정하는 가장 일반적인 방법은 텍스트 또는 다른 요소를 페이지의 가운데에 배치하는 것입니다.
대부분의 웹 페이지는 그리드 시스템을 기반으로 작성되며, 이는 곧 페이지의 균형 양식을 만듭니다. 눈에 보이는 선이 없더라도 고객은 그리드를 볼 수 있습니다. 웹 페이지는 웹 모양 이 정사각형이기 때문에 그리드 디자인에 매우 적합합니다.
대칭 균형
대칭 적 균형은 요소를 디자인에 매우 균일하게 배치함으로써 달성됩니다. 오른쪽에 크고 무거운 요소가있는 경우 왼쪽에 일치하는 무거운 요소가 나타납니다. 가운데 맞춤 은 대칭 적으로 균형 잡힌 페이지를 만드는 가장 쉬운 방법입니다. 그러나 평평하지 않거나 지루하지 않은 중심의 디자인을 만드는 것이 어려울 수 있으므로주의하십시오. 대칭 적으로 균형 잡힌 디자인을 원한다면 왼쪽의 이미지와 오른쪽의 더 무거운 텍스트의 큰 블록과 같은 다른 요소를 사용하여 균형을 만드는 것이 좋습니다.
비대칭 균형
비대칭 적으로 균형 잡힌 페이지는 설계의 중심선에서 요소가 일치하지 않으므로 설계가 어려울 수 있습니다. 예를 들어, 큰 요소를 디자인의 중심선에 매우 가까이 배치 할 수 있습니다. 비대칭 적으로 균형을 유지하려면 중심선에서 멀리 떨어져있는 작은 요소가있을 수 있습니다. 당신의 디자인이 티터 - 투터 또는 시소 (thesaw-totter or seesaw)에 있다고 생각한다면, 더 가벼운 요소는 무게 중심에서 멀리 떨어져 더 무거운 요소의 균형을 맞출 수 있습니다. 색상이나 질감을 사용하여 비대칭 디자인의 균형을 맞출 수 있습니다.
불협화음 또는 균형 이탈
때로는 디자인의 목적에 따라 균형을 잃거나 불일치하는 디자인이 잘 작동합니다. 균형이 맞지 않는 디자인은 동작과 행동을 제안합니다. 그들은 사람들을 불편하거나 불안하게 만듭니다. 디자인의 내용이 불편하거나 사람들을 생각하게하려는 경우 불일치하게 균형 잡힌 디자인이 잘 작동 할 수 있습니다.