即刻App年轻人的同好社区
下载
App内打开
阿基拉de.Akir
48关注10被关注0夸夸
Design Engineer 前大厂牛马
我的工作是产出设计规范中"可被工程消费"的语义层
把设计意图翻译成机器可读的代码格式
阿基拉de.Akir
12:25
这几个月我在设计一套面向AI生成界面的三阶段语义约束工作流,将设计意图形式化为机器可读的语义契约,在内容生成前预置语义边界与行为约束。
诊断阶段的核心工具是6字段语义快照:component_type、visual、copy、interaction、context、user_confusion。其中 user_confusion 字段是诊断语义漂移的关键输入。
我采集了20个AI产品界面,按6字段快照记录后聚类,归纳出5种高频语义组件:错误状态、过程状态、边界动作、操作按钮、告警状态。
通过"组件→语义→视觉"三层判定,归因到6个漂移模式
从观察到规则的生产线,让语义漂移从"感觉不对劲"变成"可被结构化定位"。

20个语义快照的聚类成果 5种组件的语义断层证据

00
阿基拉de.Akir
10:26
告警状态:按语义权重对齐而非文案风格 Schema-As-Code阶段一通过6字段语义快照记录法建立界面语义检查方法
在专题一至专题四之后
我继续采集样本发现告警状态组件存在第五种语义断层

分类依据 语义权重而非文案风格
告警状态的分类标准不应是"文案是否通顺"
而应是"语义权重是否与紧急程度对齐"
文案风格是表达问题语义权重是认知问题
当LLM用同义词替换关键术语时
它抹平了人工精心设计的语义层级
导致用户低估紧急程度

当用户看到系统提示时核心困惑是:这个词有多严重?我是否忽略它?如果系统没有区分"系统级故障"和"普通通知",用户可能低估紧急程度,导致响应延迟
这种"同义词替换抹平语义层级"的现象构成了告警状态组件的语义断层

分类法 三级语义权重
基于紧急程度和对用户的影响我将告警状态划分为三个语义级别
Critical(系统级故障):需要立即响应
必须使用标准术语"Critical",禁止降级为"严重"等近义词
必须提供恢复路径或人工支持入口,使用最高视觉权重

Warning(用户可恢复):用户可自助恢复的限制
必须使用标准术语"Warning",禁止与"Critical"混用
必须显示恢复时间或操作步骤,使用黄色提示,禁止使用红色背景避免情绪过载

Info(纯通知):无需行动,仅需知晓
必须使用标准术语"Info",禁止要求用户立即行动,可自动消失,使用蓝色提示

诊断方法:同义词防火墙检查
判定告警状态是否存在语义断层,核心检查项是:是否配置了同义词防火墙,拦截关键术语的降级替换
当LLM输出"严重"替代"Critical"时,系统应自动拦截并提示标准术语
未配置同义词防火墙时即触发ALR-001模式

语义契约 ALR-001
基于上述分类法我将告警状态的语义约束形式化为YAML契约
该契约定义了三种告警级别的语义令牌、视觉映射、约束规则和同义词防火墙
当AI生成告警文案时,此契约可被编译为Prompt前缀注入生成指令,拦截降级替换

验证 同义词拦截测试
我设计的在线语义分级器可输入任意告警文案,自动检查是否存在降级替换
该工具在单点场景下验证了ALR-001契约的逻辑闭环
当工程团队接入生产环境后,此逻辑可扩展为CI流水线的自动化校验节点
00
阿基拉de.Akir
09:49
操作按钮:按后果可逆性区分而非功能统一
Schema-As-Code阶段一通过6字段语义快照记录法建立界面语义检查方法
在专题一至专题三之后
我继续采集样本发现操作按钮组件存在第四种语义断层

分类依据 后果可逆性而非功能类别
操作按钮的分类标准不应是"用户点击后触发什么功能",而应是"用户点击后的后果是否可逆"
蓝色在界面语义中通常关联"安全""确认""前进"
红色关联"危险""警告""停止"
当不可逆操作按钮使用与普通操作按钮相同的蓝色实心样式时
用户在视觉语义上无法区分两者的风险等级,误触风险随之升高
AI 在生成按钮时
通常只理解"用户需要一个按钮"
而不理解"这个按钮的后果是毁灭性的"

这种"不可逆操作与普通操作在界面语义上等价"的现象,构成了操作按钮组件的语义断层

分类法 两级后果分级
基于操作后果的可逆性我将操作按钮划分为两个语义级别

