圆角一致性Corner Feel

圆角一致性实验台：一处偏离就显拼接

任务是为「项目申请卡」定圆角。选一个气质档位，按钮、输入框、卡片同步倒角、气质标签跟着变；再点「打破输入框」，看一处偏离为什么让整屏掉到拼接感。倒角、气质徽章和偏离标记都长在卡片物件上。

面板里读到的结论

刚才的倒角、气质徽章和审计计数，对应的是气质映射、同族共享、偏离拼接和审计方法这几条主线。

• 半径映射气质：0 锐利显严肃，4 克制稳健，8 均衡友好，16 柔和亲切——选档位就是选气质。
• 同族共享半径：按钮、输入、卡片用同一个值，调一处全族同步，构成一种倒角语言。
• 一处偏离就拼接：只一个组件偷写不同值，倒角语言断裂，整屏立刻显廉价。
• 审计方法：把每个组件的实际 radius 对照基准 token，数差值，得到「不一致 X/3」。
• 一致不等于千篇一律：胶囊给短标签、圆形给头像仍是合法例外，但不传染给大容器。

什么时候专门做圆角一致性

看到同屏组件圆角各写各的、或被「亲切」裹挟全胶囊时做；锐利品牌站、数据密集表格不必往柔和方向调。

怎么从审计走到统一

从一屏真实组件出发，数出偏离项，再决定哪些是合理例外。

1. 截图或列出本屏所有要倒角的组件，按同族分组：容器（卡片/弹层）、操作（按钮/输入）、例外（标签/头像）。
2. 读出每个组件的实际 radius，对照基准 token，标出不一致项，得到「不一致 X/N」。
3. 给容器和操作各选一个气质档位（如均衡 8 或锐利 0），同族共享，一次统一。
4. 例外单独定义并注明语义：标签 999 胶囊、头像 50% 圆形，不传染给大容器。
5. 真实屏复检：倒角有没有切掉焦点轮廓、图片裁切和点击热区。

盯这些关注点

做圆角一致性时常只盯「够不够柔和」，偏离、例外和裁切更容易出问题。

• 盯偏离：一个输入框偷写不同值就足以让整屏显拼接，审计要数差值，不只看截图感觉。
• 盯例外传染：胶囊、圆形是给特定短内容/头像的，泛化到大容器就显廉价。
• 盯气质选档：锐利/柔和要匹配场景情绪，不是越圆越亲切越好。
• 盯裁切与焦点：统一半径后，图片 overflow、焦点轮廓和点击热区仍要完整。

同一张申请卡：正例与反例

目标都是让整屏气质统一。差异只在输入框是否偏离基准。