(TODO)如何做出亮眼的PPT
持续补充内容
几个衡量的指标
分析、临摹优秀的作品。
菜就多学、菜就多练。
专业性
表格、数据、对比。
逻辑性
美观度
https://www.bilibili.com/video/BV1FP8kz1EV5/
AI 制作 PPT
TODO
使用 Notebooklm 来研究论文和整理报告:
https://mp.weixin.qq.com/s/di4zc27XpT_OijWCNmR3WQ
Claude Code + Slidev:做出开发者风格的PPT:
https://mp.weixin.qq.com/s/WqyjTwz3zZHGHm9zMOziXg
工具
2025.11.25:NoteBookLM:
https://zhuanlan.zhihu.com/p/1976238610337521748
场景
读论文
调研
技术博客转演讲稿
个人履历
内容
可以结合DeepResearch来生成内容
PS:据说Google家的DeepResearch的精准度真的一般般,对比OpenAI的DeepResearch其实真的挺拉的。
建议还是去ChatGPT使用DeepResearch去生成报告,然后下载一个PDF扔到NotebookLM里面来,别用NotebookLM自己的,你根本不知道在什么地方它就会坑你一道。
风格
| 中文名 | 英文名 | 分类 | 特征 |
|---|---|---|---|
| 黏土拟物风格 | Claymorphism | 材质拟真 | 哑光表面、边缘圆润、类似培乐多(Play-Doh)的质感、柔和阴影、可爱且亲和力强。 |
| 毛玻璃拟态 | Glassmorphism | 材质拟真 | 磨砂玻璃质感、背景模糊、半透明层级、白色细边框、现代UI常用。 |
| 气动拟物 | Frutiger Aero | 材质拟真 | Vista时期美学、高光水滴、蓝天草地、晶莹气泡、极度干净的科技乌托邦感。 |
| 剪纸折纸 | Paper Cut | 材质拟真 | 多层纸张叠加、边缘投射阴影、物理立体感、色彩分层清晰。 |
| 充气3D | Inflatable 3D | 材质拟真 | 气球般鼓胀、高反光塑料质感、表面光滑、糖果色、视觉柔软。 |
| Y2K 千禧风格 | Y2K Aesthetic | 复古/科技 | 技术演讲推荐。金属银/糖果色、透明塑料质感、复古科技(翻盖机/电路板)、乐观未来主义。 |
| 蒸汽波 | Vaporwave | 复古怀旧 | 粉紫霓虹色调、石膏像、Win95窗口、低保真(Lo-Fi)、棕榈树、迷幻复古。 |
| 孟菲斯 | Memphis Design | 复古怀旧 | 几何图形无序排列、高饱和度撞色、波浪线/圆点、扁平化、活泼跳脱。 |
| 像素艺术 | Pixel Art | 复古怀旧 | 马赛克颗粒感、锯齿边缘、复古游戏怀旧、等轴视角。 |
| 美式波普 | Pop Art | 复古怀旧 | 漫画网点(Halftone)、高对比色彩、对话气泡、安迪·沃霍尔式重复排列。 |
| 黑色酸性风格 | Dark Acid / Chrome Type | 科技先锋 | 黑色背景、高饱和霓虹绿/紫、流体金属字体、几何扭曲、反乌托邦、迷幻且前卫。 |
| 赛博朋克 | Cyberpunk | 科技先锋 | 霓虹蓝紫红、机械义肢、全息投影、雨夜街头、高科技低生活、故障感。 |
| 故障艺术 | Glitch Art | 科技先锋 | 信号干扰、画面撕裂、RGB色彩分离、像素错位、噪点、电子错误美学。 |
| 新丑/粗野主义 | Neo-Brutalism | 科技先锋 | 系统默认字体、高饱和纯色背景、粗黑描边、反精致、原始排版。 |
| 全息镭射 | Holographic | 科技先锋 | 流动的彩虹色、CD光盘背面质感、液态金属光泽、酸性流体。 |
| 水墨风格 | Ink Wash / Sumi-e | 艺术插画 | 黑白渐变、毛笔笔触、留白艺术、宣纸纹理、意境深远、传统东方美学。 |
| 新海诚风格 | Makoto Shinkai Style | 艺术插画 | 高度写实的光影、镜头光晕、湛蓝天空与积云、高对比度细节、唯美且情感充沛。 |
| 吉卜力手绘 | Studio Ghibli Style | 艺术插画 | 水彩手绘质感、丰富的自然风景、食物光泽感、温暖治愈、色彩柔和。 |
| 清线描边 | Ligne Claire | 艺术插画 | 线条粗细均匀、色彩平涂无渐变、轮廓分明、类似《丁丁历险记》。 |
| 等距微缩 | Isometric | 艺术插画 | 2.5D上帝视角、类似乐高/模拟城市的微缩模型感、低多边形切面。 |
| 浮世绘 | Ukiyo-e | 艺术插画 | 日式海浪纹、普鲁士蓝+白配色、古朴线条、木版画质感。 |
| 大字报风格 | Brutalist Typography | 平面排版 | 极大的字体排版、高对比红黑白配色、粗糙纸质感、复古宣传画风、视觉冲击力极强。 |
| 文具手帐风格 | Scrapbook Style | 平面排版 | 纸胶带元素、手写字体、贴纸拼贴、网格纸背景、拍立得边框、DIY手工感。 |
| 瑞士国际主义 | Swiss Style | 平面排版 | 严格网格系统、无衬线字体(Helvetica)、非对称布局、极简清晰。 |
| 拼贴艺术 | Collage Art | 平面排版 | 撕纸边缘、复古照片混搭现代元素、超现实组合、报纸纹理。 |
| 便当盒布局 | Bento Grid | 平面排版 | 圆角矩形模块分割、整齐有序、信息可视化、类似苹果发布会PPT。 |
Prompt
Prompt其实也不需要多复杂,主要就是三个点:
受众、风格、重点。
使用Y2K风格,来从为什么看不到图中的爱心开始,为大家详细科普人类和AI视觉的不同,观众是一些对AI感兴趣的爱好者。
所有文字都采用英文。
使用黑色背景酸性设计风格,来介绍英语语法,观众是大约A2等级的英语学习者。
注意:如果感觉放不完,可以将一些合适的内容整合到一页PPT上,但是千万不要遗漏内容
所有文字都采用英文。
如果这些设计风格你不是特别了解的话,也没有关系,就直接说颜色+功能性。
比如,黑色背景+科技风格,也可以。
渐变拟物玻璃卡片风格
来自归藏:
1 | |
其他
开源工具:LandPPT
思路
根据你要讲的技术(比如 Transformer)的架构图,逐个逐个概念讲解,加上类比,效率最高。
关键词:
给没有 XXX 经验的人讲清楚
生活中的例子做类比、举一个简单易懂的例子、编一个故事来讲解
时长为 XX 分钟的演讲
xxxx,这种说法对吗
能用一个具体的例子讲解 xxx 的详细处理流程么?比如输入“We go to work by”,让 Transformer 输出后面的内容,在这个过程中,具体是怎么处理的呢?
1 | |
PPT 准备阶段
你的看书
没有足够的知识储备,是做不出有内容、有内涵的 PPT 的。
所以你得看足够多的书和文章,保证储备量大于你要输出的知识量。
至少你要让听众知道,你不是随便从网上复制粘贴些资料出来糊弄他们,最少要拿出些不一样的东西给大家看。
做分享就是讲故事
你得构建一个故事,比如可视化组件开发的这个,就构建得比较好,引入产品经理和开发的角色去构建一个需求持续迭代的故事线,然后引出各项设计。
分类
逻辑清不清楚、问题分析得到不到位,往往跟你分类分得好不好强相关。
抽象=分类(Taxonomy)
什么是抽象:就是归纳、分类,抽象=分类=归纳
做事的核心就 2 个:分类+流程。先分类好了,再用流程串起来。
这就是之前 YLF 提到的:演绎、归纳、抽象;结构化思维
也是为什么他举的例子,是桌子上堆一堆东西,让你去分类
对比下东明的论文内容,精华部分都和分类有关,比 Related 中的这个:
其中,~\cite{ko2016survey}总结了金融数据可视分析的相关任务,包含四大类:异常检测、可预测分析,correration analysis,以及分金融科技。并介绍了每一类任务的相关的数据和技术。
还有那 12 个 Insights
还有可视化的设计指南图
互动的重要性
没有互动的演讲,就是一潭死水。
可视化讲解
用可视化、动画的形式讲解,更容易被理解。
典型的案例:神经网络的原理、Transformer的原理、Self-Attention等。
思路
先通过 xmind 把大纲和思路、逻辑整理出来。有了确定的内容你才能快速生成页面。
类似这样:

