为什么角色在阅读时要主动退场

个人形象放进网站后，很容易只剩两种结果：要么像头像一样固定在角落，要么变成一直晃动、一直抢注意力的展示物。这个博客选择了第三种做法，让角色根据阅读阶段改变职责。

首屏：先让人记住

首屏的任务不是解释所有功能，而是建立第一印象。角色站在超大姓名前面，像一件收藏玩具压住画面中心；姓名负责形成结构，角色负责留下记忆。介绍文字和入口则保持在两侧，不跟角色争夺同一块空间。

这个阶段允许视线跟随和一次点击回应，因为用户还没有进入长内容。反馈应当立刻发生，也要很快结束。

日志区：从主角变成引导

进入深色日志区后，角色向左移动并略微缩小，文章目录出现在右侧。它仍然保持网站的身份感，但不再挡住标题、摘要和日期。

这不是额外添加的一段动画，而是一次职责交接：视觉焦点从“我是谁”转到“我最近做了什么”。移动过程从角色当前的画面位置开始，滚动反向时也能沿原路径回来，不会突然跳到另一个状态。

正文页：把舞台交给文字

真正打开文章后，角色完全退出。正文使用更窄的阅读宽度、稳定的行高和明确的标题层级。这里不需要眼神跟随，也不需要悬浮对话，因为每一次无关运动都会增加持续阅读的成本。

角色没有消失，它已经通过配色、字体和小范围的琥珀色强调留在页面系统里。成熟的互动角色不应该证明自己无处不在，而应该知道什么时候退场。

给后续版本的边界

接下来可以验证更多细节，例如角色进入深色区域后的材质表现、点击区域是否容易被发现，以及移动端海报和桌面 3D 的构图是否一致。但不会为了“更炫”增加粒子、漂移镜头或持续大幅呼吸。

这套规则会继续约束后续建模：每个新增动作都要对应一个明确的交流目的，否则就不加入。