KIN 示例

核心组件规范

动效实验室 状态示例

操作与选择

执行、开关、单选和模式选择使用不同语义。

操作与选择

操作

审批通过后才能发布。

布尔设置

复核模式

显示密度

按钮行为实验台

按钮的差异来自任务,不来自换一组颜色。下面把层级、异步反馈、菜单、危险确认和图标说明放进同一个真实工作流。

4 类任务 · 1 个主要操作
价格规则

渠道价格同步

草稿

官网与两个销售渠道 · 最近编辑于 2 分钟前

触发条件渠道价格偏差超过 8%
执行方式先由人工复核
生效范围在售商品 · 148 项

所有操作只影响本页示例。

危险操作

停用当前同步规则

确认信息解释影响;完成后提供撤销,而不是把错误状态伪装成另一个按钮变体。

按钮层级规范

按任务选择,不按装饰选择

主要
推进当前任务;同一区域只保留一个。
次要
支持主任务,但不改变用户当前承诺。
弱化
上下文操作;需要时出现,不抢占层级。
危险
不可逆或高影响操作;必须说明后果。

确认危险操作

停用渠道价格同步?

新价格将不再自动进入复核队列。已有记录和审计历史会保留。

登录与身份验证

登录页、页面内重新验证和一次性密码属于同一访问体系,但承担不同任务。

身份验证与访问

登录工作区

使用项目自己的身份服务继续。

本地交互示例:不会发送、保存或验证任何凭据。

按任务选择入口

不要把完整登录页塞进每个工作流。

完整登录

独立页面;处理登录、恢复、SSO 与会话错误。

查看页面
任务中登录弹窗

认证过期时保留当前草稿,并只恢复用户已经请求的保存操作。

页面内重新验证

在敏感操作前保留当前任务和上下文。

一次性密码

仅当身份服务确实要求时使用;不提供虚假的倒计时。

查看使用条件

表单与输入

标签、输入值、帮助、错误和提交结果由对应字段或表单拥有。

表单与输入
补充证据 PDF、PNG 或 JPG,单个文件不超过 10 MB。文件会先校验,再进入上传流程。 本地交互示例:不会连接服务器,也不会把模拟完成描述成真实上传。

将一个文件拖放到这里,或使用文件选择器。

尚未选择文件等待选择

选择前可查看类型、大小和隐私约束。

数据展示

结构、来源、新鲜度和状态在扫描时保持可比较。

数据展示
待复核的价格变化
商品变化状态更新
Field Jacket+12.4%待复核4 分钟前
Canvas Tote−3.1%已核验18 分钟前
Studio Lamp未知来源不可用2 天前
规则 ID
RULE-024
负责人
林晨
标签
价格人工复核
数据完整度
86 / 100
来源
3 个已核验来源
价格规则
异常变化
渠道折扣
库存规则
截断与完整值尾部截断 · 中间截断 · 多行截断 · RTL
域名 monitoring-primary-endpoint.alpha-network.example.com
معرّف المصدر PRX-1027-4f2a…8d91.json
事件摘要

证书续期后签发机构保持不变,解析记录与监测入口均未发生变化;当前证据不足以调整对象风险等级。

动效、反馈与进度

动效解释状态和空间关系;反馈出现在能够解释结果的最小范围内。

动效与反馈

成对状态

标签描述下一步操作;两枚图标保留在同一光学槽内,快速反向不会引起布局变化。

异步操作

等待、完成与恢复发生在同一控件内,不移除图标节点,也不改变布局。

临时通知

Sonner 在首次需要时加载,并更新同一条任务通知。

展开内容

浮层

根据任务范围和空间关系选择对话框、抽屉或弹出层。

浮层

确认操作

停用价格异常规则?

新记录将不再进入人工复核。已有任务和审计记录会保留。

继续当前任务

登录后保存筛选视图

当前筛选、列顺序和未提交说明保持不变。成功后只继续“保存筛选视图”。

本地示例未接入组织登录服务。

敏感操作

重新验证身份

当前页面保持不变。连接真实身份服务后,再允许用户继续执行敏感操作。

本地交互示例:不会发送或记录输入。