레이아웃 이해하기 | 영역 중심으로 바라보기 & 영역 시각적으로 드러내기

1. 영역 중심으로 바라보기

 

레이아웃: 요소들을 화면에 배치하는 작업

 

좋은 레이아웃을 만들기 위해

1) 영역에 대한 이해

2) 레이아웃의 세 가지 기술

 

모든 페이지는 정말 작은 단위까지 논리적으로 쪼개짐

 

 

 

2. 영역 시각적으로 드러내기

- 영역으로 나누기

구분하고자 하는 정도에 따라 세 단계로 나뉜다.

이 중에서도 가장 강하게 특정 영역을 나타내는 방법은 카드

영역 내부를 칠하거나, 주변 테두리를 통해 영역을 아주 명확하게 드러내는 방법

 

카드형

구분선형

여백형

 

- 나눈 영역을 드러내기