圆角的气质
Corner Feel
初级通用圆角的气质（Corner Feel）是界面中各种边角的弧度、轮廓和搭配方式共同形成的视觉感受。它帮你把“做得柔和一点”说成可检查的设计要求，比如让卡片、按钮和弹窗的转角看起来属于同一套界面。
你可能会说：「帮我把页面的边角做得柔和一点，但别把按钮、卡片和弹窗都变成一样圆。」
动手看看发布工作台的圆角搭配
圆角搭配
看看左侧草稿卡片、预览按钮和右侧确认弹窗的边角；切换搭配方案、拖动圆角幅度，再悬停或用 Tab 聚焦按钮，感受整套界面的气质。
现在卡片、弹窗和按钮都用同一个圆角值。它们大小不同，但转角遵循同一条规则，看起来更像同一套产品。
要点圆角的气质从哪里来？
- 1
先看转角再看数值大小
同样写着圆角，边角可能是紧凑地转弯，也可能是缓缓过渡。你判断气质时，先看实际轮廓，再看参数；只把所有组件的圆角数值调大，不一定会得到你想要的感觉。
- 2
不同尺寸需要搭配着看
一个小按钮和一张大卡片即使用相同的圆角数值，看起来也不会一样圆。我们通常会把它们放在同一页比较，因为气质来自彼此的关系，而不是某个组件单独的数值。
- 3
内外轮廓影响整体感觉
卡片里如果还有图片或输入框，内层边角也会进入视线。内外轮廓搭配得当，内容看起来才像放在同一个容器里；如果内层比外层还圆，就可能让边角显得拥挤。
容易混淆的地方
圆角是某个元素边角的具体处理，圆角的气质则是整套界面给人的感觉：它还取决于组件尺寸、内外层关系和重复出现的轮廓。它也不等于“可爱风”；柔和的转角能用于后台工具，但是否显得活泼，还要看颜色、字体和间距。
什么时候用
适合用
- 做 SaaS 后台时，卡片、筛选框和弹窗分别开发完却不像同一套界面，可以用它讨论转角关系。
- 让 AI Agent 根据参考图实现页面时，用它描述整体边角感觉，再检查生成的组件是否一致。
- 设计组件库时，想区分紧凑控件与大容器的圆角，而不是给所有组件套同一个数值。
不适合用
- 表单提交后用户看不懂哪里填错时，先改错误提示和字段反馈；调整边角解决不了信息缺失。
- 数据表格让人难以比较数值时，先处理对齐、列宽和视觉层级；圆角的气质不是主要问题。
练一练选一个答案，看看解释
你让 AI Agent 做一个管理后台。页面里的卡片显得方正，按钮却像药丸，弹窗又用了另一种转角。你会怎样描述修改方向？
让 AI 帮你做复制给 AI Agent 直接用
请调整这个管理后台的圆角的气质：保留偏克制的感觉，让卡片、按钮、输入框和弹窗的转角彼此协调，但按组件尺寸区分弧度。也检查卡片内图片、输入框等嵌套元素的边角，并说明你改了哪些样式。