interaction-design - 设计并实现用户界面微交互与动效
设计并实现微交互、动效设计、页面及组件过渡与用户反馈模式。
标签
更新于: 2026-09-19能力
典型输入
典型输出
该技能可以做什么
- 添加微交互
- 实现组件过渡
- 设计加载状态
- 创建手势交互
- 构建通知系统
- 实现拖放界面
- 添加滚动触发动画
- 设计悬停与焦点状态
输入
- UI 组件代码
- 交互需求
输出
- 交互式 React 组件
- CSS 动画样式
要求
- React
- Framer Motion
- CSS3
设计并实现微交互、动效设计、页面及组件过渡与用户反馈模式。
标签
更新于: 2026-09-19能力
典型输入
典型输出