UX_Layout

1. Layout이란?

 

01. Grid system

-비교적 정돈되어 보임

-전체적으로 통일적으로 보임

-기준을 정하면 협업이 수월함

-반응형 디자인의 경우 해상도 대응이 용이함

 

 

 

Columns(콘텐츠가 포함되는 영역)->어떤 콘텐츠가 들어가냐에 따라 Columns의 크기가 달라짐

Gutters (콘텐츠 사이의 여백) ->내용을 분리하는 고정 영역

 

Margins(전체 콘텐츠를 뺀 나머지 영역 오른쪽,왼쪽 가장자리)->큰 해상도일수록 더 넓은 Margins 권장

 

 

2. Layout Anatomy

안드로이드 버전 / 아이폰 버전

 

 

Spacing method

요소간의 간격