본문으로

Prototyping · 온라인

모션이 “말”이 되는 타이밍

딤·슬라이드·딜리트의 타이밍 곡선, 접근성(감광) 고려, 핸드오프에 넣는 표까지.

스케치와 룰러가 겹쳐진 탐색용 작업대
가격(참고) ₩680,000 · 없음
기간 4주, 주 1회 120분
난이도 심화 · 주말 집중

본문

100ms 차이로 느껴지는 “무거움”을 줄이는 실습. 스프링보다 “용도별 프리셋(확인/취소/삭제...)”이 중심입니다. 다크/라이트 토큰을 이전 수업과 잇는 분은 가산점(선택)입니다. 일부 B2B 팀이 팀 랩에 합류할 수 있어(분반) 케어가 나뉩니다.

다루는 것

  • 용도 6종 프리셋(수치·곡선)
  • “과한 모션” 루브릭 1장
  • 감광/모션 민감 사용자 메모(요약)
  • 개발이 보는 “애니 표”(CSV 병행)

이후(개인/팀·체감)

  1. 한 플로에 대한 모션 스펙 1p
  2. A/B 2안 타이밍 시트
이라온 프로필

이라온

모션+제품, 엔터 앱 6년.

썸네일: 수업 담당(역할)입니다. 프로필 사진은 생성형 아이콘(외부)입니다.

읽기(경험 중심)

삭제 흐름이 무거웠는데, 프리셋 6종만으로 팀이 합의했습니다. (동료 개발님: 표가 읽기 쉬웠다고)

— 고객(제조) · 협력 중소기업

자주 묻는

Lottie/코드는?

툴-중립, 표와 타이밍이 중심. Lottie는 데모만.

B2B 합반이 뭐가 다른가요?

케이스 톤이 B2B로 치우칠 수 있으나, 개인 루브릭은 동일합니다.