Destructive(不可逆操作):操作后果不可恢复,如删除账户、清空数据、注销服务
必须使用红色空心描边样式(outline_danger),禁止与普通按钮使用相同样式
必须包含二次确认弹窗,文案明确说明"此操作不可恢复"
必须提供取消选项,且取消按钮的视觉权重不低于确认按钮

Reversible(可撤销操作):操作后果可恢复,如保存设置、修改昵称、切换选项
可使用常规主按钮样式(contained_primary),无需二次确认

诊断方法 四个判定要素
判定操作按钮是否存在语义断层,需检查四个要素
按钮样式是否为红色空心描边?
是否包含二次确认弹窗?
文案是否明确说明"不可恢复"?
取消选项的视觉权重是否不低于确认按钮?
任一要素缺失时即触发 ACT-001 模式

语义契约 ACT-001
基于上述分类法,我将操作按钮的语义约束形式化为 YAML 契约如图
该契约定义了不可逆操作与可撤销操作的语义令牌、视觉映射和不可变边界
AI 生成操作按钮界面时,此契约可被编译为 Prompt 前缀注入生成指令

验证
我设计了A/B对比推演框架
对比蓝色实心按钮与红色空心按钮在用户决策行为上的差异
A组使用蓝色实心"确认"按钮,B组使用红色空心"确认删除账户"按钮
推演指标为用户平均决策时间和误触率
该推演框架在演示环境中通过语义分级器验证了按钮样式与后果级别的映射逻辑
当工程团队接入生产环境后
可通过用户行为数据采集完成真实A/B测试
00
阿基拉de.Akir
2天前
Schema-As-Code阶段一通过6字段语义快照记录法建立界面语义检查方法
在专题一与专题二之后,我继续采集样本发现边界动作组件存在第三种语义断层

分类依据:用户权利状态,而非系统策略
边界动作的分类标准不应是"系统是否触发了安全策略"
而应是"用户在该策略下的权利状态"
系统知道"触发了安全策略"
但用户需要知道"我的上下文还在不在""对话还能继续吗""我能申诉吗"

当AI系统拒绝用户请求时,核心差异是权利状态
拒绝是对话的继续
用户可继续提问;终止是对话的死亡,上下文被清空,必须重新开始
如果系统没有区分这两种权利差异,用户无法判断自己的处境
这种"拒绝与终止在界面语义上等价"的现象,构成了边界动作组件的语义断层

分类法:三级边界动作
基于用户权利状态的变化,我将边界动作划分为三个语义级别:

Refusal(拒绝请求):基于安全策略拒绝特定请求,但保留会话上下文
必须明确说明拒绝原因,提供替代建议,禁止终止整个会话
用户权利:对话继续,历史保留,可重试

Termination(终止会话):检测到严重违规,强制终止会话并清空上下文
必须明确告知会话已终止且不可恢复,说明数据保留政策,提供申诉入口
用户权利:对话结束,历史可能清空,需重新开始

Escalation(升级审核):提交人工审核等待回复
必须说明审核预计时间,提供状态查询入口
用户权利:对话暂停,等待人工介入。

诊断方法:两个判定问题
判定边界动作是否存在语义断层,需回答两个问题:用户是否明确知道会话状态(继续/终止/暂停)?用户是否拥有申诉或反馈路径?
任一问题无法从界面直接获得答案时触发BND-001模式。

语义契约:BND-001
基于上述分类法,我将边界动作的语义约束形式化为YAML契约如图
该契约定义了三种边界动作的语义令牌、视觉映射、用户影响和不可变边界
当AI生成边界动作界面时,此契约可被编译为Prompt前缀注入生成指令

验证:权利差异对比
我设计的在线语义分级器可输入任意边界反馈文案,自动匹配边界级别并输出权利状态说明
在单点场景下验证了BND-001契约的逻辑闭环
当工程团队接入生产环境后,此逻辑可扩展为CI流水线的自动化校验节点。
00
阿基拉de.Akir
3天前
过程状态:按认知阶段显化,而非按动作标签描述

Schema-As-Code阶段一组件语义快照与模式诊断
通过6字段记录法建立界面语义检查方法
其中用户困惑字段指向语义层缺失
在专题一分析错误状态之后
我继续采集样本发现过程状态组件存在另一种语义断层

