비례는 크기, 간격, 비율, 레이아웃으로 나눌 수 있습니다. 먼저 크기는 텍스트와 이미지의 크기 비율 등 페이지의 전반적인 시각적 강도에 영향을 줍니다. 간격은 넓거나 좁고 간격을 유지하거나 변형을 시키는 등의 역활을 합니다. 비율은 가로와 세로의 비율이 동일해야 대칭적으로 보여 안정감을 줍니다. 레이아웃은 요소들이 페이지에서 일정한 위치를 유지하면서 서로 유기적으로 연결되어야 합니다.
위 사진은 화면을 구성할때 대표적으로 사용됩니다.
크기, 색상, 사이즈 등 비례를 잘 설명해주는 사진인 것 같습니다. 그 이유는 크기를 다양하게 하면서도 비율이 같도록 유지하였고 색상도 위 아래에 자연스럽게 배치되어 있기 때문입니다.
왼쪽부터 1번이다.
1번 사진은 2줄이 서로 같은 크기를 보이면서도 다른 오브젝트와 배치를 사용하여 조화를 이루고 있다.
2번 사진은 같은 사이즈의 사각형 모양이 간격을 유지하여 체인 모양을 하고 있다. 중간에 막힌 사각형을 사용하여 지루할 수 있는 디자인에 재미요소를 넣었다.
3번 사진은 비례와 비율이 같은 물결을 상하반전으로 배치시키면서 안정감과 율동감을 주고 있다.