[UX/UI] 모바일에서 칩 버튼의 종류

 

칩 버튼(Chip Button)은 작은 크기의 인터랙티브 UI 요소로, 주로 태그, 필터, 카테고리 선택 등을 표시하거 나 조작하는 데 사용 된다.

 

칩은 사용자에게 간결하고 직관적인 선택지를 제공하면 서 화면 공간을 절약할 수 있는 장점이 있다.

 

1 선택 칩 (choice chip)

옵션 중 하나를 선택할 때 사용

ex."소형", "중형", 대형"

 

2. 필터 칩 (Filter Chip)

여러 옵션을 필터링하는 데 사용되며, 다중 선택이 가능 ex. 무료 배송", "할인 상품"

 

 

 

3. 액션 칩 (Action Chip)

사용자에게 즉각적인 액션을 제공하는 칩으로, 클릭하 면 작업이 즉시 실행

ex. "초기화", 적용

 

 

4.입력 칩 (Input Chip)

사용자가 입력한 내용을 태그 형식으로 보여줄 때 사용

ex. #태그