分类依据:认知阶段,而非动作标签
过程状态的分类标准不应是动作标签(Searching/Reading/Wrapping up)
而应是认知阶段的可视化
动作标签描述的是AI在做什么(搜索、阅读、总结)
认知阶段描述的是AI处于什么认知状态(检索事实、综合观点、验证来源、生成答案)

用户等待AI干活时核心困惑是
AI现在是在查资料还是在编答案?这个结果可靠吗?
如果系统只显示动作标签而不显示认知阶段,用户无法建立对最终答案可信度的预期
这种动作标签模糊、认知阶段不可见的现象,构成了过程状态组件的语义断层

分类法:四级认知阶段
基于AI处理信息的认知流程,我将过程状态划分为四个语义级别
Retrieva:从外部来源获取原始信息。必须显示已检索到的来源数量,禁止跳过此阶段直接显示答案
Synthesis:对比多源信息,识别共识与分歧。必须显示共识度指标(如 X 个来源一致、Y 个来源存在分歧),禁止隐藏来源冲突
Verification:核对引用锚点与原文一致性。必须验证引用链接可访问,禁止引用已失效来源。
Generation:基于验证后的信息生成最终答案。必须附带完整引用索引,禁止生成无来源支撑的结论

诊断方法:三个判定问题
判定过程状态是否存在语义断层,需回答三个问题
AI是在检索事实还是开始推理?来源可信度是否可见?最终答案基于验证还是猜测?
任一问题无法从界面直接获得答案时即触发PRO-001模式

语义契约:PRO-001
基于上述分类法,我将过程状态的语义约束形式化为YAML契约如图6
该契约定义了四种认知阶段的语义令牌、视觉映射和约束规则
当AI生成过程状态界面时,此契约可被编译为Prompt前缀注入生成指令

验证:语义分级
我设计的在线语义分级器可输入任意过程文案,自动匹配认知阶段。
例如输入"Searching...",系统匹配到retrieval级别,建议显示"已找到X个来源";
输入"Wrapping up...",系统匹配到generation级别,建议显示"基于已验证的X个来源生成中"。
该工具在单点场景下验证了PRO-001契约的逻辑闭环
当工程团队接入生产环境后,此逻辑可扩展为CI流水线的自动化校验节点。
00
阿基拉de.Akir
4天前
错误状态:按用户后果分类而非按颜色分类

Schema-As-Code 阶段一"组件语义快照与模式诊断"的目标,是在AI生成内容之前建立可复用的界面语义检查方法。
我为此设计了6字段语义快照记录法:组件类型、视觉特征、文案内容、交互行为、使用场景、用户困惑。
其中"用户困惑"是诊断语义漂移的关键输入,记录用户面对组件时的真实疑问,指向语义层的缺失。
通过语义快照的采集与聚类,我发现AI产品在错误状态组件上存在共性失真:
系统用红色统一表达所有故障,但用户面对不同故障时的后果完全不同。
这种"颜色统一、后果分级缺失"的现象构成了错误状态组件的语义断层。

分类依据:用户后果,而非视觉颜色
错误状态的分类标准不应是"是否用了红色",而应是"用户遭遇该故障后的后果严重程度"。
红色只传达情绪,不传达信息。
用户的核心困惑是:这个错误是刷新即可恢复,还是数据已经丢失?
如果系统没有区分这些后果差异,用户只能依靠猜测行动。

分类法:四级后果分级
基于用户后果严重程度,我将错误状态划分为四个语义级别:
Fatal(系统级故障):对话上下文可能已丢失,必须提供恢复路径,使用最高视觉权重(红色脉冲、八边形警告图标)。
Transient(网络层故障):系统可自动恢复,用户无需操作。使用中性视觉权重(灰色加载、旋转图标),显示自动重试进度。
Retryable(限流/流控):用户可自助恢复,通常只需等待或升级。使用黄色提示,明确显示剩余等待时间或升级路径。
Degraded(部分功能可用):核心流程仍可继续。使用蓝色提示,说明可用功能并提供替代方案。

诊断方法:三个判定问题
诊断错误状态组件是否触发 ERR-001 语义断层模式,
需验证三个语义约束条件
用户恢复路径完整性、系统自动恢复标识、上下文持久性声明
任一约束校验未通过时,即判定该组件存在语义断层。

语义契约:ERR-001
基于上述分类法,我将错误状态的语义约束形式化为YAML契约
该契约定义了四种错误级别的语义令牌、视觉映射和用户行动。
当AI生成错误状态界面时,此契约可被编译为Prompt前缀注入生成指令,或被前端组件库消费为Props校验规则。

