(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
2
3
4
5
6
7
8
9
10
11
12
13
14
15
你是一位专家级UI UX演示设计师,请生成高保真、未来科技感的169演示文稿幻灯片。请根据视觉平衡美学,自动在封面、网格布局或数据可视化中选择一种最完美的构图。  

全局视觉语言方面,风格要无缝融合Apple Keynote的极简主义、现代SaaS产品设计和玻璃拟态风格。整体氛围需要高端、沉浸、洁净且有呼吸感。光照采用电影级体积光、柔和的光线追踪反射和环境光遮蔽。配色方案选择深邃的虚空黑或纯净的陶瓷白作为基底,并以流动的极光渐变色即霓虹紫、电光蓝、柔和珊瑚橙、青色作为背景和UI高光点缀。

关于画面内容模块,请智能整合以下元素:

1. 排版引擎采用Bento便当盒网格系统,将内容组织在模块化的圆角矩形容器中。容器材质必须是带有模糊效果的磨砂玻璃,具有精致的白色边缘和柔和的投影,并强制保留巨大的内部留白,避免拥挤。

2. 插入礼物质感的3D物体,渲染独特的高端抽象3D制品作为视觉锚点。它们的外观应像实体的昂贵礼物或收藏品,材质为抛光金属、幻彩亚克力、透明玻璃或软硅胶,形状可是悬浮胶囊、球体、盾牌、莫比乌斯环或流体波浪。

3. 字体与数据方面,使用干净的无衬线字体,建立高对比度。如果有图表,请使用发光的3D甜甜圈图、胶囊状进度条或悬浮数字,图表应看起来像发光的霓虹灯玩具。

构图逻辑参考: 如果生成封面,请在中心放置一个巨大的复杂3D玻璃物体,并覆盖粗体大字,背景有延伸的极光波浪。 如果生成内容页,请使用Bento网格布局,将3D图标放在小卡片中,文本放在大卡片中。 如果生成数据页,请使用分屏设计,左侧排版文字,右侧悬浮巨大的发光3D数据可视化图表。

渲染质量要求:虚幻引擎5渲染,8k分辨率,超细节纹理,UI设计感,UX界面,Dribbble热门趋势,设计奖获奖作品。

其他

开源工具:LandPPT

思路

根据你要讲的技术(比如 Transformer)的架构图,逐个逐个概念讲解,加上类比,效率最高。

关键词:

  • 给没有 XXX 经验的人讲清楚

  • 生活中的例子做类比、举一个简单易懂的例子、编一个故事来讲解

  • 时长为 XX 分钟的演讲

  • xxxx,这种说法对吗

  • 能用一个具体的例子讲解 xxx 的详细处理流程么?比如输入“We go to work by”,让 Transformer 输出后面的内容,在这个过程中,具体是怎么处理的呢?

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
有哪些知名的应用是基于Transformer架构的?

请用图文结合的方式,给一个没有机器学习经验的人,讲清楚Transformer架构。请多用生活中的类比来降低理解成本。

我是一个没有机器学习经验的人,我想在1小时内了解Transformer架构,请帮我制定一个行动计划,并列最关键的名词概念有哪些。

Transformer架构在数据可视化领域有哪些应用场景?

能用生活中的一个示例来类比Transformer架构和流程么?

能用一个具体的例子讲解Transformer架构的详细处理流程么?比如输入“We go to work by”,让Transformer输出后面的内容,在这个过程中,具体是怎么处理的呢?

Transformer的编码器具体做了什么事情,编码成了什么内容?

Dall-E, Midjourney , Stable Diffusion,GitHub CoPilot,这些是否都用到了Transformer?

什么是长距离依赖问题,能举一个简单易懂的例子么

RNN用代码怎么实现?请给出PyTorch代码

我要给一群没有机器学习经验的前端开发人员讲解Transformer架构,时间大约30分钟,请帮我制定一个PPT大纲和讲解策略,保证让听众能听懂。

我在准备一个主题为“Transformer介绍”的演讲,我该如何从<内容1>过渡到<内容2>呢?
内容1:
模型训练的本质是拟合(Fitting)
内容2:
Transformer解决什么问题

PPT 准备阶段

你的看书

没有足够的知识储备,是做不出有内容、有内涵的 PPT 的。

所以你得看足够多的书和文章,保证储备量大于你要输出的知识量。

至少你要让听众知道,你不是随便从网上复制粘贴些资料出来糊弄他们,最少要拿出些不一样的东西给大家看。

做分享就是讲故事

你得构建一个故事,比如可视化组件开发的这个,就构建得比较好,引入产品经理和开发的角色去构建一个需求持续迭代的故事线,然后引出各项设计。

分类

逻辑清不清楚、问题分析得到不到位,往往跟你分类分得好不好强相关。

抽象=分类(Taxonomy)

什么是抽象:就是归纳、分类,抽象=分类=归纳

做事的核心就 2 个:分类+流程。先分类好了,再用流程串起来。

这就是之前 YLF 提到的:演绎、归纳、抽象;结构化思维

也是为什么他举的例子,是桌子上堆一堆东西,让你去分类

对比下东明的论文内容,精华部分都和分类有关,比 Related 中的这个:

其中,~\cite{ko2016survey}总结了金融数据可视分析的相关任务,包含四大类:异常检测、可预测分析,correration analysis,以及分金融科技。并介绍了每一类任务的相关的数据和技术。

还有那 12 个 Insights

还有可视化的设计指南图

互动的重要性

没有互动的演讲,就是一潭死水。

可视化讲解

用可视化、动画的形式讲解,更容易被理解。

典型的案例:神经网络的原理、Transformer的原理、Self-Attention等。

思路

先通过 xmind 把大纲和思路、逻辑整理出来。有了确定的内容你才能快速生成页面。

类似这样:

image

常用模型

技术宣讲

常见于一些分享会、峰会,结构如下:

  • 业务背景
  • 技术架构
  • 技术细节
  • 优化方案
  • 未来规划和展望

具体可以参考 book 目录中前端文件夹下面的 GMTC2021 的 PPT

单页结构

  • 顶部左侧标题
  • 中间主视图区域
  • 下方靠左写上参考资料,可以是链接或者可以搜索到的一个标题

类似这样:

ppt

元素

表格

表格比较难做得好看,一般来说,需要根据表格内容的多少来区分设计。

数据量较大

此时没啥选择,一般可以考虑将表格做成一个大图,替换掉 PPT 的背景图,比如这样:

career

数据量较小

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

business

架构图

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

比如这样的:

middle_stage

资料素材

模板

https://searchthedeck.com/

制作工具

闪击 PPT+ChatGPT

https://www.bilibili.com/video/BV1oj411G7QV/?spm_id_from=333.1007.tianma.3-4-10.click&vd_source=1ddc293a4439c7106ebd7878040f7c81

闪击 PPT:

https://ppt.sankki.com

教程:

https://zhuanlan.zhihu.com/p/607583650

1

Focusky

http://www.focusky.com.cn/

可以做出非常炫酷的 PPT 切换效果

reveal.js

https://revealjs.com/

这是 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

演讲阶段

站姿

别弯腰驼背

声音

互动

礼物