第十轮 · 顶栏融合输入框 · 方案 B

对话框为底:主发送永远是问 AI,「记一句」「附文件」是挂在框上的动作

顶栏那条框本质上就是 AI 的输入框,长得像 ChatGPT、Claude 的输入框。框下沿一条工具条,任何时候都在:左边「附文件」,右边「记一句」和发送。写完一句话,点「记一句」就直接贴进桌面随手记,不进对话;按发送就是问 AI。文件丢进来先变成框里的一张附件卡,卡上写着「存进云端文件夹」「就问它」,点哪个就去哪。所有文字都是固定的,不随你输入的内容变。

文字:看你按哪个钮发送钮(Enter)=问 AI;「记一句」(⌘Enter)=贴进随手记。两颗钮常驻,AI 不猜。
文件:看你点卡上的哪个钮丢进来只是「放在框里」,卡是虚线(还没定);点「存进云端文件夹」才存,点「就问它」或带着它按发送才问。
对话中也一样对话展开后输入框沉到面板底部,工具条原样跟着:随时能记一句、丢文件,不需要快捷键。
1

平时(收起)

1440 宽 · 胶囊里没有左侧图标,只有一行固定占位字、回形针和唤起键
AI 工作台
10 月 14 日 周三 14:30
待定浮彩周周屿
记一句、问 AI,或拖入文件⌘K

下午好,周屿

a去掉左边的笔/AI 图标,胶囊左侧只留 18 像素内边距,文字直接起头,看起来就是一条干净的输入框。
b占位字固定为「记一句、问 AI,或拖入文件」,点开、输入、对话中都不换。
c右侧只有两样:⌘K 提示(唤起框)和回形针。随手记角标不放胶囊里,计数留在桌面随手记卡上。
2

点开、还没输入

同宽往下长,文字起点不挪;工具条从下沿浮出
AI 工作台
10 月 14 日 周三 14:30
待定浮彩周周屿

下午好,周屿

记一句、问 AI,或拖入文件
附文件 记一句⌘↵
可以问下午还有哪些空档?今天还剩哪几件要做?v3 方案林岚要什么时候?
a框宽度不变(580),只往下长到 124 高,圆角 20→24,底从半透明变纯白、投影加深。文字第一行和胶囊里的位置完全重合,眼睛不用找。
b工具条三件常驻:左「附文件」,右「记一句」、发送。空的时候两颗动作钮变灰但文字不变。「记一句」带一个色点,表示会贴成哪种颜色的便签(默认「工作」蓝,去板上再改)。
c框外悬着三条「可以问」,只在空框时出现,一开始打字就淡出;页面压一层 50% 的奶白遮罩,让框成为焦点。
3

输入了一句话

两颗钮同时亮起,你按哪个,就是哪个意图
AI 工作台
10 月 14 日 周三 14:30
待定浮彩周周屿

下午好,周屿

周五前把 KOL 名单发给张蕾
附文件 记一句⌘↵
悬停「记一句」时钮底染成便签纸色,
先给你看它会变成什么
发送=问 AI(Enter)
a没有「AI 猜你要记还是要问」:不对调按钮、不换说明行、不改占位字。两颗钮从灰变亮,仅此而已。
b主次固定:发送是墨色实心圆(对话是这个框的底色);「记一句」是白底描边胶囊、带字,第二位但一眼能认出。
c快捷键写在钮上(⌘↵),不另起说明行;ShiftEnter 换行,Esc 收起(已输入的字留着,下次点开还在)。
4

对话进行中(一问一答),记一句、丢文件仍在手边

框长成 720 宽的面板,输入框沉到底部,工具条原样跟着
AI 工作台
10 月 14 日 周三 14:30
待定浮彩周周屿

下午好,周屿

AI 助手只看你工作台里的纪要、日程、待办和文件 新对话
下午还有哪些空档?

下午有两段整块时间:15:10–16:20(70 分钟)和 17:10–18:00(50 分钟)。16:30 和林岚有 1:1,前后各留了 10 分钟缓冲。

出处日程 · 16:30 1:1 · 林岚
复制把这段存进随手记
周五前把 KOL 名单发给张蕾
附文件 记一句⌘↵
对话中途想起一件事,
写下点「记一句」,
不插进这段对话
文件可以点这里选,
也可以直接拖到面板任何位置
a版面:面板 720 宽、正文列 600 宽,15 号字、1.8 倍行高;你的话是浅灰气泡靠右,AI 的回答不加气泡、左侧一个小光点,像读一段文字而不是看聊天截图。问答间距 22。
b输入框沉底:和 ChatGPT、Claude 一样,对话越长越往上滚,输入框钉在底部;顶部一条细标题栏放「新对话」「收起」。原来顶栏胶囊的位置就是面板顶边,视觉上没有跳。
c回答下方的「把这段存进随手记」是另一条路:把 AI 说的话贴成便签。和工具条上的「记一句」(记你自己写的)分工清楚,文字也固定。
5

