方案 A「左留右问」:一个框,两颗并列发送钮
框里常驻一组固定动作:文件、记下、问 AI。字写完按哪颗,就去哪;文件拖进来,两颗钮原地裂成左右两个落区,左边存进云端文件夹,右边交给 AI。全程「左=留下来,右=问 AI」,位置就是意思,文案一个字都不变。对话进行中这组动作还在原处,随手就能记一句、丢一份文件。
左 记下/存进云端文件夹右 问 AI黑色滑块 回车的去向:没开对话时在「记下」,对话开着时在「问 AI」,Tab 临时换边;不看你写了什么
0 可点演示
点胶囊打开,打字;Tab 换滑块;点「记下」或「问 AI」;「模拟拖文件」后点左右落区;Esc 收起
1 平时(收起)
1440 宽 · 胶囊 580 × 40
- 左边不再放笔/AI 图标,胶囊左缘直接是文字
- 右端一组:回形针+「记下|问 AI」,收起时降成浅灰,不抢顶栏
- 占位符固定为「记一句、问 AI,或拖入文件」,任何时候都不换
2 点开,还没输入
面板 652 宽,向两侧各长 36,往上让 4;动作组从胶囊右端滑到面板右下
- 「最近」一排三种各一条:刚记的、刚存的文件、上次的问题(点它回到那段对话)
- 没字时滑块不出现;空着点「问 AI」直接打开对话
- 提示行只一句、永远不变
3 输入了一句话
文字一出现,黑色滑块落到回车会走的那一边(默认「记下」)
- 两颗钮都一直在,点哪颗就走哪颗;滑块只决定回车的去向
- 想问 AI:直接点「问 AI」,或 Tab 把滑块拨过去再回车
- 不再有 AI 猜「记还是问」、对调按钮、换说明
4 对话进行中(一问一答),同时记一句
composer 留在顶上不动,对话往下长;动作组位置与第 3 张完全相同
- 对话开着,滑块在右边:回车=接着问
- 想记一句:照样点左边「记下」(图中鼠标正悬在它上面),记进随手记,对话里只留一行回执
- 回答下方「记下这段」也走左边的意思;回形针就在旁边,随时加文件
5 拖文件进来:两颗钮裂成两个落区
左右位置对应「记下|问 AI」;正压在哪边,哪边变实线发亮,另一边退半透明
- 文件一进浏览器窗口,胶囊先亮一圈预告;进到胶囊上方才裂开
- 放左:原样存进「云端文件夹」卡,不进对话
- 放右:文件挂进输入框、滑块拨到「问 AI」,光标停在框里等你问(不自动替你发问)
- 对话中拖入同理:两个落区盖住 composer,对话退半透明
6 记下后的反馈
字浮成一张便签飞向桌面「随手记」,胶囊同时收回;回执从胶囊下沿垂下 2.4 秒
7 存下文件后的反馈
文件条飞向桌面「云端文件夹」卡;回执多一个「问 AI」——想追问时一键把它挂进输入框
8 手机 390
动作组同一套;没有拖拽,回形针选完文件后挂进框里,再按「记下」或「问 AI」决定去向
9 动效:时长、曲线、先后
在现有「长大」动效上加两件事:动作组跟着面板滑,双钮能裂成落区;进入慢一点、退出快一点
形变曲线 cubic-bezier(.32, .72, 0, 1)(接近 iOS 的弹性收尾,无回弹)淡入淡出 cubic-bezier(.2, .8, .2, 1)系统「减少动态效果」打开时:全部改为 120ms 交叉淡化,不飞