아토믹디자인 (atomic design)
한 줄 정의: 인터페이스 요소를 원자, 분자, 유기체, 템플릿, 페이지의 계층 구조로 나누어 체계적으로 설계하고 조합하는 디자인 시스템 방법론이다.
쉽게 풀면
아주 작은 부품(원자)부터 시작해서 그것들을 조합해 더 큰 화면 단위로 쌓아 올리는 방식으로 디자인 시스템을 만드는 방법이에요.
논문에서는 이렇게 쓰입니다
"아토믹디자인 방법론에 따라 버튼과 아이콘을 원자 단위로 정의하고 이를 조합하여 폼 유기체를 구성하였다."
가장 작은 단위부터 점진적으로 조합해 복합 컴포넌트를 구성한 디자인 시스템 설계 절차를 설명한다.
주의할 점
아토믹디자인의 계층 구조를 지나치게 엄격하게 적용하면 실제 화면 구성의 유연성이 떨어지고 관리 복잡도가 증가할 수 있다.