50–100ms 瞬时响应
悬停、按压与聚焦的过渡都控制在 100ms 内，快到无感却又真实存在，形成「跟手」的操作手感。
类别General 通用风格
年代2020s 现代
复杂度Medium 中
最适合移动应用 / 触屏界面 / 效率工具 / 消费级产品
风格特性
微交互回答四个问题：我点到了吗？系统在忙吗？成功了吗？出错了怎么办？
加载与过程反馈
提交按钮内置旋转器与完成态：加载中禁用重复点击，成功后弹出对勾，全程状态可感知。
成功 / 错误反馈态
绿色确认、红色警示、琥珀提醒——输入框与徽标用颜色加图标双通道传达结果，不依赖颜色单独表意。
按钮与控件
按下任意控件感受 96% 缩放的按压回弹；开关旋钮带轻微过冲，像真实弹簧。
成功
警告
错误
反馈色：#22C55E / #F59E0B / #EF4444
表单示例 · 反馈态演示
下方展示成功与错误两种校验态；点击提交可体验「加载 → 成功」的完整微交互链路。
配色板
克制的中性底色 + 语义化反馈三色，让每一次状态变化都清晰可读。
#2563EB#22C55E#F59E0B#EF4444#1B1F2E#F6F7FB字体级阶
反馈即体验
每 100 毫秒都值得设计
微交互以最小的动效成本换取最大的确定感：用户的每个动作都被看见、被确认、被温柔地回应。
Micro-interactions · 微交互