본문 바로가기

시각 스타일과 조합해 사용하는 구성·상호작용 기법입니다.

W39 / 상호작용 기법

마이크로인터랙션

Microinteractions

복사·저장·선택 같은 작은 행동에 상태와 결과를 돌려주는 반응이다. 화면 전체의 미감보다 행동을 이해시키는 역할이 중요하다.

기존 상호작용 패턴

마이크로인터랙션 학습용 웹 화면. 관찰할 특징: 행동 전후의 상태 변화, 성공을 확인하는 문구, 짧고 목적이 분명한 반응.
구성·상호작용 기법을 설명하기 위해 직접 제작한 학습용 화면입니다.그림 원본 열기 ↗

적용하는 곳

복사 완료·필터 적용·저장 상태·입력 피드백·작은 진행 표시에 활용한다.

함께 살펴볼 점

색이나 짧은 움직임만으로 결과를 전달하지 않는다. 실패와 성공을 실제 처리 결과에 맞게 표시한다.

직접 해 보기

변화를 직접 살펴보세요

실제 복사 버튼을 눌러 처리 결과에 맞는 안내를 확인하세요.

직접 만들기

이 기법으로 만들어 보세요

목적과 콘텐츠를 내 작업에 맞게 바꿔 사용하세요.

출처와 확인일

확인일 2026-09-20. 정의와 자료 맥락의 근거이며, 위 그림은 이 도감을 위해 별도로 제작했습니다.

함께 살펴볼 항목

그림을 나란히 비교하기 →

← 구성·상호작용 참고 보기