레이아웃

Grid System

정의

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

카드형 목록 화면에서 12컬럼 그리드를 기준으로 콘텐츠 폭과 정렬을 맞춰 전체 화면을 안정적으로 구성할 때 활용할 수 있습니다.

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

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

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

사용자가 정보를 어떻게 묶고 이해하는지 파악하기 위해 카드 형태로 분류를 진행하는 리서치 방법

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