UI의 시각적 계층구조

-시각적 계층(Visual Hierarchy)이란?
사용자가 디자인 요소들을 우선순위에 따라 인식하고 처리할 수 있도록 돕는 요소

1. 크기
   클 수록 주목을 받는다 중요한 정보나 작업요소는 크게 표현되어야 한다

2. 색상
   선명하고 높은 대비의 색상이 주목을 더 많이 받고, 중요한 요소는 밝은 색상을 사용할 수 있다

3. 대비
   대비가 높을수록 더 두드러지게 표현된다

4. 공간
   큰 간격을 가진 요소는 다른 요소들로부터 독립적으로 더 두드러지게 보이고, 작은 간격을 가진 요소들은 상대적으로 작은 간격으로 인해 서로 연결되어 보인다
   관련있는 요소들을 그룹화하고, 관련 없는 요소들을 분리하여 시각적 계층을 형성할 수 있다

5. 배치
   주요한 요소일수록 상위에 위치하고, 보조적인 요소일수록 하위에 위치한다
   위에서 아래로, 왼쪽에서 오른쪽으로, 중앙 정렬 등이 배치 패턴으로 주로 사용된다

6. 폰트와 텍스트
   크기가 크고 굵기가 굵을수록 주목을 받을 수 있다