ALL COURSES
활용개념 · 5/41편째
L' 자료실 · 활용개념 · 3:59 · 👀 보는 강의
강력 추천
인터랙션 10가지 — 정지 화면으로는 못 보여주는 것 (움직이는 영상)
인터랙션의 본질은 시간이라, 이번 10가지는 카드가 아니라 짧은 루프 영상으로 만들었습니다. 모션퍼스트·마이크로인터랙션·스크롤기반·패럴랙스·커서반응·제스처·직접조작·게임화·챗·점진적공개. 그리고 원래 15가지에서 5개를 왜 뺐는지도 정직하게 말씀드립니다.
링크 & 명령어 — 복사해서 쓰세요
- 열기 ↗
UI 스타일 도감 107종 — 전체 보기
leehyeok.com/ui-style
HOW I USE IT
인터랙션은 시간이 본질이라 정지 화면으로 옮기면 뜻이 사라집니다. 그래서 이 10가지만은 카드가 아니라 3~5초 루프 영상으로 만들었습니다.
원래 목록 15가지에서 5개(보이스·제로UI·AR/XR·멀티모달·3D 이머시브)를 뺐습니다. 화면이 없는 게 핵심인 것을 화면으로 그리면 거짓말이 되고, 3D 공간을 2D 목업으로 옮기면 의미가 사라지기 때문입니다.
AI에게 시킬 때는 ‘부드럽게 애니메이션 넣어줘’로는 부족합니다. 상태를 나열하고(기본·hover·press·완료), 시간을 주고(200ms, ease-out), 되돌아가는지를 명시하세요.