정보구조

Atomic Design

정의

작은 UI 단위부터 더 큰 조합 단위까지 계층적으로 쌓아 인터페이스를 설계하는 시스템 접근 방식

라벨, 입력창, 폼 그룹, 전체 폼 화면처럼 단위를 나눠 설계하고 재사용 범위를 명확히 할 때 적용할 수 있습니다.

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

관련 있는 정보끼리 묶어 사용자가 내용을 더 쉽게 이해하고 탐색할 수 있게 만드는 구성 방식

정보를 상위와 하위 단계로 나누어 중요도와 포함 관계가 자연스럽게 드러나도록 만드는 구조

정보와 콘텐츠를 일관된 기준으로 분류하고 이름 붙이는 체계

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