UI 设计提示词库 / 风格演示 / Interactive Cursor

让光标当一次主角，而不是默认设置

光标试验场是一间只有四个人的交互工作室，只做一件事：把指针经过的每一寸界面，都设计成可感知的回应。悬停、滑过、按下——这三个动作占据访客在页面上绝大部分的时间，却长期被当作"系统默认行为"忽略。我们偏要在这里下功夫。

现在慢慢移动鼠标，穿过下面的三个靶标 / 触屏设备看到的是本页的安静版本

2019成立年份 / 上海

31 个交付的指针交互项目

4 种光标基础形变 / 本页全部可试

指针试验区 / 四种基本形变，悬停或用 Tab 聚焦皆可触发

近期项目

2024 - 2026 / 每一个都围绕指针本身

本页用到的全部手法 / 对照着再玩一遍

Cursor morphing光标形变: 悬停到不同目标时光标改变形状与尺寸。形状本身即提示：圆环放大是可点，插入条是可选中，方环是可拖拽。
Magnetic pull磁性吸附: 可交互元素在指针靠近时轻微位移迎向指针，离开后弹回。底部的按钮是活例，吸力被刻意限制在十几像素内。
Blend mode cursor混合模式光标: 光标层使用 difference 混合：浅色背景上呈深色，深色背景上自动反白。滚动到方法一节，看它在黑色区域里的变化。
Cursor trail光标轨迹: 五个延迟系数递减的残影粒子连续追赶指针，暗示移动的速度与方向。静止时它们安静地叠在圆环中心。
Click feedback点击反馈: 按下的瞬间圆环收缩一档，松开复原。一次"命中确认"的成本只有两个 class 的切换。
Touch fallback触屏退化: 检测到触屏或"减弱动态效果"偏好时，本页不接管光标：效果层不渲染，系统指针归还，内容与排版完全一致。

深色区里，difference 光标会自动反色 / 注意那枚圆环

每次开工前，我们会把这三条贴在墙上。它们不是审美偏好，而是这间工作室接活的底线：违反任何一条的项目，宁可不做。

关掉系统光标之前，先回答"这枚光标多做了什么"。形变必须携带信息：链接、可选中、可拖拽，而不是单纯的炫技。答不上来，就还回默认指针。

延迟、吸附、回弹来自同一套物理：光标有质量，按钮有引力，释放有弹性。圆环追不上指针不是缺陷，是它在告诉你"我追着呢"。

触屏、键盘与"减弱动态效果"偏好，都会得到同一个页面的安静版本：系统指针照常工作，焦点环清晰可见。主角退场，戏还得演下去。

磁性按钮是真的会被吸住 / 把鼠标靠近它试试，或者直接用 Tab 聚焦到这里