SuperAPI AI 工具集

presentation-design

设计与创作

查看项目

更新于 10-15 08:12

技能介绍

Presentation Design 是一套面向现场演示(live presenting)的视觉设计指南,目标是帮助制作者做出大胆、极简的演示文稿。它不提供具体软件或代码,而是以规范与模板的形式给出可直接套用的设计规则。

一、核心风格 主题为深色优先、高对比、极简,同时支持浅色模式。整体感觉现代、自信、科技感强。

二、颜色与字体规范 背景:黑色(#000000)或近黑色;浅色模式为 #fafafa。 主文字:白色(#FFFFFF);浅色模式为 #09090b。 次要文字:灰色(#9CA3AF)。 强调色:按章节区分(见下)。 字体:无衬线字体(如 Geist Sans),大字号下使用较轻字重。 字距:紧凑,范围 -0.035em 到 -0.015em。

三、字体层级 冲击力来自字号规模而非字重。使用轻/常规字重(400-600)配合超大字号。 章节标签:小型大写字母,使用章节色,字距加宽,例如“THE PROBLEM”“WHAT WORKS”。 标题:超大字号,主色,轻字重(400-500),通过容器查询实现流式字号,每行通常 1-5 个词。 副标题:较小字号,次要/弱化色,常规字重,最多 1-2 行。 正文/项目符号:中等字号,主色或次要色;使用时可用加粗引导词(600 字重)。

四、文字对比层级 用四级对比营造层次: 主级:标题、关键内容,白色 / #FFFFFF。 次级:副标题、辅助文字,浅灰。 弱化:标签、元数据,中灰。 极弱:背景元素,深灰。

五、章节颜色 每个主要章节拥有自己的强调色,用于强化结构、帮助观众定位。 青色 #14b8a6:开场、框架、回顾。 红色 #f87171:问题、挑战、张力。 紫色 #a78bfa:解决方案、功能、工具。 琥珀色 #fbbf24:数据、现实检验、注意事项。 绿色 #34d399:最佳实践、有效做法。 蓝色 #60a5fa:技术、实现。 粉色 #f472b6:亮点、特别提示。 章节色会出现在章节标签、渐变背景、进度条和强调元素中。

六、布局模式 全屏陈述(最常用):左上章节标签,中部超大标题,下方弱化色副标题,右下可放引用链接。 大陈述(最大冲击):仅保留章节标签与居中超大陈述句。 分栏布局:左侧标题与副标题,右侧项目符号列表。 章节分隔(带渐变):左侧章节标题与副标题,右侧渐变背景块。 代码幻灯片:章节标签、标题、副标题,下方为语法高亮代码块。 数据/指标:顶部为指标框(如 $10M ARR、~10% GROWTH、NPS 90),下方为章节标签、标题、副标题。 人物/照片网格:标题与副标题下方为照片网格,每张照片配姓名与头衔;照片风格为圆角、黑白或统一风格。

七、幻灯片类型与布局对应 标题:全屏陈述,居中。 章节分隔:分栏加渐变,使用章节色。 陈述:全屏陈述,左对齐。 大陈述:大陈述,最大字号。 问题:全屏陈述,居中。 目标/议程:分栏布局,项目符号在右。 数据:指标框置顶。 代码:标题加语法高亮代码块。 引用:居中,大号引号。 人物:照片网格。 回顾:分栏布局,带标签的项目符号。 资源:按章节分组的参考链接。 下一步:时间线或带标签的项目符号。

八、可嵌入内容 幻灯片可在标题旁嵌入富媒体:代码块(语法高亮、深色表面背景)、终端输出(等宽字体、支持 ANSI 颜色)、推文卡片(带头像与署名的引用卡片)、视频预览(缩略图加播放按钮)、文章预览(带标题与描述的链接卡片)。

九、视觉元素 章节标签:左上角,大写,章节色。 进度条:底部边缘,章节色,细(3px)。 引用:底部页脚,可点击 URL。 渐变:使用章节色的极光式背景效果。 图标:简单线条图标,白色或强调色,克制使用。

十、应避免的做法 大段密集文字;超过 4-5 个项目符号;剪贴画或图库图片;标题使用过重字重(应改用字号规模);多个相互竞争的视觉焦点;为动画而动画。

关于该技能的安装方式、平台支持、收费情况等,资料中暂未提供。