기능 위주 마이크로 모션 애니메이션

제시해주신 소스 문서(raw/8 Tiny UI Fixes Most Designers Ignore.md)를 바탕으로 개념 노트 **기능 위주 마이크로 모션 애니메이션**을 성공적으로 신규 작성하였습니다.

---

📄 작성된 위키 노트 요약 (wiki/기능 위주 마이크로 모션 애니메이션.md)

• 경로: wiki/기능 위주 마이크로 모션 애니메이션.md
• Frontmatter:
  • type: concept
  • status: draft
  • core: false
  • tags: ['llm', 'ui-ux', 'design', 'micro-interaction', 'animation']
  • sources: ['raw/8 Tiny UI Fixes Most Designers Ignore.md']
  • created / updated: 2026-08-27

💡 주요 포함 내용

1. 한 줄 정의: 사용자의 작업 마찰을 줄이고 인지적 품질(Perceived Quality)을 극대화하기 위해 과도한 기교를 배제하고 속도, 은은함, 의도성, 미세한 타이밍 지연(Micro Delay)을 기반으로 조절되는 기능 중심의 모션 디자인 패턴.
2. 핵심 요지 & 상세:
   • 고급 모션 디자인의 4대 속성 (빠르고, 은은하며, 의도적이고, 거의 눈에 띄지 않음).
   • 툴팁, 호버, 성공 완료 피드백 등에서 100~200ms 단위의 미세 지연(Micro Delay)과 Easing 커브가 만드는 인지 품질 상승효과.
3. 구체적 코드 예시 & 시나리오:
   • Tailwind CSS / React 기반 인텐셔널 딜레이 Tooltip 마이크로 모션 컴포넌트 코드 작성.
   • MadeinFigma 및 대시보드 폼 성공 피드백 인터랙션 시나리오 수록.
4. 충돌 섹션:
   • Core Web Vitals/UX 관점의 즉각 응답성(0ms INP) 요구와 인지 품질(Perceived Quality) 형성을 위한 의도적 미세 지연(Micro Delay) 간의 관점 충돌 정리.
5. Obsidian 연동:
   • AI Slop 디자인, AI 생성 UI의 취향 주입 절차, 디자인 토큰, CSS 사용자 정의 속성 기반 이중 레이어 토큰 등 지식 네트워크 연결.