常用模型
技术宣讲
常见于一些分享会、峰会,结构如下:
- 业务背景
- 技术架构
- 技术细节
- 优化方案
- 未来规划和展望
具体可以参考 book 目录中前端文件夹下面的 GMTC2021 的 PPT
单页结构
- 顶部左侧标题
- 中间主视图区域
- 下方靠左写上参考资料,可以是链接或者可以搜索到的一个标题
类似这样:

元素
表格
表格比较难做得好看,一般来说,需要根据表格内容的多少来区分设计。
数据量较大
此时没啥选择,一般可以考虑将表格做成一个大图,替换掉 PPT 的背景图,比如这样:

数据量较小
数据较少时,可以考虑用卡片替换表格,比如这样:

架构图
推荐用 processon 来制作架构图,只要提前想清楚结构,做起来还是挺快的。通过设置边框、背景等样式,可以快速做出效果不错的 png 图片。
比如这样的:

资料素材
模板
制作工具
闪击 PPT+ChatGPT
闪击 PPT:
教程:
https://zhuanlan.zhihu.com/p/607583650
1 | |
Focusky
可以做出非常炫酷的 PPT 切换效果
reveal.js
这是 github 上 star 最多的 HTML 风格 PPT 制作工具,可以制作 HTML 格式的、极具程序员风格的 PPT;自定义能力非常强;对于有代码展示需求的 PPT,效果很好。
该工具还支持直接编写 Markdown 文件,自动将其转为 HTML。
弊端就是制作成本较高,如果想要一些个性化的内容,得自己编写 HTML,实际上就相当于自己写网页了,会花费不少时间在调试 CSS 样式上。
建议可以做几个通用模板来复用,把制作成本降下来。
如何选择母版背景图
http://www.pptjia.com/pptbeijing/qianse/
字体与字号
中文字体统一用微软雅黑,别用宋体。
英文字体
| 分类 | 字号 | 颜色 |
|---|---|---|
| 总标题 | 48 | 白色 |
| 分页标题 | 32 | 白色 |
| 当页主要描述标题 | 28 | 渐变绿色 |
| 正文 | 16 | 灰色(#878995) |
颜色
如果背景是深色系,那么主要用白色(普通文本)和红色(重点文本)即可。
作图的色彩,可以用深一点的橘黄色和绿色。
渐变色
图表、标题,都可以用渐变色
灰化效果,突出重点内容
比如当前讲解的进度,就可以用灰化的方式进行处理。
边角矩形
用于帮助用户快速找到页面焦点
设计师帮忙优化的案例
详见:D:\git\datav\0-数据可视化课程\2023 年 1028 周公开课\AI 浪潮下开发模式的变革-10.25-样式美化前.pptx
1、图大一点
2、排整齐
3、字精简
代码翻译加个底,颜色+透明度 5%
CodeReview 红色,改为灰色,也可以盖个白色块,+透明度
CodeReview,加个方块底
代码解释,加个方块底,分成 3 块,不要超出标题栏
更多应用案例,加个方块底
为什么用不好 AIGC 工具?,加个方块底动画:从左向右,渐隐
Prompt 人设背后的逻辑,块大一些
Prompt 人设背后的逻辑,文本放左侧下面通用流程,加个方块底
架构图改为方正的确认分工,文字加粗
经验教训,加个方块底
总结一下,大一些,字体也改大软件的不同阶段,加个方块底
善用图表来增强表现力
数据说话、图表数据说话
用英文增加逼格
比如给标题加上英文单词、给想要表达的关键原理增加名人的英文语录等等,都是很能增加逼格的。
代码演示
如何制作自己的 PPT 组件
案例分析:可视化组件设计
这个 PPT 我做得很煎熬,前面好多天都是瞎做,原因如下:
没有专注
东搞搞西搞搞,心里想着其他事情,导致这个 PPT 做得很久。
应该屏蔽其他的内容,专注在这上面,这样我估计半天就能搞定了。
只有专注的思考,才能产出真正有价值的想法。
没有明确这个课程的目的
这是最关键的,直接导致我连 PPT 的目录都不知道怎么定,然后前面随便瞎写了一个,后面改过去改过来;内容组织方面也是想到哪里写到哪里,天天变。
后来我将目的定下来并写在白板上,突然之前就清晰起来了。
听众听了这个课,能够:
1、知道如何编写一个可视化组件
2、了解可视化组件设计的技巧,能写出高质量的组件代码
3、避免踩坑
这样我的大纲马上就出来了:
1、开发流程:
1.1 完成流程介绍
1.2 流程中每个环节如何执行:方法论、工具、判断标准、产出物
2、程序设计
2.1 整体架构设计
2.2 每个具体模块的设计
2.2.1 组件生命周期
2.2.2 事件处理
2.2.3 动画处理
3、经验教训
3.1 我之前遇到过的实际经验教训案例的分享
没有先考虑好关键问题的解决方案
我的听众是 T3 人员,如何给这些人员带去帮助、给他们讲解一些他们所不了解的内容呢?
这个的核心在于案例和设计。我准备得不够深。
案例分析:Transformer 介绍
没了解听众的诉求
这个主题是大家投票选出来的,但是我一开始做的时候,就完全按照如何讲清楚 Transformer的这个思路去做了,后面等做出来后,给大家提前展示了下,才发现大家想看的根本不是这些内容,我准备的这个有如下问题:
组里没人懂 Python 代码,而我展示的是 Python 的实现,看不懂
大家更想了解的是一些名词概念,而不是细节上的实现
讲的这些内容无法和大家的日常工作关联起来
大家期望的是能分析不同的架构中的软件设计的亮点,比如 MoE 的这种架构设计,以便能在我们平时的开发中借鉴应用
思路不清晰,导致制作 PPT 耗时太长
我自己在初期做的时候,根本不知道这个主题想要表达什么,导致东搞搞西搞搞,什么资料都去查,很乱,效率极低。
明确一个小的、具体的目标,至关重要。
素材网站
PNG 图片下载
觅元素:
http://www.51yuansu.com/sc/relhbudupi.html
演讲阶段
站姿
别弯腰驼背