34. 🎭 情感化设计 Emotional Design ★★★★☆

🌏 Web 网页规范

  • 彩蛋式悬浮动效与品牌个性插画
  • 成就达成瞬间全屏礼花与微粒子飘落
  • 拟人化幽默错误提示与个性文案排版

📱 App 移动端规范

  • Haptic Engine 微物理触觉震动惊喜节点
  • 原生 Lottie 高帧率微型庆祝动效载入
  • 智能问候文案随时间、节日动态更替

Web 品牌特征与彩蛋微动效

Web Micro-animations, Brand Illusts & Easter Eggs

Web 网页端常用富视觉插画、点击彩蛋动效(如点击喜欢飘爱心)和富有品牌调性的微交互来拉近与用户的距离,提升长效留存意愿。

App 触觉反馈与细腻原生转场

App Vibration Rhythms, Lottie Animations & Haptics

App 移动端可直接调用物理震动(如 Taptic Engine),在特定瞬间(如成功付款、下拉回弹顶点)触发特制节奏的震动,结合高表现力 Lottie 动画,塑造极致体验。

LIVE PLAYGROUND: 物理动效礼花与微触觉震动触发器 点击下方庆祝按钮触发爆炸礼花,模拟移动端物理微震动节点以提升交互愉悦感
https://web.meta-ui.edu/emotional
09:41
📶 🔋
📋 大模型统一 Prompt (LLM Prompt)