웹이나 앱을 사용하다 보면 어떤 버튼이나 카드 위에 마우스를 올리기만 해도
색이 변하거나 그림자가 생기는 경우가 있습니다.
이처럼 마우스를 요소 위에 올려놓았을 때 발생하는 상태를 바로 **호버(Hover)**라고 합니다.
1. 호버(Hover)의 의미
마우스 커서를 UI 요소 위에 올려놓았을 때의 상태 변화
클릭하지 않아도 UI가 즉시 반응해
사용자에게 “여기는 상호작용할 수 있는 요소입니다”라는 신호를 주는 역할을 합니다.
2. 호버의 대표적인 예
- 버튼 색이 밝아지거나 진해짐
- 카드에 그림자가 생기며 떠 보임
- 링크 색상이 바뀜
이 모든 것이 호버 상태입니다.
정리하면
호버란, 마우스를 요소 위에 올려놓았을 때 나타나는 UI 반응을 의미하며,
클릭 가능성을 알려주는 기본적인 인터랙션 상태이다.
'웹 개발 기본 & 디자인' 카테고리의 다른 글
| [UI 디자인] 아이콘보다 텍스트를 더 진한 톤을 사용하는 이유 (0) | 2025.12.06 |
|---|---|
| [UI 디자인] 세컨더리 컬러(Secondary Color) (0) | 2025.12.06 |
| [UI 디자인] 컬러 베리에이션 (Color Variation) (0) | 2025.12.06 |
| [UI 디자인] 프라이머리 컬러(Primary Color) (0) | 2025.12.06 |
| [용어정리] 와이어프레임이 무엇이고, 왜 필요한가? (0) | 2025.12.06 |