以 skill 自身的术语
design-style-skill 通过在使用 PptxGenJS 构建的 10" × 5.625" LAYOUT_16x9 画布上,以英寸为单位调整圆角半径(rectRadius)和间距,为 PPT 幻灯片选择一套一致的视觉体系。它提供四种方案——Sharp & Compact、Soft & Balanced、Rounded & Spacious 和 Pill & Airy——每种方案都配有小、中、大圆角、元素内边距、元素间距、页边距和区块间距的 token 表。
这些 token 映射到六种组件:按钮和标签、卡片和容器、图片容器、输入框形状、徽章和头像框。混用原则涵盖圆角嵌套、密度驱动的间距,以及圆角与高度的关系,之后是从 10 pt 到 96 pt 的字体排版比例、间距比例,以及按演示类型划分的快速选择表。
它产出什么
- 每种风格的组件级 rectRadius 映射,涵盖所有四种方案中的按钮和标签。
- 可直接套用的 PptxGenJS addShape 调用示例,展示给定风格下的形状、位置、填充颜色和 rectRadius。
- 六个使用层级的字号(磅),封面和章节标题最高可达 44-60 pt。
- 以英寸表示的间距刻度,用于卡片内边距和其他间隙。
工作方式
- 01从概览中挑选一个 Recipe
四种样式由圆角范围和间距范围定义,各自对应适用场景,从数据密集型报告到发布会活动。
- 02复制该样式的 Token 表
每个 Recipe 都以英寸给出数值化的圆角 token;Rounded & Spacious 的大圆角设定为 0.25"。
- 03将 Token 映射到组件上
组件表为每个组件在全部四种样式下给出 rectRadius,因此卡片/容器在 Sharp 中为 0.03",在 Soft 中为 0.1",在 Rounded 中为 0.2",在 Pill 中为 0.3"。
- 04依据元素高度选择圆角
圆角并非单一固定值:高度表将元素划分为低于 0.3"、0.3"-0.6"、0.6"-1.2" 和高于 1.2" 四个区间,各样式在每个区间下都有各自的圆角。
- 05从字号表中设定字号
六个使用层级从注释和来源一直到数据高亮;正文和描述文字位于 14-16 pt。
- 06在快速选择指南中确认选择
演示类型决定推荐结果——技术分享指向 Sharp 或 Soft,以获得专业性和清晰的信息呈现。