Page History
...
| Info |
|---|
요약: WPF Blend가 30년간 축적한 애니메이션 정의 체계를 Pencil 디자인 도구에 이식하고, AI 하네스 시스템으로 조사→구현→평가 루프를 반복하여 37개 애니메이션 컴포넌트 템플릿을 자체 구축한 여정을 공유합니다. 대상 독자: UI/UX에 관심 있는 개발자, 디자인 시스템 관리자 첨부 파일: 디자인아이디어.pen (Pencil 디자인 파일) | index.html (AICC 데모 페이지) |
1. WPF Blend — MS의 디자이너-개발자 협업 도구
...
특수 상황의 연출 효과입니다. Confetti Burst(Canvas에 다수 Rectangle 스폰 + 랜덤 색상/회전/속도 + 중력 KeyFrames), Zoom/Pinch(MouseWheel.Delta로 ScaleTransform 스무스 줌 + CubicEase 300ms), Animated Tooltip(ToolTip.Opened 이벤트 기반 Opacity+TranslateY 진입 + DropShadow). 사용자 경험의 감성적 완성도를 높이는 고급 기법입니다.
...
| Note |
|---|
다운로드: 전체 37개 컴포넌트가 포함된
Pencil 앱에서 .pen 파일을 )을 첨부했습니다. Pencil 앱에서 열어 각 카드를 확인하고, 필요한 컴포넌트를 자신의 프로젝트에 복사하여 사용할 수 있습니다. 이 스킬은 모던하고 심플한 애니메이션 효과를 지원합니다. |
...