博文

PPT Skill|压进了我 10 年的设计经验

  今天这篇文章聊聊这个 Skill 长什么样,以及作为一个做了十年设计的人,我为什么会觉得它好看。 它长什么样 打开 Skill 生成的 PPT,第一眼的感觉大概是:这不太像 AI 做的。 几个直观特征: 封面 :墨色底 + 衬线大标题,背后一层若隐若现的 WebGL 流体在缓缓流动 正文 :底色切回纸白,墨字压在上面,像一本摊开的印刷杂志 翻页 :横向左右滑动,键盘、滚轮、触屏手势都行,不是 PowerPoint 的下一页 元数据 :每页四个角落有小号等宽字,写着 "Act II · 15 / 25" 这类报刊页码 我给这套视觉基调起了个名字,叫" 电子杂志 × 电子墨水 "。 灵感来源是《Monocle》《卫报》《NYT》这类印刷杂志的版式传统,叠加 Kindle 电子纸的阅读美学,再用当代 Web 的交互语法串起来。 它能做什么 Skill 目前提供 10 种页面布局、5 套主题色预设,和一套完整的翻页交互。 10 种布局 覆盖了一场 15-30 页分享会用到的几乎所有页面类型: 开场封面、章节幕封、数据大字报、左文右图、图片网格、Pipeline 流程、悬念问题、大引用、Before/After 对比、图文混排。 每种都是一段可以直接粘贴的 HTML 骨架,改掉文字和图片就能用。 5 套主题 分别对应不同场景: 墨水经典 — 商业发布、通用默认 靛蓝瓷 — 科技、研究、AI 发布会 森林墨 — 自然、可持续、人文 牛皮纸 — 怀旧、文学、独立杂志 沙丘 — 艺术、设计、创意 每套主题只是 6 个 CSS 变量的不同取值,切换主题只要替换 :root 里那 6 行代码。 用户不允许自定义 hex,后面会说原因。 翻页交互 支持键盘左右箭头、鼠标滚轮、触屏滑动、底部圆点跳转、ESC 键打开缩略图索引。 尽量接近在浏览器里翻一本真实杂志的体验。 产物是一个 单文件 HTML ,双击浏览器就能看,发给别人也只是一个文件,不用担心字体和动画在别人电脑上乱掉。 怎么用 其实这份 Skill 真正的价值不在模板本身,而在它定义了一套 人 × AI 协作做 PPT 的接口。 下面三件事,是我自己用了一周后,觉得最值得告诉别人的。 先跟 AI 说清这 6 件事 Skill 装好之后,你只需要说一句"帮我做一份杂志...