인터랙션·UI
UI 컴포넌트
UI component
화면을 구성하는 재사용 가능한 독립적인 시각 요소.
공식 정의
디지털 화면을 구성하는 독립적으로 재사용할 수 있는 시각 요소로, 버튼, 슬라이더, 메뉴 등 사전 제작된 화면 구성의 기초 단위.
상세 설명
단순한 시각적 형태를 넘어 사용자의 상호작용이나 외부 이벤트에 반응하여 정해진 동작을 수행하는 기능을 포함하도록 디자인된다. 디자이너와 개발자가 매번 새로운 요소를 디자인하는 대신 컴포넌트 라이브러리¹에 구축된 요소를 꺼내어 화면을 구성함으로써 작업 속도를 높이고 전체 페이지의 시각적 및 기능적 일관성을 유지하는 기반이 된다. 각주 1. 컴포넌트 라이브러리(component library): 자주 쓰는 버튼, 입력창, 아이콘 등을 사전에 제작해 모아둔 통합 도구 모음이다.
활용 예시
버튼이나 입력창을 매번 새로 만들지 않고 미리 만든 요소를 꺼내 써 화면을 구성할 때 활용한다.
동일어
- UI 요소
유의어
- 디자인 에셋
출처 — 디자인사전(서비스·경험디자인) (2026.06)