레이아웃

Responsive Layout

정의

화면 크기와 기기 환경에 따라 레이아웃과 요소 배치를 유연하게 조정하는 설계 방식

데스크톱에서는 3열 카드 레이아웃을 사용하고 모바일에서는 1열로 자연스럽게 바뀌게 만들 때 적용할 수 있습니다.

같은 카테고리의 개념을 함께 보면 맥락을 더 빠르게 이해할 수 있습니다.

중요한 정보부터 먼저 보이도록 크기, 색상, 위치, 대비를 활용해 우선순위를 만드는 레이아웃 방식

일관된 정렬과 간격을 만들기 위해 화면을 기준선과 열 단위로 나누어 설계하는 방식

콘텐츠 사이에 의도적으로 비워 둔 공간으로, 가독성과 정보 구분, 시선 집중도를 높이는 요소

다른 용어를 계속 탐색하거나, 홈으로 돌아가 전체 흐름을 다시 확인할 수 있습니다.