验证:语义分级器
我设计的在线语义分级器可输入任意错误文案,自动匹配语义级别并输出建议的视觉映射和用户行动。
例如输入"请求过于频繁,请稍后再试",系统匹配到retryable级别,建议黄色提示、时钟图标、等待倒计时或升级路径。
该工具在单点场景下验证了ERR-001契约的逻辑闭环。
当工程团队接入生产环境后,此逻辑可扩展为CI流水线的自动化校验节点。
00
阿基拉de.Akir
5天前
当AI生成界面时,谁在守住设计意图?

在大型软件团队做体验架构期间
我观察到一种系统性失真
设计师在规范中明确定义了高危操作需特殊视觉权重+二次确认
落到实现层时却变成了普通样式+通用文案
这是设计意图从人脑到机器的过程中丢失了语义层
规范只描述了长什么样,没有定义这意味着什么,机器无法识别风险权重

传统产品团队的流程通常包含多个翻译环节
PM写文档→设计师出图→前端写代码→走查发现不一致→再改一遍
每个环节都是一次翻译都有损耗

当前AI工具正在压缩这些翻译环节
PM可以直接输出原型,设计师可以在真实代码上工作,AI可以生成可运行页面
形态层的效率问题已基本被各类Design-to-Code工具覆盖

但还有一层翻译当前工具链尚未系统化覆盖
设计意图→AI生成内容
当AI用概率生成文案、按钮样式、错误状态时
它理解这里需要一个按钮,但不理解这个按钮按下去会删除用户数据,因此必须是红色描边,必须有二次确认
形态层解决长什么样、怎么写,语义层解决意味着什么、不能突破什么
当前者被各类工具覆盖时后者尚未建立系统化的约束机制

图1‌:形态层vs语义层一张分工图
图2‌‌、图3‌‌、图4‌‌‌、‌图5‌‌:四个领域的前后对比
图6‌:多维表产品/工具类型×层级定位×语义盲区×语义约束协议叠加方式
图7‌‌‌:多维表语义约束协议叠加方式×领域消费方
图8‌: 我的解法从一个组件的语义对齐开始

我最初试图拉通整个研发环境来解决这个问题发现范围过大
现在从对齐一个组件的语义说起
具体做法
1.选一个最混乱的组件
2.画出语义断层地图:设计意图→自然语言规范→AI概率生成内容,标红断裂点
3.写成设计开发语义词典的一个条目:定义这个组件在这个场景下必须表达什么语义、不能突破什么边界
4.用YAML形式化:让机器可读 可编译 可校验
我作为语义翻译者,比工程师更懂设计意图的语义,比设计师更懂实现的约束

我的产出是设计规范中可被工程消费的那一层,让设计意图在跨角色传递时不变形

总结
AI 正在压缩翻译环节,这是当前工具链的主流方向
但还有一层翻译尚未被系统化覆盖:设计意图→AI生成内容
我认为把设计规范写成代码格式,让AI在生成内容之前先知道这个场景下不能说什么词,这个按钮按下去会有什么后果,这个错误状态代表什么级别的严重性
当语义层先对齐视觉层自然会对齐
#提示词工程
00
阿基拉de.Akir
18天前
生成式内容演进分三阶段:直接生成仅靠模型,句法可通但语义漂移,需人工修补;提示工程调优指令,但提示词无强制约束,多次输出仍发散;规范驱动阶段前置规约层,将语义约束编码为硬边界,生成时强制遵守,保障句法语义一致且可审计,实现从优化到约束生成的转变。
00
阿基拉de.Akir
18天前
代码、审查、数据三领域独立验证:代码转换以中性规范锁定语义,审查闭环以确定性编排执行安全操作,数据治理以约束基建版本化规则。均指向规约层解耦语法与语义,拦截漂移。基于此,语义生成(UI/文案)同样需前置规范,以声明式规则锁定色彩、措辞、状态转移等高层语义,确保一致性与可追溯性。
00
阿基拉de.Akir
18天前
EPAM Vasyl Yaremovych在arXiv 2026指出,直接Code-to-Code转换可保留语法但引入语义漂移,经Python转Java、SQL方言验证,暴露语法正确但语义漂移、模型自举、业务语义丢失、可追溯断裂。解法是插入中性文本规范,捕获语义但不转移语法,将意思与语法解耦,作为确定性锚点拦截采样漂移。
00