03 하루 1분 UX 공부 - 아토믹 디자인이란?

아토믹 디자인(Atomic Design)은 디자인 요소를 세분화하여 파악하고,

이를 조합하는 과정을 통해 체계적인 디자인 시스템을 구축하는 방법입니다.

모듈형 디자인에서 중요한 역할을 하는 요소를 '컴포넌트'라고 합니다.

 

컴포넌트를 만들기 위해서는 사용자들의 선호도와 사용 환경을 고려하여 디자인 콘셉트를 먼저 결정해야 합니다.

서체, 색상, 패턴 등의 기본 요소를 '원자(atom)'라고 부릅니다. 원자들을 조합하여 더 복잡한 형태인 '분자'를 만들고, 이를 기반으로 다양한 모듈을 구성합니다.

 

모듈은 크게 '시인성'과 '사용자 조작성'으로 나눌 수 있습니다. 텍스트, 이미지, 아이콘, 일러스트 등은 시각적으로 정보를 전달하는 시인성과 관련이 있으며, 버튼, 메뉴, 입력 필드 등 사용자가 클릭하거나 드래그하는 요소들은 조작성을 담당합니다.

이러한 모듈들을 조합하여 일관된 디자인 시스템을 갖춘 레이아웃을 완성할 수 있습니다. 아토믹 디자인을 활용하면 일관된 UI/UX를 유지하면서도 확장성과 재사용성이 높은 디자인을 만들 수 있습니다.

 

오늘도 1분 UX 공부로 함께 성장해 보세요!