레이아웃

Color Hierarchy

정의

색상 강도와 대비를 활용해 중요한 정보와 보조 정보를 단계적으로 구분하는 시각적 체계

주요 CTA는 진한 강조색으로, 보조 버튼은 연한 중립색으로 처리해 행동 우선순위를 분명하게 만들 때 활용할 수 있습니다.

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

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

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

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

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