拖文件进来:先放进框里,再选存还是问

左:拖着悬停 右:放下后变成附件卡

下午好,周屿

记一句、问 AI,或拖入文件
松手,放进框里放下后再选:存进云端文件夹,或者直接问 AI
XLSXKOL候选名单_v3.xlsx
周周屿

.

XLSXKOL候选名单_v3.xlsx86 KB · 还没决定放哪 存进云端文件夹就问它
记一句、问 AI,或拖入文件
附文件 记一句⌘↵
a拖到哪都一样:拖进窗口的那一刻,顶栏框自己点开,中间出现紫色虚线落区(紫=「收到的」那种便签色),文案固定。松手不做任何决定。
b附件卡是虚线=还没定去向(沿用「虚线=未定、实线=已定」的惯例)。卡上两颗钮:「存进云端文件夹」白底、「就问它」墨底。右上 × 拿掉。
c不点卡上的钮也行:直接打一句问题按发送=带着文件问;只按发送不打字=「就问它」(AI 先讲这份文件说了什么)。卡还在时「记一句」只记文字,不带文件。
6

记下后:便签从框里飞出去,落到桌面随手记

左:框里的字变成一张小便签往下飞,框下沿落出回执 右:板上新便签着陆

下午好,周屿

记一句、问 AI,或拖入文件
附文件 记一句⌘↵
已贴到随手记第 8 条撤销去看看
周五前把 KOL 名单发给张蕾
刚刚
↓ 飞向下方的桌面随手记(不在视野里时,飞出下沿、回执上给「去看看」)
随手记8 条 · 收到的 2+1
刚刚周五前把 KOL 名单发给张蕾今天 14:30
周五前再问一遍赵明 KOL 报价今天 08:52
飞书群截图 · 拆出 1 条待办收到的截图 · 08:31
活动复盘可以让 AI 先出初稿,我只改结论昨天 21:15
方案 v3 的预算拆分明天一定补上昨天 18:40
满减和店铺券能不能叠加?10/12
会议室 Wi-Fi:NDHY-Meeting10/11
活动页第 2 版线框图昨天 19:05
点「去看看」后页面平滑滚到这里,新便签已经在第一格:
a它是「贴走」了,不是「消失」了:框里的字原地长出纸色底、轻轻歪一下,变成一张小便签,沿弧线朝随手记板的方向飞出去;框同时清空,等你记下一句。
b回执从框下沿落出,左边一张缩小的同色便签,写「已贴到随手记 · 第 8 条」,给「撤销」「去看看」。停 4 秒或开始打下一句时收回。
c板上着陆:新便签挤进第一格,其余依次让位(FLIP 位移);一圈同色光晕扩散后消失;卡头计数 7 滚到 8。板在视野里时,飞行终点就是这一格。
7

对话进行中丢文件、存下后的反馈

存文件不打断对话:卡由虚线变实线、打勾、收进一个回执;对话里不多一行
AI 工作台
10 月 14 日 周三 14:31
待定浮彩周周屿

下午好,周屿

AI 助手只看你工作台里的纪要、日程、待办和文件 新对话

……16:30 和林岚有 1:1,前后各留了 10 分钟缓冲。

XLSXKOL候选名单_v3.xlsx存进云端文件夹
这份里还有几位没报价?

23 位候选里还有 8 位在询价,其中 3 位是美妆类。按 10-07 渠道周会纪要,报价单要周三前确认,来得及的话今天下午先催这 8 位。

PDF活动页需求说明.pdf1.2 MB 已存进云端文件夹
记一句、问 AI,或拖入文件
附文件 记一句⌘↵
已存进云端文件夹现在 9 个撤销打开
a存的那一瞬:虚线收成实线(160 毫秒),钮上打勾画出来,钮文字只在这一刻由「存进云端文件夹」变成「已存进云端文件夹」——这是结果,不是猜测。0.6 秒后卡片收窄滑出托盘。
b回执落在面板下沿外,文件夹缩影+「现在 9 个」+撤销、打开;对话流里不插系统消息,保持对话干净。
c问过的文件在你的气泡上留一个文件签,签上仍有「存进云端文件夹」,问完想存一步到位,存过的就显示「已存」。
8

手机 390 宽

顶栏只剩框和头像;点开后是从底部升起的整屏面板,输入框在拇指区
平时
14:30
记一句、问 AI,或拖入文件
周

