UI 컴포넌트와 프로토타이핑

1. UI 컴포넌트 (UI Component)

버튼, 카드, 입력 필드 등
웹/앱 화면을 구성하는 재사용 가능한 시각적 및 기능적 단위이다.
여러 가지 핵심 컴포넌트를 활용하여
일관된 디자인과 사용자 경험을 효율적으로 구축할 수 있다.

-인스턴스 (Instance)

인스턴스는 메인 컴포넌트를 복제하여
실제 디자인 화면에 배치한 복사본을 의미한다.
여러 페이지에서 동일한 컴포넌트를 사용하여
디자인 통일성을 확보할 수 있다.

간단하게 UI 컴포넌트 요소 중 하나인 버튼을 여러 개 만들어 보았다.

2. 프로토타이핑 (Prototyping)

프로토타이핑은 최종 제품을 만들기 전,
아이디어를 구체화하고 사용자 흐름을 검증하기 위해
시제품(Prototype)을 제작하는 과정이다.
단순히 어떻게 보이는가를 넘어
어떻게 동작하는가를 테스트하여
개발 전 오류를 줄이고 비용을 절감하는 데 목적이 있다.

좋아하는 캐릭터를 활용해서 간단한 프로토타입을 제작해 보았다.
두 개의 프레임을 만들고,
1번 프레임에서 버튼을 누르면
2번 프레임으로 이동하는 효과를 주었다.