微交互 UI 设计模式

输入有误时，表单字段左右快速抖动并转为错误色，比只变红文字更不容易被忽略。属于最经典的反馈型微交互。

圆形底放大出现，勾线随后像被手写一样描出来。把「操作成功」变成一个有仪式感的瞬间。

点击「加入购物车」后，商品缩略图沿弧线飞向购物车图标，图标同步弹跳 +1。电商最经典的微交互。

点赞瞬间心形填充并做心跳式缩放，同时外圈扩散一道光环。让「喜欢」这个动作有情绪重量。

移动端操作时设备给出一次短促震动，同时界面做微小的位移抖动。Web 端用 navigator.vibrate 实现。

三条横线在打开菜单时形变为叉号：上下两条旋转 45 度并移动到中线，中间那条淡出。移动端菜单的标准解法。

新旧页面沿水平方向一推一让，右侧新页从右滑入、旧页向左退场。移动端 App 的默认空间语言（前进 = 推入，后退 = 拉出）。

三个小圆点依次弹跳的气泡，表示对方正在输入。即时通讯里最有效的「时间填充」，比转圈更有人味。

用户一操作界面就立刻变更（不等服务端），同时在角落转一个小进度环；失败再回滚并提示。感知速度的决定性细节。

按住不放时按钮外圈画出一圈进度，走满才触发动作。用「需要一点耐心」的形式给不可逆操作加一道心理闸门。

在内容上双击，一颗心从点击处放大弹出再飘走。把点赞从「找一个按钮」降级成「想点哪就点哪」。

按钮外围持续扩散淡淡的同色光环，像心跳一样把视线吸过来。最轻量的「引导点击」手段。