下午好,周屿

对话中,刚放进一份文件
14:31
AI 助手新对话
下午还有哪些空档?

下午有两段整块时间:15:10–16:20(70 分钟)和 17:10–18:00(50 分钟)。

出处日程 · 16:30 1:1
XLSXKOL候选名单_v3.xlsx86 KB · 还没决定放哪 存进云端文件夹就问它
记一句、问 AI,或拖入文件
附文件 记一句
a手机顶栏:标志、框、头像三样;日期和「待定」「浮彩」收进头像菜单。框依旧没有左侧图标。
b点开即整屏面板(从底部升起 360 毫秒),输入框和工具条在拇指能够到的底部;工具条与桌面完全一致,钮上不写快捷键。
c手机上「附文件」打开系统的文件/相册选择;附件卡的两颗钮换行铺满,好点。
9

动效:谁先谁后、多长、什么曲线

沿用现有缓动 cubic-bezier(.2, .8, .2, 1)(下称「标准」);全部用 Web Animations 与 FLIP,不动布局属性以外的东西

点开(胶囊 → 输入框)

总长 320 毫秒;文字不动,所以看起来是「框在文字下面长出来」

框高 40→124、圆角 20→240–300 · 标准
底色 72%白→纯白、投影加深0–180 · 线性
页面遮罩淡入0–240 · 线性
工具条上浮 6 像素+淡入120–320 · 标准
「可以问」三条依次淡入180 起,每条隔 40
0160320

发送 → 展开成对话

总长 520 毫秒;关键是你的那句话「从框里升成气泡」,而不是框里消失、上面另冒一条

文字飞成右侧气泡(FLIP)0–320 · 标准
面板宽 580→720、往下长0–360 · 标准
输入框沉到底(FLIP 位移)40–400 · 标准
标题栏淡入160–340 · 线性
回答逐行淡入(上浮 4)320 起,每行隔 50
0260520

记一句(贴走)

总长约 900 毫秒;按下即清空,不等飞行结束,可以连着记

钮按下缩 0.960–90
文字长出纸色底、歪 −4°60–240 · 标准
便签沿弧线飞向板(缩到 0.6)240–680 · (.3, .7, .2, 1)
回执从框下沿落出280–540 · 标准
板上着陆:让位+光晕+计数600–900,光晕 1.2 秒
0450900

丢文件 → 存下

拖入 220 毫秒;放下 240 毫秒;存下约 1 秒

拖进窗口:框点开、落区出现0–220 · 标准
放下:卡从指针处缩放落位放下后 0–240
点「存」:虚线→实线、打勾0–240
卡收窄滑出、回执落出600–860 · 标准
拖入放下存下
a收起是点开的倒放但更快(240 毫秒):工具条先淡出(0–100),框再缩回胶囊。对话收起时面板向上卷回胶囊,下次点开对话还在。
b「丝滑」的三条底线:只动 transform、opacity、clip-path;文字基线在任何状态切换里不跳;新动画开始时接住正在跑的动画(不从头播)。
c减少动态效果:所有位移、缩放、飞行改为 150 毫秒淡入淡出;便签不飞,直接出现回执;板上光晕改为一次静态描边 1 秒。
10

意图全由操作决定(对照表)

AI 不参与判断去向
你做的动作(文字)去向
按发送 · Enter问 AI,进对话
点「记一句」· ⌘Enter贴进桌面随手记,不进对话
回答下「把这段存进随手记」把 AI 的这段回答贴成便签
Esc 或点框外收起,已输入的字保留
你做的动作(文件)去向
拖进来/点「附文件」只放进框里,虚线卡,什么都不发生
点卡上「存进云端文件夹」存进云端文件夹,不进对话
点「就问它」/带着卡按发送和文字一起问 AI;不打字时 AI 先讲文件内容
点卡上 ×拿掉,什么都不留
11

可点演示

点框、打字,试「记一句」与发送;右下角可模拟丢文件
AI 工作台
10 月 14 日 周三 14:30
周周屿
随手记7 条
周五前再问一遍赵明 KOL 报价今天 08:52
飞书群截图 · 拆出 1 条待办08:31
活动复盘可以让 AI 先出初稿昨天 21:15
方案 v3 的预算拆分明天补上昨天 18:40
记一句、问 AI,或拖入文件⌘K
a演示只做了点开、记一句(飞向板)、发送展开对话、丢文件后存/问四条路,回答是写死的示例。
b键盘:Enter 发送,⌘Enter 记一句,Esc 收起。
c系统开了「减少动态效果」时,演示里飞行与形变改为淡入淡出。