컴포넌트의 개념
컴포넌트는 무언가를 만들기 위한 재료 또는 구성품이란 뜻이며, 원자 요소(Atom)를 결합하여 만든 분자(Molecule) 단위 구성 요소다.
'즉, 디자인에서의 컴포넌트는 파운데이션의 조합을 쌓아서 만드는 구성품을 이야기한다.
컴포넌트 분석 및 비교 시 유의할 점은?
(이미지 출처: 스파르타코딩클럽)
해당 버튼들의 색상이나 형태에 차이가 있음에도 우리는 왜 이것들을 버튼으로 인식하는 것일까?
바로 버튼의 생김새가 아니라 버튼이 수행하는 일을 기준으로 생각하기 때문이다. 버튼의 디자인은 모두 다른데 이때 생김새로만 UI를 구분하면 기준점이 모호해지는 것이다.
그래서 UI를 비교하고 공부할 땐 형태가 아니라 UI의 목적과 기능에 초점을 두는 것이 중요하다.
컴포넌트의 종류
하는 일에 따라 크게 6개로 분류할 수 있다.
- 액션 : 사용자가 중요한 행동을 수행할 때
- 인풋 : 사용자의 입력을 받을 때
- 인포메이션 : 사용자에게 서비스의 상태나 안내 사항을 전달할 때
- 컨테이너 : 컴포넌트 여러 개가 결합되어 하나의 덩어리를 이루는 것
- 내비게이션 : 사용자가 페이지를 이동할 때
- 컨트롤 : 사용자가 설정이나 값을 수정할 때
