胶囊
Pill / Capsule
一种两端完全圆润的界面形状,常用于按钮、筛选项、标签、状态和分段导航,让控件更轻、更柔和、更容易被识别为可点击。
A fully rounded capsule shape used for buttons, filters, tags, status labels, and segmented controls. It makes controls feel softer, lighter, and clearly tappable.
交互预览
可以直接对 Agent 说
设计一组胶囊形 UI:包含筛选胶囊、状态胶囊、主按钮和分段导航。使用 9999px 圆角、足够的水平内边距、轻边框、低饱和浅色背景,并给选中、悬停、禁用和可移除状态做清晰区分。避免把整页所有卡片都做成胶囊,只在短文本、动作和状态上使用。
相关可运行档案研究
该术语暂未建立精选案例映射,可从馆藏中继续搜索。