
小微彩蛋
微信负一屏小微灰度过渡期的预热互动,点击、拖拽、摇一摇都有回应,也能按住说话。
全文约 1,100 字 阅读约 3 分钟
微信负一屏原本是星标入口。小微接管后星标被挪进收藏,但灰度还没铺满,约 1 万用户会看到空屏,这颗彩蛋就放在这段空窗期里。一双极简的眼睛常驻负一屏,点击、拖拽、摇一摇都有回应,把眼睛拖到底部还可以按住说话。项目在不新增图形素材的前提下,用 4 个 SVG 和一套弹簧系统穷举出 50 种交互反馈。

原负一屏,星标入口
星标让位
微信负一屏原本是星标入口,为给小微让位,星标内容整体挪进了收藏。

小微入口(灰度中)
灰度空窗期
小微接管需要时间。灰度铺满之前,约有 1 万用户会看到空屏,彩蛋就放在这段空窗期里。它的定位很明确,短期承接、尽量好玩、不打扰,等灰度铺满自然退出;同时它也在预告小微,眼睛是小微的拟态,让用户先在这里认识它,正式版接管时过渡自然。为了这一定位,项目不新增任何图形素材。

星标下线后的空窗期
空窗期里的一双眼睛
空白的负一屏上放了一双极简的眼睛。它平时安静呼吸,用户点它、拖它、摇手机,它都会回应,是小微的拟态。把眼睛拖到底部会出现输入框,这个输入框就是以后小微的输入框,只是现在不会有真实回应,说的话不会保留,像树洞一样。
全部动态,看、眨眼、摇头、眩晕、回弹
会看会应的眼睛
点击四周空白,眼睛会延迟看向那个方向再慢慢回来;点击眼睛会眨眼,连点会摇头,再连点会眩晕;拖拽之后松手,眼睛像弹簧一样回弹,拖得越远回弹越猛。



眼睛基础状态,眨眼、眩晕、好奇张望
状态动效
每种回应都是一个独立的原子动效,眨眼对应点击,眩晕对应连点,好奇张望对应点击空白。



配色张望,深底、绿底、白底
配色验证
同一组"张望"放在深底、绿底、白底三组配色下验证可读性,负一屏深底是实际运行的主场景。另有一版"警觉凝视"状态因眼神过强没有采用。
过程稿,按住说话(粒子消散设计)
粒子消散没有采用
过程稿里做了"按住说话",把眼睛拖到语音触发区,眼睛飞走;长按语音条,文字粒子浮起;松手后文字像素化飘散,画面恢复。
这一版最终没有采用。我离岗前定稿的版本用的是更简单的文字渐进淡出,把"说过即散"表达清楚就够了,粒子效果反而显得重;项目最终没有上线。
设计方法
可用的眼睛素材只有 4 个 SVG,正常眼、闭眼、左眼晕眩、右眼晕眩,所有变化靠位置、缩放、旋转、透明度与设备震动这五个维度组合出来。设计前半段是把用户所有可能操作拆成 11 类共 67 条,逐条写明触发、反馈与取舍理由,采纳 50 条、舍弃 17 条,判断标准只有一个,会不会破坏核心体验。所有位移交互共用一套弹簧系统驱动,拖得越远回弹越猛,甩动与拖拽的手感一致;手势冲突时,后触发的优先。