让粒子围绕阅读路径运动
科技感可以更明显,但聊天面板的核心任务仍是阅读。以 Field Agent 控制台为例,讨论视觉中心、状态反馈、长文本与动效生命周期怎样共存。
向下阅读
“动效不明显”与“界面太吵”之间,没有一条固定的参数线。粒子多一倍、光晕更亮一些,确实会让变化更容易被看见,但如果它们始终穿过文字,用户就要在读每一句话时重新过滤背景。
Field Agent 的界面从低强度的流光改成更鲜明的科技控制台:青紫配色、中央全息信号矩阵、漂浮粒子、网格与主题卡片。变化不只是增加特效数量,还包括重新安排哪些区域应该吸引注意,哪些区域应该让视线停下来。
开场需要一个明确中心
没有对话时,面板需要解释自己可以做什么。一个集中在中部的信号矩阵,可以承担视觉中心;标题说明助手身份,简短介绍说明范围,推荐问题提供第一次动作。这些内容合在一起,才构成完整的开场。
如果每张卡片、每一行标题和输入框都同时发光或旋转,中心反而会消失。用户看到的是很多活动,却不知道从哪里开始。把最明显的反馈集中在当前操作区域,可以在视觉强度提高的同时保留层级。
这一版矩阵把反馈限制在鼠标指向的光柱及紧邻区域。选中光柱明显升起,顶部变亮并出现发光描边,其他光柱保持静止。取消整片倾转与扩散波纹之后,界面仍可以有鲜明反馈,只是运动有了明确的边界。
光柱也不再只是装饰。五类颜色对应项目、文章、建站纪事、制作说明和随笔,点击后展开真实内容卡片。访客可以打开原文,也可以把卡片上的问题种子填入输入框。“发现内容”和“发送问题”分开,前者不调用模型、不消耗额度,后者由访客确认发送。
开场中心也不应该占据所有状态。开始对话后,用户的注意力转向问题和回答,欢迎区域退出,内容成为面板的主体。视觉设计需要允许这个角色变化,而不是要求聊天记录永远围绕一个装饰来排版。
状态变化比持续运动更有信息
生成中的文字、等待提示和来源出现,都与任务进度有关;背景漂浮则主要建立气氛。两种运动可以共存,但不应拥有同样的注意力权重。
一处简短的入场能够帮助用户发现新回答,发送区的反馈可以说明请求仍在处理。持续循环的背景不需要反复强调自己,更不应该看起来像正在执行某项实际任务。装饰和状态信号使用不同节奏,含义就更容易区分。
推荐卡片的悬停也有相似原则。变化应当确认“这里可以操作”,而不是让卡片跑到新的位置,迫使鼠标继续追逐。视觉反馈可以鲜明,操作目标应该稳定。
长回答需要一个安静的容器
当回答从一两句话增加到几个段落,界面的问题会跟着变化。文本区需要足够的行高、段间距与背景区分,来源卡片不能混进正文,输入区也不能被长内容推到看不见的位置。
因此,面板把滚动留给内容区,把输入区固定在底部。桌面右侧面板保留站点作为参照,手机全屏则把空间交给当前对话。相同功能不一定要在两种尺寸下使用同一种空间关系。
粒子背景最好作为文字周围的环境存在,而不是文字背后的主角。真正判断是否合适,需要打开一段较长回答,连续阅读,检查自己是否会被光点和亮度变化带走。仅看空面板截图,很容易低估内容增加之后的干扰。
动效也有开始与结束
特效组件挂载之后,并不应该无条件永远运行。面板关闭、页面隐藏或用户关闭动效,都是需要处理的状态。信号矩阵限制刷新频率,并在相应生命周期中停止;背景组件也需要清理它创建的资源与监听。
系统的减少动态效果设置,不只是把所有内容藏掉。静止的信号矩阵、光晕与网格仍然可以维持界面身份,而文字、按钮和布局继续正常工作。动效是一种增强,不应该成为理解面板的唯一办法。
这套控制台属于 V2.0.0。手机通过轻触光柱或主题按钮发现内容,键盘通过方向键和 Enter 选择;关闭动效后,卡片和问题种子仍然可用。后续迭代仍需要在不同屏幕尺寸下阅读真实长回答,确认焦点、滚动与输入始终清楚。明显的视觉变化只是第一步,能让人舒服地继续使用,才是这次改动更值得检验的结果。
相关记录:让 Field Agent 成为站内向导、装饰跟着内容走。